/* ============================================================
   PORTADA con el lenguaje del DOSSIER 26/27.
   Capa de estilo por encima de lo que ya había: no cambia ni
   una sección, ni un texto, ni un script. Tipografía (Anton para
   titulares, Oswald espaciada para etiquetas y botones, el
   rotulador dorado para el acento, Inter para leer), la paleta
   exacta del dossier, y el punteado rojo y la pincelada como
   textura. Las secciones claras pasan a paneles oscuros cálidos,
   como las páginas del dossier. Quitar este fichero = portada
   anterior tal cual.
   ============================================================ */
:root{
  --dz-ink:#f6f1ea;--dz-soft:#cfc3b1;--dz-muted:#a89c8e;
  --dz-red:#c81616;--dz-red-deep:#8a0d0d;
  --dz-gold:#d8a64a;--dz-gold-b:#f3c66a;--dz-gold-d:#8a6321;
  --dz-oro:linear-gradient(180deg,#f7d77a,#c98f2a 70%,#6b450f);
  --dz-rojo:linear-gradient(180deg,#ff4949 0%,#c81616 60%,#6b0606 100%);
  --gold:#d8a64a;--goldd:#8a6321;
  --k:#070303;--k2:#100707;--k3:#150a0a;--k4:#1d1010;--k5:#271616;
  --w:#f6f1ea;--w90:rgba(246,241,234,.9);--w80:rgba(246,241,234,.8);--w70:rgba(246,241,234,.72)
}
body{font-family:'Inter','Barlow',system-ui,sans-serif;
  background:radial-gradient(1200px 600px at 20% -10%,rgba(200,22,22,.16),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(216,166,74,.08),transparent 60%),#050202}

/* ── las secciones claras, a panel oscuro cálido (misma técnica de variables) ── */
.sec-clara{
  --k:#0e0707;--k2:#140a0a;--k3:#180c0c;--k4:#221111;--k5:#2c1717;
  --w:#f6f1ea;--w90:rgba(246,241,234,.9);--w80:rgba(246,241,234,.8);--w70:rgba(246,241,234,.72);
  --w65:rgba(246,241,234,.66);--w62:rgba(246,241,234,.62);--w55:rgba(246,241,234,.58);--w40:rgba(246,241,234,.46);
  --w14:rgba(246,241,234,.12);--w06:rgba(246,241,234,.07);--rl:#ff4949;
  background:radial-gradient(900px 420px at 100% 0%,rgba(200,22,22,.12),transparent 60%),linear-gradient(180deg,#0e0707,#120909)!important;
  color:var(--w)}
.sec-clara .eyebrow{color:var(--dz-gold)!important}
.sec-clara .cat-n{color:rgba(246,241,234,.07)}
.sec-clara .sp-card img{filter:grayscale(1) contrast(1.05) invert(.92) hue-rotate(180deg);opacity:.8}

/* ── etiquetas: Oswald espaciada, oro, con la raya roja ── */
.eyebrow,.mc-kicker span,.hero-kicker .eyebrow{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.32em!important;font-size:.7rem!important;color:var(--dz-gold)!important}
.eyebrow::before{background:var(--dz-red)!important;width:38px!important;height:2px!important}

/* ── titulares: Anton recto (el dossier no usa cursiva) y acento a rotulador ── */
.h{font-family:'Anton',sans-serif!important;font-weight:400!important;font-style:normal!important;letter-spacing:0!important;line-height:.95!important;color:var(--dz-ink)}
h2.h em,.h em{display:table!important;text-shadow:none!important;filter:none!important;margin-top:.1em;font-family:'Permanent Marker',cursive;font-style:normal;text-transform:none;font-size:.78em;line-height:1.1;
  transform:skew(-6deg,-1.5deg);transform-origin:left;background:var(--dz-oro)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.hero-h1{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:0!important;line-height:1.02!important;color:var(--dz-ink)}
/* cada línea la recorta la animación de entrada: sin este aire, las tildes
   de Anton («MÁS», «FÚTBOL») quedaban cortadas por arriba */
.hero-h1 .fxl{color:var(--dz-ink)!important;padding-top:.12em;margin-top:-.12em}
/* solo la palabra destacada: las líneas van envueltas en span.fxl por la
   animación de entrada, y esas no se tocan (se quedarían sin texto) */
.hero-h1 span:not(.fxl){background:var(--dz-rojo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hero-lead,.prose{font-family:'Inter',sans-serif;font-weight:400!important;color:var(--dz-soft)}
.prose strong,.hero-lead strong,.prose b{color:#e9d9b4}
.hist-year{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:0!important}

/* ── cifras: Anton en oro ── */
.hs-n,.pricing-amount{font-family:'Anton',sans-serif!important;font-weight:400!important;background:var(--dz-oro);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ── botones: los del dossier ── */
.btn-r,.btn-w,.btn-ghost,.nav-cta,.sticky-cta-btn{font-family:'Oswald',sans-serif!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase;border-radius:4px!important}
.btn-r,.btn-w{background:linear-gradient(180deg,#e21c1c,#9e0e0e)!important;color:#fff!important;border:0!important;
  box-shadow:0 12px 28px -10px rgba(200,22,22,.7),inset 0 1px 0 rgba(255,255,255,.18)!important}
.btn-ghost{background:transparent!important;border:1px solid var(--dz-gold)!important;color:var(--dz-gold-b)!important}
.btn-ghost:hover{background:rgba(216,166,74,.08)!important}

/* ── navegación ── */
.nav-name{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:.04em!important}
.nav-sub{font-family:'Oswald',sans-serif!important;letter-spacing:.24em!important}
.nav-links a{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.2em!important}

/* ── portada: el punteado del dossier y la pincelada al pie ── */
.hero{position:relative}
.hero-bg::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:radial-gradient(circle at 1px 1px,rgba(200,22,22,.55) 1px,transparent 1.5px),radial-gradient(circle at 1px 1px,rgba(200,22,22,.18) 1px,transparent 1.5px);
  background-size:14px 14px,22px 22px;background-position:0 0,6px 6px;
  -webkit-mask-image:radial-gradient(ellipse 55% 90% at 0% 50%,#000 30%,transparent 70%);mask-image:radial-gradient(ellipse 55% 90% at 0% 50%,#000 30%,transparent 70%)}
.hero::after{content:"";position:absolute;left:3%;right:3%;bottom:0;height:13px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,transparent 0,#c81616 8%,#ff2b2b 50%,#c81616 92%,transparent 100%);
  clip-path:polygon(0% 60%,3% 30%,7% 75%,12% 40%,18% 70%,24% 35%,30% 80%,36% 45%,42% 70%,50% 30%,58% 75%,64% 40%,70% 70%,76% 35%,82% 70%,88% 40%,93% 75%,97% 50%,100% 60%,100% 80%,95% 60%,90% 90%,84% 55%,78% 85%,72% 60%,66% 90%,60% 55%,54% 85%,48% 60%,42% 90%,36% 55%,30% 85%,24% 60%,18% 90%,12% 55%,6% 85%,0% 80%);
  filter:drop-shadow(0 0 6px rgba(255,43,43,.35))}

/* ── los separadores entre secciones, pincelada dorada fina ── */
.divider{height:10px!important;margin:0 auto;max-width:1100px;
  background:linear-gradient(90deg,transparent 0,var(--dz-gold-d) 8%,var(--dz-gold-b) 50%,var(--dz-gold-d) 92%,transparent 100%)!important;
  clip-path:polygon(0% 60%,6% 30%,14% 75%,24% 35%,36% 80%,50% 30%,64% 75%,76% 35%,88% 70%,100% 55%,100% 80%,90% 90%,78% 55%,66% 90%,54% 58%,42% 90%,30% 58%,18% 90%,8% 58%,0% 82%);opacity:.75}

/* ── tarjetas: esquinas rectas y la barra roja del dossier ── */
.cat-card,.adn-card,.instal-card,.ct-card,.act-card{border-radius:3px!important}
.cat-card,.adn-card,.ct-card{box-shadow:inset 4px 0 0 var(--dz-red)}
.cat-name,.adn-card h3,.instal-card h3,.ct-card h3,.act-card h3{font-family:'Oswald',sans-serif!important;font-weight:600!important;letter-spacing:.06em!important}
.cat-age{font-family:'Oswald',sans-serif!important;letter-spacing:.2em!important;color:var(--dz-gold)!important}
.cat-n{font-family:'Anton',sans-serif!important;font-weight:400!important}
@media (min-width:1000px){
  .cat-grid > .cat-card{border-radius:3px!important}
  .cat-grid > .cat-card:nth-child(1) .cat-name{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:0!important;text-transform:uppercase}
}

/* ── centro de partidos, a juego ── */
.mc-nombre{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:.01em!important}
.mc-sep{font-family:'Permanent Marker',cursive!important;background:var(--dz-oro);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mc-cuenta b{font-family:'Anton',sans-serif!important;font-weight:400!important}
.mc-cuenta div,.mc-card{border-radius:3px!important}
.mc-card{border:1px solid rgba(216,166,74,.28)!important;background:radial-gradient(420px 200px at 0% 0%,rgba(200,22,22,.16),transparent 60%),linear-gradient(180deg,rgba(216,166,74,.04),rgba(0,0,0,.3))!important}

/* ── pie ── */
footer .ft-brand,footer h4,footer .ft-h{font-family:'Oswald',sans-serif!important;letter-spacing:.2em!important}

/* el titular manda también en el móvil (había un 2.4rem fijo) */
@media (max-width:600px){.hero-h1{font-size:clamp(2.7rem,12.5vw,3.6rem)!important}}
/* «Matrícula» en la cabecera: el botón principal del dossier, no uno blanco */
.nav-cta{background:linear-gradient(180deg,#e21c1c,#9e0e0e)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px -10px rgba(200,22,22,.7)!important}

/* ── iconos al estilo del dossier: cuadro con filo dorado, trazo de 2 y oro ── */
.cat-icon,.adn-icon,.instal-ic,.pm-ic{display:flex!important;align-items:center;justify-content:center;border:1px solid rgba(216,166,74,.42)!important;
  background:rgba(0,0,0,.28)!important;border-radius:2px!important;color:var(--dz-gold-b)!important;box-shadow:none!important;opacity:1!important}
.cat-icon{width:46px!important;height:46px!important;padding:10px}
.cat-icon svg,.adn-icon svg,.instal-ic svg,.pm-ic svg,.ct-icon svg{stroke-width:1.9;color:var(--dz-gold-b)!important}
.ct-icon{color:var(--dz-gold-b)}

/* ── amateur: el objetivo, en una etiqueta dorada ── */
.cat-objetivo{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:8px 12px;border:1px solid var(--dz-gold);background:rgba(216,166,74,.1);
  font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.18em;font-size:.72rem;text-transform:uppercase;color:var(--dz-gold-b)}
.cat-objetivo::before{content:"";width:12px;height:12px;border-radius:50%;flex:0 0 12px;
  background:radial-gradient(circle,currentColor 0 2px,transparent 2.5px 4px,currentColor 4.5px 5.5px,transparent 6px)}

/* ── franja de cifras: Anton y etiquetas en Oswald, como el dossier ── */
.sb-n{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:.01em!important}
.sb-l{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.24em!important}

/* ═══ Ajustes de la tanda 2 ═══ */

/* franja de cifras: de rojo plano a panel oscuro con el punteado rojo y las
   cifras en oro, como las «stat» del dossier */
.stats-band{background:radial-gradient(700px 260px at 0% 0%,rgba(200,22,22,.28),transparent 60%),linear-gradient(180deg,#120707,#0b0404)!important;
  border-top:1px solid rgba(216,166,74,.22);border-bottom:1px solid rgba(216,166,74,.22)}
.stats-band::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(circle at 1px 1px,rgba(200,22,22,.55) 1px,transparent 1.5px);background-size:14px 14px;
  -webkit-mask-image:radial-gradient(ellipse 60% 100% at 0% 50%,#000 25%,transparent 70%);mask-image:radial-gradient(ellipse 60% 100% at 0% 50%,#000 25%,transparent 70%)}
.stats-band .sb-n{background:var(--dz-oro);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stats-band .sb-l{color:var(--dz-soft)!important}

/* formulario de «Reserva tu plaza»: esquinas y etiquetas del dossier */
.form-box,.auth-panel,.auth-pick button,.auth-form input,.auth-form button{border-radius:3px!important}
.form-box{border:1px solid rgba(216,166,74,.28)!important}
.auth-pick button b{font-family:'Oswald',sans-serif!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase}
.auth-pick button.on{border-color:var(--dz-gold)!important;box-shadow:inset 0 -3px 0 var(--dz-red)!important}
.auth-form label{font-family:'Oswald',sans-serif!important;font-weight:500!important;letter-spacing:.18em!important;color:var(--dz-muted)!important}
.auth-form button{font-family:'Oswald',sans-serif!important;font-weight:600!important;letter-spacing:.16em!important}

/* fotos del collage de portada: marco fino dorado, esquinas rectas */
.hc-item{border-radius:2px!important;box-shadow:0 0 0 1px rgba(216,166,74,.35),0 18px 40px -18px rgba(0,0,0,.8)}

/* pie como la contraportada del dossier: pincelada dorada, escudo con brillo */
footer[role=contentinfo]{position:relative;border-top:0!important}
footer[role=contentinfo]::before{content:"";display:block;height:10px;margin:0 auto 26px;max-width:1100px;
  background:linear-gradient(90deg,transparent 0,var(--dz-gold-d) 8%,var(--dz-gold-b) 50%,var(--dz-gold-d) 92%,transparent 100%);
  clip-path:polygon(0% 60%,6% 30%,14% 75%,24% 35%,36% 80%,50% 30%,64% 75%,76% 35%,88% 70%,100% 55%,100% 80%,90% 90%,78% 55%,66% 90%,54% 58%,42% 90%,30% 58%,18% 90%,8% 58%,0% 82%)}
.ft-brand img{filter:drop-shadow(0 10px 24px rgba(216,166,74,.35))}
.ft-brand-name{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:.03em!important;font-size:1.35rem!important}
.ft-brand-sub{font-family:'Oswald',sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase;color:var(--dz-gold)!important}
.ft-links a{font-family:'Oswald',sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase}

/* patrocinadores: el nombre del principal en Anton y las etiquetas en Oswald */
.sp-main-name{font-family:'Anton',sans-serif!important;font-weight:400!important;letter-spacing:.02em!important}
.sp-main-badge,.sp-name,.sp-card span{font-family:'Oswald',sans-serif!important;letter-spacing:.2em!important}