@import url("https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@400;500;700&display=swap");
/* Golden Events Girona · tema negro / verde neón / Anton (igual que la portada) */
:root{--ink:#000;--ink-2:#0e0e0e;--ink-3:#171717;--gold:#7CF03C;--gold-soft:#7CF03C;--ivory:#fff;--ivory-2:#0b0b0b;--text:#e9e9e9;--muted:#a9a9a9;--muted-light:#b9b9b9;--serif:"Anton","Impact",sans-serif;--sans:"Space Grotesk","Helvetica Neue",Arial,sans-serif}
html,body{background:#000}
body{font-family:var(--sans);font-weight:400;color:#e9e9e9}
h1,h2,h3{font-family:var(--serif);font-weight:400;text-transform:uppercase;line-height:1.05;letter-spacing:.01em}
h1 em,h2 em{font-style:normal;color:var(--gold)}
/* fondos */
.feat,.pg-list,.pg-text,.srv-links,.faq,.services,.how{background:#000}
.feat.alt,.about{background:#0b0b0b}
.hero{background:#000!important}
.hero::before{display:none}
.bingo,.contact{background:#000}
.bingo,.contact,.feat.alt{border-top:1px solid #1d1d1d}
footer{background:#000;border-top:1px solid #1d1d1d}
header.solid,header:has(.menu.open){background:rgba(0,0,0,.96);box-shadow:0 1px 0 #1d1d1d}
.menu.open{background:#000;border-bottom:1px solid #1d1d1d}
.submenu{background:#0b0b0b;border:1px solid #262626;border-radius:0}
.submenu a:hover{background:#171717}
.feat-img,.photos div{border-radius:0;background-color:#171717;filter:grayscale(.15)}
.about-img{border-radius:0}
/* textos que eran oscuros sobre fondo claro */
.pg-text h2,.srv-links h2,.sec-head h2,.s-item h3,.feat h2,.tl h3,.hl h3,.pg-list h2,.pg-ul li h3,.faq h2,.faq summary,.step h3,.about h2{color:#fff}
.about p{color:#e9e9e9}
.hero h1,.bingo h2,.contact h2{color:#fff}
.hero-kicker{color:var(--gold);font-family:var(--sans);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:14px}
.hero p.sub,.bingo .lead,.contact .sub{color:#c8c8c8}
/* verdes en lugar de dorados oscuros */
a.s-item:hover h3,.more summary,.more summary::before,.more-link,a.more,.about a.more,.bgrid .h{color:var(--gold)}
.extra,.ideal,.hero-line{font-family:var(--sans);font-style:normal;font-weight:500;color:var(--gold);font-size:17px}
.hero-line{border-top:1px solid #262626}
.hero-line a:hover{color:#fff;border-bottom-color:var(--gold)}
.feats h3{color:var(--gold)}
/* líneas */
.s-item,.pg-ul li,.faq details{border-top-color:#262626}
.faq details:last-child{border-bottom-color:#262626}
.step{border-top:1px solid #3a3a3a}
.chan a{border-bottom-color:#262626}
.foot-nav{border-bottom-color:#262626}
.foot a{color:var(--gold)}
/* botones */
.btn{border-radius:0;font-family:var(--serif);text-transform:uppercase;letter-spacing:.04em;font-size:17px;font-weight:400;padding:14px 26px}
.nav .btn{padding:10px 18px;font-size:15px}
.btn-gold{background:var(--gold);color:#000}
.btn-gold:hover{background:#fff;color:#000}
.btn-line{border-color:#fff;color:#fff}
.btn-line:hover{border-color:var(--gold);color:var(--gold)}
/* logo y menú */
.logo{color:#fff}
.logo .l1{font-family:var(--serif);text-transform:uppercase;font-size:26px;letter-spacing:.02em}
.logo .l2{color:var(--gold);font-weight:500}
.menu a,.sub-btn{color:#fff;font-weight:400;opacity:.9}
.menu a:hover,.sub-btn:hover,.has-sub.open .sub-btn{color:var(--gold);opacity:1}
.langs{border-radius:0;border-color:#333}
.langs button{border-radius:0;color:#bbb}
.langs button.on{background:var(--gold);color:#000}
/* formulario */
form{background:#0e0e0e;border:1px solid #262626;border-radius:0}
.f input,.f select,.f textarea{background:#000;border:1px solid #333;border-radius:0;color:#fff;font-weight:400}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--gold)}
/* cartón de bingo: se queda blanco */
.bcard{background:#fff;color:#000;border-radius:0}
.bcard-top,.bgrid .c{border-color:#d4d4d4;border-radius:0}
.bgrid .c.m::after{background:rgba(124,240,60,.6)}
.bgrid .c.free{background:#000;color:var(--gold);border-color:#000}
.card-back{background:#171717;border:1px solid #333;border-radius:0}
.bcard-top .n,.bcard-foot{color:#555}
:focus-visible{outline-color:var(--gold)}
::selection{background:var(--gold);color:#000}
/* páginas de zona */
.pg-text p,.pg-text li{color:#c8c8c8}
.pg-text strong,.pg-text b{color:#fff}
.pg-text a{color:var(--gold)}
.srv-grid a{border:1px solid #333;border-radius:0;color:#fff;background:#0b0b0b}
.srv-grid a:hover{border-color:var(--gold);background:#111;color:var(--gold)}
.pg-dj{background:#0e0e0e;color:#c8c8c8;border-left:3px solid var(--gold)}
.pg-dj a{color:var(--gold)}
.pg-dj img{border-radius:0}
.faq details p,.pg-ul li{color:#c8c8c8}
.faq summary::after{color:var(--gold)}
.f input,.f select,.f textarea{color-scheme:dark}
.pg-iker{margin-top:12px}