@font-face{font-family:"Bodoni Moda";font-weight:500;font-style:normal;font-display:swap;src:url(/fuentes/bodoni-500.woff2) format("woff2")}
@font-face{font-family:"Bodoni Moda";font-weight:500;font-style:italic;font-display:swap;src:url(/fuentes/bodoni-500i.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:400;font-display:swap;src:url(/fuentes/hanken-400.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:500;font-display:swap;src:url(/fuentes/hanken-500.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:900;font-style:italic;font-display:swap;src:url(/fuentes/hanken-900i.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(/fuentes/plex-400.woff2) format("woff2")}

:root{
  color-scheme:dark;
  --fondo:#0A0A0A;--texto:#F5F5F0;--apagado:#A0A0A0;--oro:#C9A96E;--oro-claro:#DCC291;--acento:#2D4A2E;
  --display:"Bodoni Moda",Didot,Georgia,serif;--cuerpo:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--cuerpo);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--oro-claro);outline-offset:3px}

.cabecera{position:fixed;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 14px;background:rgba(10,10,10,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(201,169,110,.15)}
.logo{font-family:var(--display);color:var(--oro);letter-spacing:.24em;font-size:18px;text-transform:uppercase}
.pastilla{font-family:var(--mono);font-size:11px;color:var(--texto);border:1px solid rgba(201,169,110,.35);background:rgba(10,10,10,.6);padding:6px 10px;white-space:nowrap}
.punto{display:inline-block;width:7px;height:7px;background:#ff8a1f;margin-right:7px;vertical-align:1px;animation:parpadeo 1.6s steps(2) infinite}
@keyframes parpadeo{50%{opacity:.25}}

.portada{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#1a1512}
.portada::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,0) 40%,rgba(10,10,10,.88) 88%)}
.texto{position:relative;z-index:1;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 36px);max-width:640px}
.ceja{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--oro-claro);margin:0 0 10px}
h1{font-family:var(--display);font-weight:500;font-size:clamp(38px,9vw,72px);line-height:1;margin:0 0 14px}
h2{font-family:var(--display);font-weight:500;font-size:clamp(30px,6vw,48px);line-height:1.05;margin:0 0 22px}
.sub{font-size:16px;line-height:1.5;color:#e4dfd4;margin:0 0 22px;max-width:46ch}
.botones{display:flex;flex-wrap:wrap;gap:10px}
.boton{display:inline-block;text-decoration:none;padding:13px 18px;font-weight:500;font-size:15px;background:var(--oro);color:#0A0A0A}
.boton.linea{background:rgba(10,10,10,.4);border:1px solid var(--oro);color:var(--oro-claro)}

.bloque{padding:72px 16px 40px;max-width:1080px;margin:0 auto}
.marco{border:1px solid rgba(201,169,110,.3);background:#111}
.marco video{display:block;width:100%;aspect-ratio:16/9;background:#111}

.pie{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;padding:26px 16px calc(env(safe-area-inset-bottom,0px) + 26px);font-family:var(--mono);font-size:11px;color:var(--apagado);border-top:1px solid rgba(245,245,240,.08)}


@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
a.logo{text-decoration:none}

h1{letter-spacing:.01em}
.rasgos{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:560px}
.rasgos li{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--texto);border:1px solid rgba(201,169,110,.45);background:rgba(10,10,10,.45);padding:7px 10px}
.botones{align-items:center}
.enlace{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--oro-claro);text-decoration:none;padding:10px 4px}
.nota-donar{color:#e4dfd4;font-size:16px;line-height:1.55;max-width:60ch;margin:0 0 26px}
.carteras{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.cartera{border:1px solid rgba(201,169,110,.3);background:#111;padding:18px;display:grid;gap:12px;align-content:start}
.cartera .red{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--oro-claro)}
.cartera h3{font-family:var(--display);font-weight:500;font-size:24px;margin:0}
.cartera .qr{width:180px;height:180px;background:#F5F5F0;padding:10px}
.cartera .qr img{width:100%;height:100%;display:block}
.cartera code{font-family:var(--mono);font-size:12.5px;word-break:break-all;color:var(--texto);background:rgba(245,245,240,.05);padding:10px;border:1px solid rgba(245,245,240,.08)}
.cartera button{font:inherit;font-size:14px;font-weight:500;cursor:pointer;background:var(--oro);color:#0A0A0A;border:0;padding:11px 14px;justify-self:start}
.cartera .solo{font-size:13px;color:var(--apagado);line-height:1.5;margin:0}
.aviso-donar{font-family:var(--mono);font-size:11px;color:var(--apagado);margin:22px 0 0;line-height:1.6}
.bloque{scroll-margin-top:56px}

/* La tira de colaboradores: como la publicidad a pie de pista */
.tira{display:block;text-decoration:none;overflow:hidden;background:#C8102E;border-top:3px solid #0A0A0A;border-bottom:3px solid #0A0A0A;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 40px rgba(200,16,46,.35);position:relative}
.tira::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 4px)}
.tira-pista{display:flex;width:max-content;animation:tira 28s linear infinite;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.tira-grupo{display:flex;align-items:center;gap:34px;padding:14px 17px;white-space:nowrap}
.tira-grupo span{font-family:var(--cuerpo);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(24px,4.4vw,40px);letter-spacing:.01em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.tira-grupo i{font-style:normal;color:#0A0A0A;font-size:18px}
.tira:hover .tira-pista{animation-play-state:paused}
@keyframes tira{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.gastos{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.gastos li{border-top:1px solid rgba(201,169,110,.3);padding-top:10px;display:grid;gap:4px}
.gastos b{font-family:var(--display);font-weight:500;font-size:21px}
.gastos span{color:var(--apagado);font-size:14px;line-height:1.5}
.premio{border:1px solid rgba(200,16,46,.6);background:linear-gradient(135deg,rgba(200,16,46,.16),rgba(10,10,10,0) 60%);padding:18px;margin:0 0 22px;display:grid;gap:8px}
.premio p{margin:0;color:#e4dfd4;line-height:1.55}
.premio b{color:#fff}
.premio .como{font-size:14px;color:var(--apagado)}
.premio a{color:var(--oro-claro)}

.tira-azul{background:#0B3FA8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 40px rgba(11,63,168,.35);border-top:0}
.tira-azul .tira-pista{animation-direction:reverse;animation-duration:32s}
.gastos b{display:block}
.premio.azul{border-color:rgba(40,110,230,.7);background:linear-gradient(135deg,rgba(11,63,168,.22),rgba(10,10,10,0) 60%)}

.tira-sola{border-top:3px solid #0A0A0A;margin-top:40px}

/* botón para pausar el vídeo de la portada */
.pausa{position:absolute;z-index:2;right:16px;top:calc(env(safe-area-inset-top,0px) + 62px);width:40px;height:40px;display:grid;place-items:center;background:rgba(10,10,10,.6);border:1px solid rgba(201,169,110,.45);color:var(--oro-claro);font-size:14px;cursor:pointer}
.pausa:focus-visible{outline:2px solid var(--oro-claro);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.tira-pista{animation-duration:70s}.tira-azul .tira-pista{animation-duration:80s}}

/* cabecera: tira negra con letras blancas «DOGO CLUB — PRÓXIMAMENTE» */
.cabecera{display:block;overflow:hidden;padding:env(safe-area-inset-top,0px) 0 0;background:#0A0A0A;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(245,245,240,.14)}
.cabecera .tira-pista{animation-duration:36s}
.cabecera .tira-grupo{gap:22px;padding:11px 11px}
.cabecera .tira-grupo span{font-size:clamp(17px,2.4vw,22px);color:#fff;text-shadow:none;letter-spacing:.04em}
.cabecera .tira-grupo i{color:#fff;font-size:17px;font-weight:400}
@media (prefers-reduced-motion:reduce){.cabecera .tira-pista{animation-duration:90s}}

/* lista numerada */
.lista{padding-top:64px}
.contador-lista{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--oro-claro);margin:-10px 0 22px}
.form-lista{display:grid;gap:16px;max-width:520px}
.campo{display:grid;gap:8px}
.campo span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--apagado)}
.campo input{font:inherit;font-size:17px;color:var(--texto);background:#111;border:1px solid rgba(201,169,110,.45);padding:14px;border-radius:0;width:100%}
.campo input:focus{outline:2px solid var(--oro-claro);outline-offset:1px}
.acepto{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.5;color:#d8d2c6}
.acepto input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--oro)}
.acepto a{color:var(--oro-claro)}
.form-lista .boton{border:0;cursor:pointer;justify-self:start;font-family:inherit}
.form-lista .boton:disabled{opacity:.6;cursor:wait}
.estado-lista{min-height:1.4em;margin:0;font-size:14px;color:var(--oro-claro)}
.verificacion:empty{display:none}
.tarjeta-numero{border:1px solid var(--oro);background:linear-gradient(135deg,rgba(201,169,110,.14),rgba(10,10,10,0) 65%);padding:22px 18px;max-width:560px;display:grid;gap:10px}
.numero-dogo{font-family:var(--display);font-size:clamp(44px,10vw,72px);line-height:1;margin:0;color:var(--texto);letter-spacing:.02em}
.numero-dogo span{color:var(--oro)}
.nota-invitar{margin:10px 0 0;color:#e4dfd4;line-height:1.5}
.premios-invitar{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.premios-invitar li{border-top:1px solid rgba(201,169,110,.35);padding-top:8px;display:grid;gap:2px}
.premios-invitar b{font-family:var(--display);font-weight:500;font-size:18px}
.premios-invitar span{font-size:13px;color:var(--apagado)}
.enlace-invitar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
.enlace-invitar code{font-family:var(--mono);font-size:13px;background:rgba(245,245,240,.05);border:1px solid rgba(245,245,240,.1);padding:10px;word-break:break-all;flex:1 1 220px}
.enlace-invitar .boton{border:0;cursor:pointer;font-family:inherit}
.invitados{margin:0;font-family:var(--mono);font-size:12px;color:var(--oro-claro)}
.invitados:empty{display:none}

/* fondos de la obra */
.fondos{border:1px solid rgba(201,169,110,.3);background:#111;padding:18px;margin:0 0 22px}
.cifras{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.cifras div{display:grid;gap:4px}
.cifras span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--apagado)}
.cifras b{font-family:var(--display);font-weight:500;font-size:clamp(30px,6vw,44px);line-height:1}
.partidas{margin-bottom:12px}
.partidas li{position:relative;padding-bottom:10px}
.partidas .eur{font-family:var(--mono);font-size:13px;color:var(--oro-claro)}
.partidas .barra{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--oro);transition:width .8s ease}
.verificar{font-family:var(--mono);font-size:11px;color:var(--apagado);margin:0;line-height:1.6}
.verificar a{color:var(--oro-claro)}
.pie a{color:var(--apagado)}

/* página de privacidad */
.texto-legal{max-width:720px;padding-top:48px}
.texto-legal h1{font-size:clamp(34px,7vw,52px)}
.texto-legal h2{font-size:22px;margin:30px 0 8px}
.texto-legal p{color:#d8d2c6;line-height:1.65;margin:0 0 12px}
.texto-legal a{color:var(--oro-claro)}
.texto-legal .ceja a{text-decoration:none}
.texto-legal .fecha{font-family:var(--mono);font-size:12px;color:var(--apagado)}
[hidden]{display:none!important}
.partidas{grid-template-columns:1fr;gap:0}
.partidas li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0 12px}
.partidas b{font-size:18px}
.fila-acceso{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.fila-acceso .boton{margin:0}
.plazas{margin:0;font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--texto);border:1px solid rgba(201,169,110,.45);padding:12px 14px;white-space:nowrap}
.plazas b{font-size:18px;color:var(--oro)}
.plazas.lleno{border-color:#C8102E;color:#fff}
.plazas.lleno b{color:#ff4d6a}
.agotado{display:grid;gap:12px;border-left:3px solid #C8102E;padding:4px 0 4px 14px}
.agotado p{margin:0;color:#e4dfd4;line-height:1.5}
.agotado .boton{justify-self:start;cursor:pointer;font-family:inherit;background:rgba(10,10,10,.4)}
.detalle-numero{margin:0;color:#e4dfd4;line-height:1.5}