/* ============================================================
   COPA 5 DE MAYO PUEBLA — hoja de estilo
   Paleta: negro de noche + oro del escudo + hueso
   ============================================================ */

:root{
  --negro:#000000;
  --carbon:#0B0A08;
  --panel:#14110B;
  --linea:#2A2317;
  --oro:#D4A431;
  --oro-claro:#F2D98B;
  --bronce:#7A5A14;
  --hueso:#F4EFE4;
  --humo:#9A9287;

  --display:"Bebas Neue", Impact, sans-serif;
  --texto:"Bebas Neue", Impact, sans-serif;

  --ancho:1180px;
  --borde:2px;
}

*,*::before,*::after{box-sizing:border-box}

html{
  scroll-behavior:smooth; -webkit-text-size-adjust:100%;
  color-scheme:dark;
  accent-color:var(--oro);
  /* barra de desplazamiento en oro (Firefox) */
  scrollbar-color:var(--oro) #0B0A08;
  scrollbar-width:thin;
}

/* barra de desplazamiento en oro (Chrome, Edge, Safari) */
::-webkit-scrollbar{width:11px; height:11px}
::-webkit-scrollbar-track{background:#0B0A08}
::-webkit-scrollbar-thumb{
  border-radius:8px; border:2px solid #0B0A08;
  background:linear-gradient(180deg,var(--oro-claro),var(--oro) 55%,var(--bronce));
}
::-webkit-scrollbar-thumb:hover{background:var(--oro-claro)}
::-webkit-scrollbar-corner{background:#0B0A08}

/* texto seleccionado */
::selection{background:var(--oro); color:#150F02}
::-moz-selection{background:var(--oro); color:#150F02}

/* foco visible en toda la página */
:focus-visible{outline:2px solid var(--oro-claro); outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none !important; transition:none !important}
}

body{
  margin:0;
  background:var(--negro);
  color:var(--hueso);
  font-family:var(--texto);
  font-size:17px;
  line-height:1.65;
  overflow-x:hidden;
}

img{max-width:100%; display:block}
a{color:inherit}

h1,h2,h3,.display{
  font-family:var(--display);
  font-weight:400;
  letter-spacing:.01em;
  line-height:.92;
  margin:0;
  text-transform:uppercase;
}

p{margin:0 0 1em; max-width:62ch}

.envoltura{width:100%; max-width:var(--ancho); margin:0 auto; padding:0 24px}

:focus-visible{outline:3px solid var(--oro-claro); outline-offset:3px}

.salta{position:absolute; left:-9999px}
.salta:focus{left:16px; top:16px; z-index:200; background:var(--oro); color:#000; padding:10px 16px; font-weight:700}

/* ---------- filete dorado reutilizable ---------- */
.filete{
  height:3px;
  background:linear-gradient(90deg,transparent,var(--bronce) 12%,var(--oro) 50%,var(--bronce) 88%,transparent);
}

/* ============================================================
   NAVEGACIÓN — barra dorada
   ============================================================ */
.barra{
  position:sticky; top:0; z-index:100;
  background:linear-gradient(180deg,rgba(26,19,6,.94),rgba(11,9,4,.92));
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(212,164,49,.34);
  box-shadow:0 10px 30px rgba(0,0,0,.55);
}
.barra::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--bronce),var(--oro) 22%,#FFF0C4 50%,var(--oro) 78%,var(--bronce));
}
.barra__caja{
  max-width:var(--ancho); margin:0 auto; padding:12px 24px;
  display:flex; align-items:center; gap:18px;
}
.barra__marca{display:flex; align-items:center; gap:13px; text-decoration:none; flex:none}
.barra__marca img{height:48px; width:auto; filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}
.barra__marca span{
  font-family:var(--display); font-size:18px; letter-spacing:.04em;
  line-height:1; text-transform:uppercase; color:var(--hueso); white-space:nowrap;
}
.barra__marca b{
  display:block; margin-top:5px;
  font-family:var(--texto); font-weight:700; font-size:11px; letter-spacing:.4em;
  color:var(--oro);
}
.barra__menu{display:flex; align-items:center; gap:14px; margin-left:auto; list-style:none; margin:0; padding:0; flex:none}
.barra__menu a{
  text-decoration:none; font-size:12.5px; font-weight:600;
  letter-spacing:.09em; text-transform:uppercase; color:#C9BC9E;
  padding:6px 0; border-bottom:2px solid transparent; white-space:nowrap;
}
.barra__menu a:hover,.barra__menu a[aria-current="page"]{color:var(--oro-claro); border-bottom-color:var(--oro)}

.barra__cta{padding:13px 20px; font-size:12.5px; letter-spacing:.08em; white-space:nowrap; flex:none}

.barra__abrir{
  display:none; cursor:pointer; width:46px; height:42px; padding:0;
  border:none; border-radius:6px;
  background:linear-gradient(180deg,var(--oro-claro),var(--oro) 55%,#B98A22);
  flex-direction:column; align-items:center; justify-content:center; gap:5px;
}
.barra__abrir span{display:block; width:22px; height:2.5px; background:#150F02; border-radius:2px}
.barra__abrir i{font-size:20px; line-height:1; color:#150F02}

/* ============================================================
   BOTONES
   ============================================================ */
.boton{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:15px 30px;
  font-family:var(--texto); font-weight:700; font-size:15px;
  letter-spacing:.1em; text-transform:uppercase; text-decoration:none;
  border:2px solid var(--oro); border-radius:6px; cursor:pointer;
}
.boton--oro{
  background:linear-gradient(180deg,var(--oro-claro),var(--oro) 55%,var(--bronce));
  color:#150F02; border-color:var(--oro-claro);
  box-shadow:0 10px 30px rgba(212,164,49,.22);
}
.boton--oro:hover{filter:brightness(1.12)}
.boton--linea{background:rgba(0,0,0,.35); color:var(--oro-claro); border-color:rgba(212,164,49,.5)}
.boton--linea:hover{background:rgba(212,164,49,.14)}
.boton__flecha{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2;
  stroke-linecap:round; stroke-linejoin:round; flex:none}

/* ============================================================
   PORTADA
   ============================================================ */
.portada{
  position:relative; min-height:min(100svh,940px);
  display:flex; align-items:center;
  padding:112px 0 64px; overflow:hidden;
}
.portada__fondo{position:absolute; inset:0; z-index:0}
.portada__fondo > img:first-child{width:100%; height:100%; object-fit:cover; object-position:50% 32%}
.portada__fondo::after{
  content:""; position:absolute; inset:0; z-index:2;
  background:
    linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(9,7,3,.55) 40%,rgba(0,0,0,.88) 82%,#000 100%),
    radial-gradient(72% 58% at 50% 42%,rgba(0,0,0,0) 34%,rgba(0,0,0,.72) 100%);
}
/* escudo gigante como marca de agua */
.portada__sello{
  position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%);
  width:min(1180px,150vw); max-width:none; height:auto;
  opacity:.26; filter:grayscale(.35) contrast(1.1);
  pointer-events:none;
}

.portada__caja{
  position:relative; z-index:3; width:100%; max-width:var(--ancho);
  margin:0 auto; padding:0 24px; text-align:center;
}
.portada__escudo{width:min(176px,36vw); margin:0 auto 20px; filter:drop-shadow(0 16px 44px rgba(0,0,0,.9))}

.portada__cinta{
  display:inline-flex; align-items:center; gap:11px; margin-bottom:20px;
  padding:11px 24px; border-radius:999px;
  border:1px solid rgba(212,164,49,.45);
  background:linear-gradient(180deg,rgba(40,29,8,.85),rgba(14,11,5,.85));
  font-size:13px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--oro-claro);
}
.portada__cinta i{width:9px; height:9px; border-radius:50%; background:var(--oro); flex:none;
  box-shadow:0 0 12px rgba(212,164,49,.9)}

.portada h1{font-size:clamp(2.6rem,8vw,6rem); line-height:.94; margin:0}
.portada h1 span,.portada h1 b{display:block; font-weight:400}
.portada h1 span{color:#FFFDF7; filter:drop-shadow(0 10px 28px rgba(0,0,0,.8))}
.portada h1 b{
  background:linear-gradient(180deg,#FFF6DF 6%,var(--oro-claro) 42%,var(--oro) 88%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.7));
}

.portada__premio{
  display:block; width:min(520px,100%); margin:26px auto 22px; padding:20px 28px;
  border:2px solid rgba(212,164,49,.65); border-radius:14px;
  background:linear-gradient(180deg,rgba(36,26,7,.82),rgba(9,7,3,.86));
  box-shadow:0 0 44px rgba(212,164,49,.16), inset 0 1px 0 rgba(255,240,196,.14);
  max-width:none;
}
.portada__premio strong{
  display:block; font-family:var(--display); font-weight:400;
  font-size:clamp(2.1rem,6.6vw,3.5rem); line-height:1;
  background:linear-gradient(180deg,#FFF8E7,var(--oro-claro) 45%,var(--oro) 95%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.portada__premio span{
  display:block; margin-top:9px;
  font-size:13px; font-weight:700; letter-spacing:.28em; text-transform:uppercase; color:var(--hueso);
}

.portada__texto{max-width:60ch; margin:0 auto 22px; color:#C9C0B1; font-size:clamp(16px,2.1vw,18px)}

.portada__datos{
  display:inline-flex; flex-wrap:wrap; justify-content:center; gap:8px 30px;
  margin:0 auto 26px; padding:12px 24px; max-width:none;
  border:1px solid rgba(212,164,49,.28); border-radius:12px; background:rgba(0,0,0,.42);
}
.portada__datos span{
  display:inline-flex; align-items:center; gap:9px;
  font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--hueso);
}
.portada__datos svg{width:18px; height:18px; fill:none; stroke:var(--oro); stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round; flex:none}

.portada__acciones{display:flex; gap:14px; justify-content:center; flex-wrap:wrap}
.portada__nota{margin:28px auto 0; max-width:50ch; color:#8D8578; font-size:13.5px}

/* entrada única al cargar */
.entra{opacity:0; transform:translateY(18px); animation:sube .9s cubic-bezier(.2,.7,.3,1) forwards}
.entra:nth-child(2){animation-delay:.08s}
.entra:nth-child(3){animation-delay:.16s}
.entra:nth-child(4){animation-delay:.24s}
.entra:nth-child(5){animation-delay:.32s}
.entra:nth-child(6){animation-delay:.4s}
.entra:nth-child(7){animation-delay:.48s}
.entra:nth-child(8){animation-delay:.56s}
@keyframes sube{to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){.entra{opacity:1; transform:none}}

/* ============================================================
   CONVOCATORIA — los dos torneos nuevos
   ============================================================ */
.convocatoria{display:grid; grid-template-columns:1fr 1fr; gap:22px}
.convoca{
  position:relative; padding:34px 30px 30px;
  border:1px solid var(--linea); border-radius:12px;
  background:linear-gradient(170deg,#16110A,#0A0805);
}
.convoca--fuego{border-color:rgba(212,164,49,.55); background:linear-gradient(170deg,#221806,#0B0904)}
.convoca__tipo{
  display:inline-flex; align-items:center; gap:9px;
  font-size:12.5px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--oro);
}
.convoca h3{
  font-family:var(--display); font-weight:400; font-size:clamp(1.8rem,4.4vw,2.6rem);
  text-transform:uppercase; margin:10px 0 22px; color:var(--hueso);
}
.convoca dl{margin:0 0 24px; display:grid; gap:1px; background:var(--linea); border:1px solid var(--linea)}
.convoca dl > div{background:#0C0A06; padding:16px 18px; display:flex; align-items:baseline;
  justify-content:space-between; gap:16px; flex-wrap:wrap}
.convoca dt{font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--humo)}
.convoca dd{margin:0; font-size:16px; color:var(--hueso); font-weight:600}
.convoca__monto{font-family:var(--display); font-weight:400; font-size:1.6rem; color:var(--oro-claro)}
.convoca > a{
  display:inline-block; font-size:13px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--oro-claro); text-decoration:none;
  border-bottom:2px solid var(--bronce); padding-bottom:4px;
}
.convoca > a:hover{border-bottom-color:var(--oro)}

.convocatoria__sede{
  display:flex; flex-wrap:wrap; gap:12px 34px; justify-content:center; max-width:none;
  margin:22px 0 0; padding:18px 24px;
  border:1px solid var(--linea); border-radius:12px; background:var(--panel);
}
.convocatoria__sede span{font-size:14px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; color:var(--hueso)}
.convocatoria__cierre{
  max-width:none; margin:22px 0 0; text-align:center; color:var(--humo); font-size:17px;
}
.convocatoria__cierre b{display:block; margin-top:8px; color:var(--oro-claro);
  font-family:var(--display); font-weight:400; font-size:clamp(1.3rem,3.2vw,1.9rem);
  text-transform:uppercase; letter-spacing:.02em}

/* ============================================================
   MODAL DE INSCRIPCIÓN
   ============================================================ */
body.sin-scroll{overflow:hidden}
.modal{position:fixed; inset:0; z-index:5000; display:flex; align-items:center; justify-content:center;
  padding:24px 18px; overflow-y:auto}
.modal[hidden]{display:none}
.modal__fondo{position:absolute; inset:0; background:rgba(2,1,0,.86); backdrop-filter:blur(6px)}
.modal__caja{
  position:relative; z-index:1; width:min(560px,100%); margin:auto;
  padding:38px 36px 32px; border-radius:18px;
  border:1px solid rgba(212,164,49,.4);
  background:linear-gradient(170deg,#191308,#0A0804 62%);
  box-shadow:0 0 80px rgba(212,164,49,.22), 0 30px 70px rgba(0,0,0,.8);
  animation:modal-entra .28s cubic-bezier(.2,.7,.3,1);
}
@keyframes modal-entra{from{opacity:0; transform:translateY(16px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.modal__caja{animation:none}}
.modal__cerrar{
  position:absolute; top:22px; right:22px; width:38px; height:38px;
  background:none; border:none; color:var(--humo); font-size:30px; line-height:1; cursor:pointer;
}
.modal__cerrar:hover{color:var(--oro-claro)}
.modal__marca{
  display:inline-block; padding:10px 22px; border-radius:999px;
  border:1px solid rgba(212,164,49,.45); background:rgba(40,29,8,.7);
  font-size:12.5px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--oro-claro);
}
.modal__titulo{
  font-family:var(--display); font-weight:400; font-size:clamp(2rem,7vw,2.9rem); line-height:1;
  text-transform:uppercase; margin:20px 0 14px; color:#FFFDF7;
}
.modal__titulo b{display:block; font-weight:400;
  background:linear-gradient(180deg,#FFF6DF,var(--oro-claro) 45%,var(--oro) 95%);
  -webkit-background-clip:text; background-clip:text; color:transparent}
.modal__intro{color:var(--humo); font-size:16px; margin:0 0 26px; max-width:none}
.modal__intro b{color:var(--hueso)}
.modal__form label{
  display:flex; flex-direction:column; gap:8px; margin-bottom:18px;
  font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--hueso);
}
.modal__form input,.modal__form select{
  padding:15px 16px; border-radius:9px;
  border:1px solid rgba(212,164,49,.26); background:#080604; color:var(--hueso);
  font-family:var(--texto); font-size:16px; font-weight:400; letter-spacing:0; text-transform:none;
}
.modal__form input::placeholder{color:#6B6459}
.modal__form input:focus,.modal__form select:focus{outline:2px solid var(--oro); outline-offset:1px;
  border-color:transparent}
.modal__enviar{width:100%; margin-top:10px; padding:18px 24px; text-align:center}
.modal__pie{margin:18px 0 0; font-size:12.5px; color:#807A6E; max-width:none}

/* ============================================================
   CINTA / MARQUESINA
   ============================================================ */
.cinta{
  background:linear-gradient(180deg,var(--bronce),var(--oro) 45%,#B98A22);
  color:#120C01; padding:13px 0; overflow:hidden; white-space:nowrap;
  border-top:1px solid rgba(0,0,0,.35); border-bottom:1px solid rgba(0,0,0,.35);
}
.cinta__pista{display:inline-block; animation:corre 34s linear infinite}
.cinta b{font-family:var(--display); font-weight:400; font-size:19px; letter-spacing:.05em; padding:0 22px}
.cinta span{opacity:.55}
@keyframes corre{from{transform:translateX(0)} to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cinta__pista{animation:none}}

/* ============================================================
   SECCIONES
   ============================================================ */
.seccion{padding:96px 0}
.seccion--oscura{background:var(--carbon)}
.seccion__titulo{font-size:clamp(2rem,5.2vw,3.4rem); margin-bottom:14px}
.seccion__intro{color:var(--humo); font-size:18px; max-width:56ch; margin-bottom:44px}
.seccion__marca{
  display:block; font-family:var(--texto); font-size:13px; font-weight:700;
  letter-spacing:.28em; color:var(--oro); margin-bottom:14px; text-transform:uppercase;
}

/* ---------- dos torneos ---------- */
.torneos{display:grid; grid-template-columns:repeat(2,1fr); gap:22px}
.torneo{
  position:relative; display:flex; flex-direction:column; gap:16px;
  padding:34px 30px 30px; text-decoration:none;
  background:linear-gradient(170deg,#171208,#0A0906 65%);
  border:1px solid var(--linea);
}
.torneo:hover{border-color:var(--oro)}
.torneo img{width:110px; height:auto}
.torneo__estado{font-size:12px; font-weight:700; letter-spacing:.2em; color:var(--oro); text-transform:uppercase}
.torneo h3{font-size:1.9rem}
.torneo p{color:var(--humo); font-size:15px; margin:0}
.torneo__datos{display:flex; gap:26px; margin-top:auto; padding-top:20px; border-top:1px solid var(--linea)}
.torneo__datos div strong{display:block; font-family:var(--display); font-size:1.5rem; color:var(--oro-claro)}
.torneo__datos div span{font-size:12px; letter-spacing:.14em; color:var(--humo); text-transform:uppercase}
.torneo__ir{font-weight:700; font-size:14px; letter-spacing:.1em; color:var(--oro-claro); text-transform:uppercase}

/* ---------- premios ---------- */
.bolsa{
  border:var(--borde) solid var(--bronce);
  background:radial-gradient(120% 130% at 50% 0%,#1C1508 0%,#080705 70%);
  padding:56px 32px; text-align:center; margin-bottom:22px;
}
.bolsa__etiqueta{font-size:13px; font-weight:700; letter-spacing:.3em; color:var(--humo); text-transform:uppercase}
.bolsa__cifra{
  font-family:var(--display); font-size:clamp(3.4rem,13vw,9rem); line-height:.86; margin:12px 0 6px;
  background:linear-gradient(180deg,#FFF6E2,var(--oro-claro) 38%,var(--oro) 66%,#8C6714 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.bolsa__pie{color:var(--hueso); font-size:16px; letter-spacing:.12em; text-transform:uppercase; margin:0}

/* vitrina: las piezas reales que se entregan */
.vitrina{display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:1px; background:var(--linea); border:1px solid var(--linea); margin-bottom:22px}
.vitrina__pieza{
  margin:0; padding:30px 26px 28px; background:var(--carbon);
  display:flex; flex-direction:column; gap:22px;
}
.vitrina__pieza picture{
  display:flex; align-items:center; justify-content:center;
  height:230px; position:relative;
}
.vitrina__pieza picture::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:radial-gradient(60% 60% at 50% 45%,rgba(212,164,49,.20),transparent 70%);
}
.vitrina__pieza--plata picture::before{background:radial-gradient(60% 60% at 50% 45%,rgba(244,239,228,.16),transparent 70%)}
.vitrina__pieza--trofeo picture::before{background:radial-gradient(55% 62% at 50% 50%,rgba(244,239,228,.14),transparent 72%)}
.vitrina__pieza img{
  position:relative; z-index:1;
  max-width:100%; max-height:230px; width:auto; height:auto;
  object-fit:contain; filter:drop-shadow(0 18px 26px rgba(0,0,0,.85));
}
.vitrina__pieza--plata img{max-height:200px}
.vitrina__pieza figcaption{margin-top:auto}
.vitrina__pieza figcaption span{
  display:block; font-size:12px; font-weight:700; letter-spacing:.24em;
  color:var(--oro); text-transform:uppercase;
}
.vitrina__pieza--plata figcaption span,
.vitrina__pieza--trofeo figcaption span{color:var(--humo)}
.vitrina__pieza h3{
  font-family:var(--display); font-weight:400; font-size:clamp(1.5rem,3.2vw,2rem);
  line-height:1.05; margin:8px 0 8px; text-transform:uppercase; color:var(--hueso);
}
.vitrina__pieza--oro h3{color:var(--oro-claro)}
.vitrina__pieza p{margin:0; color:var(--humo); font-size:15px}

.vitrina__firma{
  display:flex; max-width:none; align-items:center; gap:16px;
  border:1px solid var(--linea); border-top:none;
  padding:16px 26px; margin:-22px 0 22px;
  color:var(--humo); font-size:14px;
}
.vitrina__firma img{width:52px; height:auto; flex:none}
.vitrina__firma b{color:var(--hueso); font-weight:700}

.podio{display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:22px}
.puesto{border:1px solid var(--linea); background:var(--panel); padding:30px 26px}
.puesto--uno{border-color:var(--oro); background:linear-gradient(165deg,#1D1608,#0C0A06)}
.puesto__lugar{font-size:12px; font-weight:700; letter-spacing:.24em; color:var(--oro); text-transform:uppercase}
.puesto__monto{font-family:var(--display); font-size:clamp(1.8rem,4.6vw,2.9rem); margin:8px 0 16px; color:var(--hueso)}
.puesto--uno .puesto__monto{color:var(--oro-claro)}
.puesto ul{list-style:none; margin:0; padding:0; display:grid; gap:9px}
.puesto li{position:relative; padding-left:20px; font-size:15px; color:var(--humo)}
.puesto li::before{content:""; position:absolute; left:0; top:.62em; width:8px; height:8px; background:var(--oro); transform:rotate(45deg)}

.individual{display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:22px; border:1px solid var(--linea)}
.individual div{padding:26px; border-right:1px solid var(--linea)}
.individual div:last-child{border-right:none}
.individual h4{margin:0 0 4px; font-family:var(--display); font-weight:400; font-size:1.25rem; text-transform:uppercase}
.individual p{margin:0; color:var(--humo); font-size:14px}

/* ---------- datos del formato ---------- */
.formato{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--linea); border:1px solid var(--linea)}
.formato div{background:var(--carbon); padding:32px 24px}
.formato strong{display:block; font-family:var(--display); font-size:clamp(2.2rem,5vw,3rem); color:var(--oro-claro); line-height:1}
.formato span{display:block; margin-top:8px; font-size:14px; color:var(--humo)}

/* ---------- inscripción (pasos) ---------- */
.pasos{display:grid; gap:0; border-top:1px solid var(--linea)}
.paso{
  display:grid; grid-template-columns:88px 1fr auto; gap:28px; align-items:start;
  padding:30px 4px; border-bottom:1px solid var(--linea);
}
.paso__num{font-family:var(--display); font-size:2.4rem; color:var(--bronce); line-height:1}
.paso h3{font-size:1.5rem; margin-bottom:8px}
.paso p{color:var(--humo); font-size:15px; margin:0}
.paso__monto{font-family:var(--display); font-size:1.9rem; color:var(--oro-claro); white-space:nowrap}
.paso--activo .paso__num{color:var(--oro)}
.aviso-caja{
  margin-top:34px; border-left:3px solid var(--oro); background:var(--panel);
  padding:24px 28px;
}
.aviso-caja h3{font-size:1.3rem; margin-bottom:8px}
.aviso-caja p{margin:0; color:var(--humo); font-size:15px}

/* ---------- sorteo ---------- */
.sorteo{display:grid; grid-template-columns:1fr 1fr; gap:0; border:var(--borde) solid var(--bronce)}
.sorteo__fecha{
  padding:56px 40px; text-align:center;
  background:radial-gradient(110% 120% at 50% 0%,#1B1408,#080705 72%);
  display:flex; flex-direction:column; justify-content:center;
}
.sorteo__dia{font-family:var(--display); font-size:clamp(4rem,12vw,7rem); line-height:.84; color:var(--oro-claro)}
.sorteo__mes{font-family:var(--display); font-size:1.6rem; color:var(--hueso); letter-spacing:.18em}
.sorteo__hora{margin-top:16px; color:var(--humo); letter-spacing:.16em; text-transform:uppercase; font-size:14px}
.sorteo__detalle{padding:44px 40px; background:var(--carbon)}
.sorteo__detalle h3{font-size:1.7rem; margin-bottom:12px}
.sorteo__detalle dl{margin:0; display:grid; gap:16px}
.sorteo__detalle dt{font-size:12px; font-weight:700; letter-spacing:.2em; color:var(--oro); text-transform:uppercase}
.sorteo__detalle dd{margin:2px 0 0; color:var(--hueso); font-size:16px}

/* ---------- sedes ---------- */
.sedes{display:grid; grid-template-columns:1fr 1fr; gap:22px}
.sede{border:1px solid var(--linea); background:var(--panel); overflow:hidden}
.sede__mapa{position:relative; aspect-ratio:16/10; background:#0A0906; border-bottom:1px solid var(--linea)}
.sede__mapa iframe,.sede__mapa img{width:100%; height:100%; border:0; display:block; object-fit:cover}
.sede__mapa iframe{filter:grayscale(.35) contrast(1.05)}
.sede__num{
  display:block; margin-bottom:8px;
  font-family:var(--display); font-size:13px; letter-spacing:.22em; color:var(--oro);
}
.sede__dir{font-size:14px; color:#6E675C; margin-bottom:14px}
.sede__cuerpo{padding:26px 26px 30px}
.sede__cuerpo h3{font-size:1.6rem; margin-bottom:8px}
.sede__cuerpo p{color:var(--humo); font-size:15px}
.sede__cuerpo a{color:var(--oro-claro); font-weight:600; text-decoration:none; border-bottom:1px solid var(--bronce)}
.sede__cuerpo a:hover{border-bottom-color:var(--oro-claro)}

/* ---------- llamada final ---------- */
.cierre{
  position:relative; padding:110px 0; text-align:center; overflow:hidden;
  border-top:1px solid var(--linea);
}
.cierre__fondo{position:absolute; inset:0; z-index:0}
.cierre__fondo img{width:100%; height:100%; object-fit:cover; object-position:50% 30%; opacity:.28}
.cierre__fondo::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,#000,rgba(0,0,0,.55) 50%,#000)}
.cierre .envoltura{position:relative; z-index:1}
.cierre h2{font-size:clamp(2.1rem,6vw,4rem); margin-bottom:16px}
.cierre p{margin:0 auto 32px; color:var(--humo)}
.contactos{display:flex; gap:14px; justify-content:center; flex-wrap:wrap}

/* ---------- pie ---------- */
.pie{background:#050403; border-top:1px solid var(--linea); padding:56px 0 28px}
.pie__caja{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:34px}
.pie__marca img{width:96px; margin-bottom:14px}
.pie__marca p{color:var(--humo); font-size:14px; margin:0}
.pie h4{
  font-family:var(--texto); font-size:12px; font-weight:700; letter-spacing:.22em;
  color:var(--hueso); text-transform:uppercase; margin:0 0 14px;
}
.pie ul{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.pie a{color:var(--humo); text-decoration:none; font-size:15px}
.pie a:hover{color:var(--oro-claro)}
.pie__legal{
  margin-top:44px; padding-top:20px; border-top:1px solid var(--linea);
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  color:#5F594F; font-size:13px;
}

/* ============================================================
   PÁGINAS INTERIORES
   ============================================================ */
.encabezado{
  position:relative; padding:150px 0 70px; border-bottom:1px solid var(--linea);
  background:radial-gradient(90% 120% at 50% 0%,#171106 0%,#000 70%);
  text-align:center;
}
.encabezado h1{font-size:clamp(2.4rem,7vw,4.6rem)}
.encabezado p{margin:16px auto 0; color:var(--humo)}
.encabezado img{width:120px; margin:0 auto 22px}
/* Escudos propios de cada torneo: piezas más anchas, se muestran en grande */
.encabezado__escudo{width:min(250px,58vw); height:auto; filter:drop-shadow(0 14px 34px rgba(0,0,0,.75))}

.prosa{max-width:72ch}
.prosa h2{font-size:1.9rem; margin:48px 0 14px}
.prosa h2:first-child{margin-top:0}
.prosa ul{padding-left:0; list-style:none; display:grid; gap:10px; margin:0 0 24px}
.prosa ul li{position:relative; padding-left:22px; color:var(--humo)}
.piezas{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--linea); border:1px solid var(--linea); margin:0 0 4px}
.piezas figure{margin:0; padding:22px 18px; background:var(--carbon); text-align:center}
.piezas picture{display:flex; align-items:center; justify-content:center; height:160px}
.piezas img{max-width:100%; max-height:160px; width:auto; height:auto; object-fit:contain;
  filter:drop-shadow(0 14px 20px rgba(0,0,0,.8))}
.piezas figcaption{margin-top:14px; font-size:13px; letter-spacing:.06em; color:var(--humo)}
.piezas__firma{display:flex; max-width:none; align-items:center; gap:14px; border:1px solid var(--linea); border-top:none;
  padding:14px 18px; margin:0 0 28px; font-size:14px; color:var(--humo)}
.piezas__firma img{width:46px; height:auto; flex:none}
.piezas__firma b{color:var(--hueso)}
@media (max-width:680px){
  .piezas{grid-template-columns:1fr}
  .piezas picture{height:180px}
  .piezas img{max-height:180px}
}

.prosa ul li::before{content:""; position:absolute; left:0; top:.62em; width:8px; height:8px; background:var(--oro); transform:rotate(45deg)}

.tabla{width:100%; border-collapse:collapse; margin:8px 0 28px}
.tabla th,.tabla td{text-align:left; padding:16px 14px; border-bottom:1px solid var(--linea); font-size:15px}
.tabla th{
  font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--oro);
  font-weight:700; border-bottom-color:var(--bronce);
}
.tabla td:last-child{text-align:right; font-family:var(--display); font-size:1.15rem; color:var(--oro-claro)}

/* ---------- estado vacío (grupos / calendario) ---------- */
.vacio{
  border:2px dashed var(--linea); padding:64px 32px; text-align:center;
  background:var(--carbon);
}
.vacio h2{font-size:1.9rem; margin-bottom:12px}
.vacio p{margin:0 auto 26px; color:var(--humo)}
.rejilla-grupos{display:grid; grid-template-columns:repeat(auto-fill,minmax(268px,1fr)); gap:16px; margin-top:40px}
.grupo{border:1px solid var(--linea); background:var(--panel); padding:20px}
.grupo h3{font-size:1.1rem; color:var(--oro); margin-bottom:12px}
.grupo ol{margin:0; padding:0; list-style:none; display:grid; gap:9px; counter-reset:pos}
.grupo li{
  counter-increment:pos; display:flex; gap:10px; align-items:center;
  color:#4A443B; font-size:14px; border-bottom:1px dotted var(--linea); padding-bottom:8px;
}
.grupo li::before{content:counter(pos); color:var(--bronce); font-family:var(--display); font-size:13px}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:960px){
  .torneos,.sedes,.sorteo,.podio,.formato,.individual,.vitrina,.convocatoria{grid-template-columns:1fr}
  .vitrina__pieza{flex-direction:row; align-items:center; gap:26px; padding:26px 24px}
  .vitrina__pieza picture{height:150px; width:150px; flex:none}
  .vitrina__pieza img,.vitrina__pieza--plata img{max-height:150px}
  .vitrina__pieza figcaption{margin-top:0}
  .individual div{border-right:none; border-bottom:1px solid var(--linea)}
  .individual div:last-child{border-bottom:none}
  .formato div{border-bottom:none}
  .pie__caja{grid-template-columns:1fr 1fr}
  .rejilla-grupos{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:1320px){
  .barra__abrir{display:flex; margin-left:auto}
  .barra__caja{gap:14px}
  .barra__menu{margin-left:0}
  .barra__menu{
    display:none; position:absolute; top:100%; left:0; right:0;
    flex-direction:column; align-items:flex-start; gap:0;
    background:linear-gradient(180deg,#120D05,#050403);
    border-bottom:1px solid rgba(212,164,49,.3); padding:8px 24px 20px;
  }
  .barra__menu.abierto{display:flex}
  .barra__menu li{width:100%}
  .barra__menu a{display:block; padding:14px 0; border-bottom:1px solid var(--linea); width:100%}
}

@media (max-width:820px){
  .barra__cta{padding:12px 16px; font-size:11.5px; letter-spacing:.06em}
  .barra__marca img{height:40px}
  .barra__marca span{font-size:16px}
  .barra__marca b{letter-spacing:.28em}
}

@media (max-width:560px){
  .barra__caja{padding:10px 16px; gap:10px}
  .barra__marca img{height:38px}
  .barra__marca span{font-size:13px}
  .barra__marca b{font-size:9px; letter-spacing:.22em; margin-top:3px}
  .barra__cta{padding:12px 15px; font-size:11.5px; letter-spacing:.08em}
  .barra__cta-largo{display:none}
}

@media (max-width:680px){
  body{font-size:16px}
  .seccion{padding:64px 0}
  .paso{grid-template-columns:56px 1fr; gap:18px}
  .paso__monto{grid-column:2; font-size:1.6rem}
  .sorteo__fecha,.sorteo__detalle{padding:36px 24px}
  .bolsa{padding:40px 20px}
  .portada{padding:96px 0 56px; min-height:auto}
  .portada__premio{padding:18px 20px}
  .portada__datos{width:100%; flex-direction:column; align-items:center; gap:10px}
  .portada__acciones .boton{width:100%}
  .convoca{padding:28px 22px 26px}
  .convocatoria__sede{flex-direction:column; align-items:center; gap:10px}
  .modal__caja{padding:30px 22px 26px}
  .modal__cerrar{top:16px; right:14px}
  .vitrina__pieza{flex-direction:column; align-items:stretch; gap:18px; padding:26px 20px}
  .vitrina__pieza picture{width:100%; height:190px}
  .vitrina__pieza img,.vitrina__pieza--plata img{max-height:190px}
  .vitrina__firma{flex-direction:column; align-items:flex-start; gap:12px; padding:18px 20px}
  .pie__caja{grid-template-columns:1fr}
  .encabezado{padding:120px 0 56px}
}


/* ============================================================
   FORMULARIO PÚBLICO
   ============================================================ */
/* ============================================================
   FORMULARIO PÚBLICO — acabado premium / mobile first
   ============================================================ */
.formulario{
  width:min(100%,980px); margin:42px auto 0; padding:clamp(24px,4vw,42px);
  border:1px solid rgba(212,164,49,.28); border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(212,164,49,.10),transparent 32%),
    linear-gradient(145deg,#17130b,#0b0906 72%);
  box-shadow:0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
}
.formulario h3{font-size:clamp(1.8rem,4vw,2.4rem); margin-bottom:8px}
.formulario__intro{color:var(--humo); font-size:15px; margin-bottom:24px}
.rejilla-form{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start}
.rejilla-form label{display:flex; flex-direction:column; gap:8px; min-width:0; font-size:12px; font-weight:400; letter-spacing:.13em; text-transform:uppercase; color:#c7bdab}
.rejilla-form input,.rejilla-form select,.rejilla-form textarea{
  width:100%; min-width:0; max-width:100%; appearance:none;
  font-family:var(--texto); font-size:17px; font-weight:400; letter-spacing:.02em; text-transform:none;
  color:var(--hueso); background:rgba(3,3,2,.72); border:1px solid rgba(212,164,49,.20);
  border-radius:11px; padding:15px 16px; box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;
}
.rejilla-form textarea{resize:vertical; min-height:112px}
.rejilla-form select{background-color:#0a0805}
.rejilla-form input::placeholder,.rejilla-form textarea::placeholder{color:#625b50}
.rejilla-form input:hover,.rejilla-form select:hover,.rejilla-form textarea:hover{border-color:rgba(212,164,49,.38);background:rgba(8,7,5,.9)}
.rejilla-form input:focus,.rejilla-form select:focus,.rejilla-form textarea:focus{outline:none;border-color:var(--oro);box-shadow:0 0 0 4px rgba(212,164,49,.11),inset 0 1px 0 rgba(255,255,255,.04);background:#0c0a07}
.rejilla-form .ancho-total{grid-column:1 / -1; min-width:0}
.acciones-form{display:flex; gap:12px; flex-wrap:wrap; margin-top:4px}
.acciones-form .boton{min-height:52px}
.trampa{position:absolute; left:-9999px; height:0; overflow:hidden}

.mensaje{padding:16px 20px; border-left:3px solid; margin-bottom:22px; font-size:15px}
.mensaje p{margin:0 0 4px}.mensaje p:last-child{margin:0}
.mensaje--ok{border-color:#5FBF7A;background:rgba(95,191,122,.1);color:#CDEBD5}
.mensaje--error{border-color:#D8674F;background:rgba(216,103,79,.1);color:#F3CFC6}
.mensaje--alerta{border-color:var(--oro);background:rgba(212,164,49,.1);color:var(--oro-claro)}

/* ============================================================
   GALERÍA / VIDEOS — controles personalizados, sin UI nativa
   ============================================================ */
.tiras,.galeria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.galeria{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.tira{margin:0;border:1px solid rgba(212,164,49,.24);border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#15110b,#090806);box-shadow:0 18px 55px rgba(0,0,0,.32)}
.tira__media{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.tira video,.tira img,.tira iframe{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;display:block;border:0;background:#000}
.tira video{cursor:pointer}
.video-ui{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.video-play{width:66px;height:66px;border:1px solid rgba(255,244,210,.72);border-radius:50%;display:grid;place-items:center;background:rgba(5,4,2,.58);color:#fff6df;backdrop-filter:blur(8px);box-shadow:0 10px 35px rgba(0,0,0,.45);cursor:pointer;pointer-events:auto;transition:transform .2s,background .2s,opacity .2s}
.video-play:hover{transform:scale(1.06);background:rgba(212,164,49,.86);color:#100b02}
.video-play svg{width:24px;height:24px;fill:currentColor}
.video-controls{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(5,4,2,.76);backdrop-filter:blur(12px);opacity:0;transform:translateY(6px);transition:.2s;pointer-events:none}
.tira__media:hover .video-controls,.tira__media.is-playing .video-controls,.tira__media:focus-within .video-controls{opacity:1;transform:none;pointer-events:auto}
.video-control{width:34px;height:34px;border:0;border-radius:8px;background:rgba(255,255,255,.07);color:#f7f0e0;display:grid;place-items:center;cursor:pointer}
.video-control:hover{background:rgba(212,164,49,.2);color:var(--oro-claro)}
.video-control svg{width:17px;height:17px;fill:currentColor}
.video-progress{flex:1;min-width:40px;accent-color:var(--oro);cursor:pointer}
.video-time{font-size:11px;letter-spacing:.05em;color:#d0c5b2;white-space:nowrap}
.tira figcaption{padding:17px 20px 19px;font-size:14px;color:var(--humo);display:grid;gap:4px}
.tira figcaption strong{color:var(--hueso);font-size:18px;font-weight:400;letter-spacing:.03em}

@media (max-width:960px){
  .rejilla-form{grid-template-columns:1fr}
  .rejilla-form .ancho-total{grid-column:auto}
  .tiras,.partidos{grid-template-columns:1fr}
  .patrocinio__caja{grid-template-columns:1fr;gap:20px;text-align:left}
  .patrocinio__cta{justify-self:start}
}
@media (max-width:600px){
  .formulario{margin-top:28px;padding:22px 16px;border-radius:14px}
  .rejilla-form{gap:15px}
  .rejilla-form input,.rejilla-form select,.rejilla-form textarea{font-size:16px;padding:14px 13px}
  .acciones-form{display:grid;grid-template-columns:1fr;gap:10px}
  .acciones-form .boton{width:100%}
  .video-controls{left:8px;right:8px;bottom:8px;padding:7px}
  .video-play{width:56px;height:56px}
  .video-time{display:none}
}

/* ============================================================
   TABLA DE POSICIONES
   ============================================================ */
.tabla-posiciones{width:100%; border-collapse:collapse; font-size:14px}
.tabla-posiciones th{
  text-align:left; font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--bronce); font-weight:700; padding:0 4px 8px; border-bottom:1px solid var(--linea);
}
.tabla-posiciones th:not(:first-child),
.tabla-posiciones td:not(:first-child){text-align:center; width:36px}
.tabla-posiciones td{padding:9px 4px; border-bottom:1px dotted var(--linea); color:var(--humo)}
.tabla-posiciones tr:last-child td{border-bottom:none}
.tabla-posiciones .pos{
  display:inline-block; width:18px; font-family:var(--display); font-size:12px; color:var(--bronce);
}
.tabla-posiciones .pts{color:var(--oro-claro); font-weight:700}
.tabla-posiciones .clasifica td{color:var(--hueso)}
.tabla-posiciones .clasifica .pos{color:var(--oro)}

/* ============================================================
   CALENDARIO DE PARTIDOS
   ============================================================ */
.jornada{margin-top:38px}
.jornada__fecha{
  font-family:var(--display); font-size:1.4rem; color:var(--oro-claro);
  padding-bottom:10px; margin-bottom:18px; border-bottom:1px solid var(--linea); text-transform:uppercase;
}
.partidos{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.partido{border:1px solid var(--linea); background:var(--panel); padding:18px 20px}
.partido--jugado{border-color:var(--bronce)}
.partido__meta,.partido__pie{
  display:flex; justify-content:space-between; gap:12px;
  font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#6E675C;
}
.partido__pie{margin-top:12px}
.partido__meta span:first-child{color:var(--oro)}
.partido__linea{
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; margin-top:12px;
}
.partido__equipo{font-size:16px; font-weight:600; color:var(--hueso)}
.partido__equipo--der{text-align:right}
.partido__marcador{
  font-family:var(--display); font-size:1.5rem; color:var(--oro-claro);
  min-width:76px; text-align:center;
}
.partido:not(.partido--jugado) .partido__marcador{font-size:1rem; color:#6E675C}

/* ============================================================
   BANDA DE PUBLICIDAD (TropicWEB)
   ============================================================ */
.patrocinio{background:#050403; border-top:1px solid var(--linea)}
.patrocinio__caja{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:34px; padding:30px 24px;
}
.patrocinio__marca{display:flex; flex-direction:column; gap:10px; max-width:240px}
.patrocinio__marca img{width:200px; border-radius:3px; opacity:.92}
.patrocinio__marca p{margin:0; font-size:12px; line-height:1.5; color:#5F594F}
.patrocinio__marca a{color:#8A8378; text-decoration:none; border-bottom:1px solid #2A2317}
.patrocinio__marca a:hover{color:var(--hueso)}
.patrocinio__oferta h2{
  font-family:var(--texto); font-size:17px; font-weight:700; text-transform:none;
  letter-spacing:0; color:var(--hueso); margin-bottom:4px; line-height:1.35;
}
.patrocinio__oferta p{margin:0; font-size:14px; color:#6E675C; max-width:52ch}
.patrocinio__cta{
  justify-self:end; white-space:nowrap; text-decoration:none;
  font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:#8A8378; border:1px solid #2A2317; border-radius:2px; padding:12px 22px;
}
.patrocinio__cta:hover{color:#0B0A08; background:var(--humo); border-color:var(--humo)}

@media (max-width:960px){
  .rejilla-form{grid-template-columns:1fr}
  .tiras,.partidos{grid-template-columns:1fr}
  .patrocinio__caja{grid-template-columns:1fr; gap:20px; text-align:left}
  .patrocinio__cta{justify-self:start}
}

/* ============================================================
   BOTÓN FLOTANTE DE WHATSAPP
   ============================================================ */
.wapp{
  position:fixed; right:22px; bottom:22px; z-index:60;
  display:inline-flex; align-items:center; justify-content:center;
  width:62px; height:62px; border-radius:50%;
  background:linear-gradient(180deg,#2BDE72,#1DA851);
  border:2px solid rgba(212,164,49,.85);
  color:#04240F; text-decoration:none;
  box-shadow:0 14px 34px rgba(0,0,0,.55), 0 0 22px rgba(37,211,102,.28);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.wapp:hover,.wapp:focus-visible{
  transform:translateY(-3px); filter:brightness(1.07);
  box-shadow:0 18px 40px rgba(0,0,0,.6), 0 0 30px rgba(37,211,102,.45);
}
.wapp__icono{width:30px; height:30px; flex:none; fill:#04240F}

/* Se quita de la vista mientras la ventana de inscripción está abierta */
body.sin-scroll .wapp{opacity:0; pointer-events:none}

@media (max-width:680px){
  .wapp{right:16px; bottom:16px; width:56px; height:56px}
  .wapp__icono{width:27px; height:27px}
}
@media print{ .wapp{display:none} }

/* Enlace legal del pie */
.pie__legal a{color:#8A8378; text-decoration:none; border-bottom:1px solid var(--linea)}
.pie__legal a:hover{color:var(--hueso)}


/* ============================================================
   AJUSTE 2027 — header editorial + video limpio
   ============================================================ */
.barra{
  background:rgba(8,7,5,.86);
  border-bottom:1px solid rgba(212,164,49,.22);
  box-shadow:0 8px 30px rgba(0,0,0,.34);
}
.barra::before{height:2px;opacity:.8}
.barra__caja{min-height:76px;padding:10px 26px;gap:22px}
.barra__marca{gap:12px;position:relative}
.barra__marca img{height:46px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.72))}
.barra__marca span{font-family:var(--texto);font-size:15px;font-weight:700;letter-spacing:.08em}
.barra__marca b{font-family:var(--texto);font-size:9px;letter-spacing:.36em;margin-top:4px}
.barra__menu{gap:22px;margin-left:auto}
.barra__menu a{font-size:11px;letter-spacing:.12em;color:#D7CEBD;transition:color .2s,border-color .2s}
.barra__menu a:hover,.barra__menu a[aria-current="page"]{color:#FFF1C9}
.barra__cta{border-radius:999px;padding:11px 18px;box-shadow:0 8px 24px rgba(212,164,49,.12)}
.barra__abrir{border-radius:999px;width:42px;height:40px;box-shadow:0 6px 18px rgba(0,0,0,.25)}

/* Más editorial: menos cajas cerradas y más ritmo entre secciones. */
.torneos{gap:0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.torneo{border:0;border-right:1px solid var(--linea);border-radius:0;background:transparent;padding:38px 34px 34px;transition:background .25s,transform .25s}
.torneo:last-child{border-right:0}
.torneo:hover{background:linear-gradient(180deg,rgba(212,164,49,.055),transparent);transform:translateY(-2px)}
.convocatoria{background:transparent!important;border:0!important}
.convoca{border-left:2px solid var(--oro);border-top:0;border-right:0;border-bottom:1px solid var(--linea);border-radius:0!important;background:linear-gradient(90deg,rgba(212,164,49,.055),transparent 70%)!important;padding:30px 32px!important}
.convoca--fuego{border-left-color:#E0B43C}

/* Video: limpio durante reproducción; controles solo al interactuar. */
.video-controls{opacity:0!important;visibility:hidden;pointer-events:none;transform:translateY(7px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
.tira__media:hover .video-controls,
.tira__media:focus-within .video-controls{opacity:1!important;visibility:visible;pointer-events:auto;transform:none}
.tira__media.is-playing:not(:hover):not(:focus-within) .video-controls{opacity:0!important;visibility:hidden;pointer-events:none}
.video-ui{transition:opacity .22s ease}
.tira__media.is-playing .video-play{opacity:0!important;pointer-events:none}
.tira__media:not(.is-playing) .video-play{opacity:1!important}
.video-control{background:rgba(7,6,4,.68);backdrop-filter:blur(10px)}
.video-mute{min-width:34px}

@media (max-width:1320px){
  .barra__caja{min-height:68px}
  .barra__menu{padding:10px 26px 22px;background:rgba(8,7,5,.97);backdrop-filter:blur(18px)}
}
@media (max-width:680px){
  .barra__caja{min-height:62px;padding:9px 15px}
  .barra__marca img{height:38px}
  .barra__marca span{font-size:12px;letter-spacing:.06em}
  .barra__marca b{font-size:8px;letter-spacing:.26em}
  .barra__cta{padding:10px 14px}
  .torneos{display:block}
  .torneo{border-right:0;border-bottom:1px solid var(--linea);padding:30px 20px}
  .torneo:last-child{border-bottom:0}
  .convoca{padding:25px 20px!important}
}


/* ============================================================
   REDISEÑO VISUAL 2027 — header, video y secciones editoriales
   ============================================================ */
:root{
  --texto:"Barlow",Arial,sans-serif;
  --display:"Bebas Neue",Impact,sans-serif;
  --oro:#D8AC3D;
  --oro-claro:#F5DEA0;
  --carbon:#080806;
  --panel:#0E0D09;
  --linea:rgba(255,255,255,.10);
}
body{font-family:var(--texto);background:#050504;color:#F4EFE4;}
body *{font-family:var(--texto);}
h1,h2,h3,h4,.display,.portada h1,.bolsa__cifra,.torneo__datos div strong,.puesto__monto,.sorteo__dia,.sorteo__mes,.paso__num{font-family:var(--display);}

/* HEADER — más sobrio, amplio y premium */
.barra{
  position:fixed; top:0; left:0; right:0;
  background:linear-gradient(180deg,rgba(4,4,3,.94),rgba(4,4,3,.72));
  border-bottom:1px solid rgba(245,222,160,.14);
  box-shadow:0 12px 45px rgba(0,0,0,.42);
  backdrop-filter:blur(18px) saturate(1.15);
}
.barra::before{height:1px;background:linear-gradient(90deg,transparent,#8E6B20 18%,#F5DEA0 50%,#8E6B20 82%,transparent);opacity:.85}
.barra__caja{max-width:1380px;min-height:82px;padding:11px 30px;gap:28px}
.barra__marca{gap:14px;min-width:230px}
.barra__marca img{height:54px;filter:drop-shadow(0 7px 18px rgba(0,0,0,.75))}
.barra__marca span{font-family:var(--display);font-size:20px;letter-spacing:.045em;color:#fffdf6}
.barra__marca b{font-family:var(--texto);font-size:8px;letter-spacing:.42em;color:#D8AC3D;margin-top:6px}
.barra__menu{gap:4px;margin-left:auto;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.025)}
.barra__menu li{display:flex}
.barra__menu a{font-family:var(--texto);font-size:10.5px;font-weight:600;letter-spacing:.13em;color:#BEB7A8;border:0!important;border-radius:999px;padding:10px 13px;transition:.22s ease}
.barra__menu a:hover,.barra__menu a[aria-current="page"]{background:rgba(216,172,61,.13);color:#FFF1C8}
.barra__cta{font-family:var(--texto);font-size:10.5px;padding:13px 19px;border-radius:999px;border:1px solid #E8C96F;box-shadow:0 8px 28px rgba(216,172,61,.13)}
.barra__abrir{border-radius:50%;width:44px;height:44px}

/* Separación correcta de la portada debajo del header fijo */
.portada{padding-top:145px;}

/* SECCIONES: aire, líneas y composición editorial; no todo en cards */
.seccion{position:relative;padding:118px 0;border-top:1px solid rgba(255,255,255,.055);}
.seccion:nth-of-type(even){background:linear-gradient(180deg,#070705,#0A0907 50%,#060604)}
.seccion__marca{font-family:var(--texto);font-size:10px;letter-spacing:.32em;color:#D8AC3D;margin-bottom:18px;position:relative;padding-left:46px}
.seccion__marca::before{content:"";position:absolute;left:0;top:50%;width:32px;height:1px;background:#D8AC3D}
.seccion__titulo{font-family:var(--display);font-size:clamp(2.6rem,6vw,5rem);letter-spacing:.015em;line-height:.88;max-width:850px;margin-bottom:20px}
.seccion__intro{font-family:var(--texto);font-size:17px;line-height:1.75;color:#9E988D;max-width:690px;margin-bottom:58px}

/* Convocatoria como manifiesto editorial */
.convocatoria{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(216,172,61,.28)!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.convoca{position:relative;border:0!important;border-left:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;padding:42px 44px 46px!important;background:transparent!important;min-height:300px}
.convoca:first-child{border-left:0!important}
.convoca::before{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:#D8AC3D;transition:width .35s ease}
.convoca:hover::before{width:100%}
.convoca__tipo{font-family:var(--texto);font-size:10px;letter-spacing:.24em}
.convoca h3{font-size:3rem;margin:12px 0 25px}
.convoca dl{background:transparent;border:0;gap:0;margin-bottom:30px}
.convoca dl>div{padding:13px 0;background:transparent;border-top:1px solid rgba(255,255,255,.07)}
.convoca dt{font-family:var(--texto);font-size:10px}
.convoca dd{font-family:var(--texto);font-size:15px}
.convoca__monto{font-family:var(--display)!important;font-size:2rem!important;color:#F2D98B!important}
.convocatoria__sede{border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;padding:20px 0;margin:0;justify-content:flex-start}
.convocatoria__cierre{text-align:left;border-left:2px solid #D8AC3D;padding:8px 0 8px 22px;margin-top:35px}

/* Torneos como lista editorial, no tarjetas */
.torneos{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.torneo{min-height:410px;border:0!important;border-right:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;background:transparent!important;padding:46px 42px 38px;gap:18px;position:relative;overflow:hidden}
.torneo:last-child{border-right:0!important}
.torneo::after{content:"";position:absolute;width:260px;height:260px;right:-110px;top:-100px;border-radius:50%;border:1px solid rgba(216,172,61,.12);box-shadow:0 0 0 35px rgba(216,172,61,.025),0 0 0 70px rgba(216,172,61,.018);pointer-events:none}
.torneo:hover{background:linear-gradient(135deg,rgba(216,172,61,.055),transparent 55%);transform:none}
.torneo img{width:88px;height:88px;object-fit:contain;margin-bottom:6px}
.torneo__estado{font-family:var(--texto);font-size:9px;letter-spacing:.23em;color:#D8AC3D}
.torneo h3{font-size:2.4rem;line-height:.92}
.torneo p{font-family:var(--texto);font-size:15px;line-height:1.7;max-width:58ch;color:#8F8A80}
.torneo__datos{margin-top:auto;gap:0;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.torneo__datos div{flex:1;padding-right:18px;border-right:1px solid rgba(255,255,255,.08)}
.torneo__datos div+div{padding-left:18px}
.torneo__datos div:last-child{border-right:0}
.torneo__datos div strong{font-size:1.65rem;color:#F5DEA0}
.torneo__datos div span{font-family:var(--texto);font-size:9px}
.torneo__ir{font-family:var(--texto);font-size:10px;letter-spacing:.18em;margin-top:4px}

/* Video: protagonista, sin marco pesado */
.tiras{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:0;border-top:1px solid rgba(216,172,61,.32);border-bottom:1px solid rgba(255,255,255,.09)}
.tira{margin:0;border:0!important;border-radius:0!important;background:#030303!important;box-shadow:none!important;overflow:hidden}
.tira:first-child{grid-row:span 2}
.tira+.tira{border-left:1px solid rgba(255,255,255,.09)!important}
.tira__media{aspect-ratio:16/9;background:#020202;overflow:hidden}
.tira:first-child .tira__media{height:100%;min-height:520px;aspect-ratio:auto}
.tira video,.tira img,.tira iframe{transition:transform .8s cubic-bezier(.2,.7,.2,1);filter:saturate(.9) contrast(1.04)}
.tira:hover video{transform:scale(1.018)}
.video-ui{background:radial-gradient(circle,rgba(0,0,0,.16),transparent 42%)}
.video-play{width:76px;height:76px;border:1px solid rgba(255,240,196,.65);background:rgba(5,4,2,.42);box-shadow:0 15px 50px rgba(0,0,0,.55);color:#FFF5D7}
.video-play:hover{background:#D8AC3D;color:#100B02}
.video-controls{left:18px;right:18px;bottom:18px;padding:8px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:rgba(3,3,2,.62);box-shadow:0 12px 35px rgba(0,0,0,.42);backdrop-filter:blur(16px)}
.video-control{border-radius:5px;background:rgba(255,255,255,.08)}
.video-progress{height:3px}
.tira figcaption{padding:16px 20px 18px;background:#070706;border-top:1px solid rgba(255,255,255,.07)}
.tira figcaption strong{font-family:var(--texto);font-size:12px;letter-spacing:.12em;text-transform:uppercase}

/* Bolsa y premios: más aire, menos cajas */
.bolsa{border:0;border-top:1px solid rgba(216,172,61,.38);border-bottom:1px solid rgba(216,172,61,.22);border-radius:0;background:radial-gradient(60% 120% at 50% 0,rgba(216,172,61,.10),transparent 65%);padding:72px 24px;margin-bottom:0}
.vitrina{border:0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:transparent;gap:0}
.vitrina__pieza{background:transparent;border-right:1px solid rgba(255,255,255,.08)}
.vitrina__pieza:last-child{border-right:0}
.podio{gap:0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.puesto{border:0;border-right:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent}
.puesto:last-child{border-right:0}
.formato{border:0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:transparent}
.formato div{background:transparent;border-right:1px solid rgba(255,255,255,.08)}

@media (max-width:960px){
  .barra__caja{min-height:72px;padding:9px 20px}
  .barra__marca{min-width:0}
  .barra__menu{border-radius:0;border-left:0;border-right:0;background:rgba(5,5,4,.98);padding:10px 22px 18px}
  .convocatoria,.torneos{grid-template-columns:1fr}
  .convoca{border-left:0!important;border-top:1px solid rgba(255,255,255,.09)!important}
  .convoca:first-child{border-top:0!important}
  .torneo{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
  .torneo:last-child{border-bottom:0!important}
  .tiras{grid-template-columns:1fr}
  .tira:first-child{grid-row:auto}
  .tira:first-child .tira__media{min-height:0;aspect-ratio:16/9}
  .tira+.tira{border-left:0!important;border-top:1px solid rgba(255,255,255,.09)!important}
  .vitrina,.podio,.formato{grid-template-columns:1fr}
  .vitrina__pieza,.puesto,.formato div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .vitrina__pieza:last-child,.puesto:last-child,.formato div:last-child{border-bottom:0}
}
@media (max-width:560px){
  .barra__caja{min-height:64px;padding:8px 14px}
  .barra__marca img{height:39px}
  .barra__marca span{font-size:14px}
  .barra__marca b{font-size:7px;letter-spacing:.29em}
  .barra__cta{padding:10px 13px;font-size:9px}
  .portada{padding-top:105px}
  .seccion{padding:78px 0}
  .convoca{padding:32px 22px!important}
  .torneo{padding:34px 22px}
  .tira:first-child .tira__media{min-height:0}
  .video-controls{left:10px;right:10px;bottom:10px}
  .video-play{width:60px;height:60px}
}


/* =========================================================
   REDISEÑO FINAL - VIDEOS / SORTEO / SEDES
   Solo visual: no cambia contenido ni funcionalidad.
   ========================================================= */

/* --- VIDEOS: cada video es una tarjeta independiente --- */
#cancha .tiras{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  border:0;
  margin-top:34px;
}
#cancha .tira{
  min-width:0;
  margin:0!important;
  border:1px solid rgba(216,172,61,.28)!important;
  border-radius:18px!important;
  overflow:hidden;
  background:linear-gradient(145deg,#15110b,#070605)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.28)!important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
#cancha .tira:first-child{grid-row:auto}
#cancha .tira+.tira{
  border-left:1px solid rgba(216,172,61,.28)!important;
}
#cancha .tira:hover{
  transform:translateY(-5px);
  border-color:rgba(216,172,61,.58)!important;
  box-shadow:0 25px 65px rgba(0,0,0,.38)!important;
}
#cancha .tira__media{
  position:relative;
  aspect-ratio:16/9;
  height:auto!important;
  min-height:0!important;
  background:#020202;
}
#cancha .tira figcaption{
  min-height:72px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:17px 20px 19px;
  background:linear-gradient(180deg,#0b0906,#070605);
  border-top:1px solid rgba(255,255,255,.07);
}
#cancha .tira figcaption strong{
  color:#f5dea0;
  font-size:12px;
  letter-spacing:.15em;
}
#cancha .tira figcaption:not(:has(strong)){display:block}

/* --- DÍA QUE SE ARMAN LOS GRUPOS: tarjeta editorial --- */
#sorteo .sorteo{
  position:relative;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:0;
  overflow:hidden;
  border:1px solid rgba(216,172,61,.34);
  border-radius:20px;
  background:#080706;
  box-shadow:0 22px 65px rgba(0,0,0,.28);
}
#sorteo .sorteo__fecha{
  position:relative;
  min-height:320px;
  padding:48px 34px;
  border-right:1px solid rgba(216,172,61,.20);
  background:
    radial-gradient(circle at 50% 20%,rgba(216,172,61,.18),transparent 48%),
    linear-gradient(145deg,#191208,#080706 72%);
}
#sorteo .sorteo__fecha::before{
  content:"DÍA DEL SORTEO";
  position:absolute;
  top:22px;
  left:28px;
  font-family:var(--texto);
  font-size:9px;
  letter-spacing:.25em;
  color:rgba(245,222,160,.72);
}
#sorteo .sorteo__dia{
  font-size:clamp(5rem,10vw,8rem);
  text-shadow:0 10px 35px rgba(216,172,61,.18);
}
#sorteo .sorteo__mes{
  margin-top:9px;
  font-size:1.45rem;
}
#sorteo .sorteo__hora{
  display:inline-flex;
  align-self:center;
  margin-top:22px;
  padding:9px 15px;
  border:1px solid rgba(216,172,61,.25);
  border-radius:999px;
  background:rgba(216,172,61,.06);
}
#sorteo .sorteo__detalle{
  padding:48px 46px;
  background:linear-gradient(180deg,#0c0b09,#080706);
}
#sorteo .sorteo__detalle h3{
  font-size:clamp(1.65rem,3vw,2.25rem);
  margin-bottom:22px;
}
#sorteo .sorteo__detalle dl{
  gap:0;
  border-top:1px solid rgba(255,255,255,.08);
}
#sorteo .sorteo__detalle dl>div{
  padding:17px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
#sorteo .sorteo__detalle dt{
  margin-bottom:5px;
}
#sorteo .sorteo__detalle dd{
  line-height:1.6;
}
#sorteo .sorteo__detalle .boton{
  margin-top:3px;
}

/* --- SEDES: tarjetas más limpias y destacadas --- */
#sedes .sedes{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  margin-top:34px;
}
#sedes .sede{
  position:relative;
  border:1px solid rgba(216,172,61,.25);
  border-radius:18px;
  background:linear-gradient(145deg,#15110b,#080706);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
#sedes .sede:hover{
  transform:translateY(-5px);
  border-color:rgba(216,172,61,.55);
  box-shadow:0 25px 65px rgba(0,0,0,.38);
}
#sedes .sede__mapa{
  aspect-ratio:16/9;
  border-bottom:1px solid rgba(216,172,61,.18);
}
#sedes .sede__mapa::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.34));
}
#sedes .sede__cuerpo{
  padding:28px 28px 30px;
}
#sedes .sede__num{
  display:inline-flex;
  padding:6px 10px;
  margin-bottom:13px;
  border:1px solid rgba(216,172,61,.25);
  border-radius:999px;
  background:rgba(216,172,61,.06);
  font-size:10px;
  letter-spacing:.18em;
}
#sedes .sede__cuerpo h3{
  font-size:clamp(1.45rem,2.5vw,1.9rem);
  margin-bottom:10px;
}
#sedes .sede__cuerpo p{
  line-height:1.7;
}
#sedes .sede__dir{
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.08);
}
#sedes .sede__cuerpo a{
  display:inline-flex;
  margin-top:4px;
  padding:8px 0;
}

/* Responsive */
@media (max-width:960px){
  #cancha .tiras,
  #sedes .sedes{
    grid-template-columns:1fr;
    gap:22px;
  }
  #cancha .tira+.tira{
    border-left:1px solid rgba(216,172,61,.28)!important;
    border-top:1px solid rgba(216,172,61,.28)!important;
  }
  #sorteo .sorteo{
    grid-template-columns:1fr;
  }
  #sorteo .sorteo__fecha{
    min-height:270px;
    border-right:0;
    border-bottom:1px solid rgba(216,172,61,.20);
  }
}
@media (max-width:560px){
  #cancha .tiras,
  #sedes .sedes{
    gap:18px;
    margin-top:25px;
  }
  #cancha .tira{
    border-radius:15px!important;
  }
  #cancha .tira figcaption{
    min-height:64px;
    padding:14px 16px 16px;
  }
  #sorteo .sorteo{
    border-radius:15px;
  }
  #sorteo .sorteo__fecha{
    min-height:245px;
    padding:42px 24px 32px;
  }
  #sorteo .sorteo__fecha::before{
    left:22px;
  }
  #sorteo .sorteo__detalle{
    padding:30px 22px 28px;
  }
  #sedes .sede{
    border-radius:15px;
  }
  #sedes .sede__cuerpo{
    padding:23px 21px 25px;
  }
}


/* =========================================================
   VIDEO MÓVIL 2027 — sin barra permanente; menú de tres puntos
   ========================================================= */
.video-controls{display:none!important}
#cancha .tira__media{isolation:isolate;touch-action:manipulation}
#cancha .video-player video{object-fit:cover;-webkit-tap-highlight-color:transparent}
#cancha .video-ui{z-index:3;pointer-events:none}
#cancha .video-play{pointer-events:auto;z-index:4}
.video-menu-wrap{position:absolute;top:12px;right:12px;z-index:8}
.video-more{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:rgba(4,4,3,.68);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.video-more span{display:block;width:4px;height:4px;border-radius:50%;background:currentColor}
.video-menu{position:absolute;right:0;top:50px;min-width:190px;padding:7px;border:1px solid rgba(216,172,61,.28);border-radius:12px;background:rgba(9,8,6,.96);box-shadow:0 16px 42px rgba(0,0,0,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.video-menu-action{display:block;width:100%;padding:12px 13px;border:0;border-radius:8px;background:transparent;color:#f5ead0;text-align:left;font:600 13px/1.2 var(--texto);cursor:pointer}
.video-menu-action:hover,.video-menu-action:focus{background:rgba(212,164,49,.15);color:#fff1bd;outline:none}
.video-fs-lock{overflow:hidden!important}
.video-player.video-fake-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;z-index:2147483000!important;border-radius:0!important;background:#000!important}
.video-player.video-fake-fullscreen video{width:100%!important;height:100%!important;object-fit:contain!important}
.video-player.video-fake-fullscreen .video-more{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
.video-player.video-fake-fullscreen .video-play{position:absolute}
@media (min-width:961px){
  .video-more{width:38px;height:38px;opacity:.88}
  .video-menu-wrap{top:14px;right:14px}
}
@media (max-width:600px){
  #cancha .tiras{grid-template-columns:1fr;gap:22px}
  #cancha .tira{border-radius:15px!important}
  #cancha .tira__media{aspect-ratio:16/9}
  .video-menu-wrap{top:9px;right:9px}
  .video-more{width:40px;height:40px}
}

/* =========================================================
   ACABADO PREMIUM 2027 — menú de video + footer
   ========================================================= */
.video-menu-wrap{top:14px;right:14px}
.video-more{width:44px;height:44px;border:1px solid rgba(255,241,198,.26);background:linear-gradient(145deg,rgba(22,19,13,.9),rgba(4,4,3,.82));box-shadow:0 12px 32px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .2s,border-color .2s,background .2s}
.video-more:hover,.video-more:focus-visible{transform:translateY(-1px);border-color:rgba(216,172,61,.65);background:rgba(25,20,11,.96);outline:none}
.video-menu{min-width:225px;padding:8px;background:linear-gradient(145deg,rgba(18,15,10,.98),rgba(5,4,3,.98));border:1px solid rgba(216,172,61,.30);border-radius:15px;box-shadow:0 22px 55px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.045)}
.video-menu-volume{padding:9px 11px 12px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:5px}
.video-menu-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;color:#f5ead0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.video-volume-value{color:#c9a957;font-variant-numeric:tabular-nums}
.video-volume{display:block;width:100%;height:5px;accent-color:#d8ac3d;cursor:pointer}
.video-menu-action{padding:12px 13px;border-radius:9px;font-size:12px;letter-spacing:.03em}
.video-menu-action:hover,.video-menu-action:focus-visible{background:linear-gradient(90deg,rgba(216,172,61,.16),rgba(216,172,61,.05));color:#fff1bd}

.pie{position:relative;overflow:hidden;background:radial-gradient(80% 120% at 50% 0%,#161108 0%,#070604 52%,#030302 100%);border-top:1px solid rgba(216,172,61,.24);padding:76px 0 30px}
.pie::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(216,172,61,.65),transparent)}
.pie::after{content:"";position:absolute;width:420px;height:220px;right:-180px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(216,172,61,.10),transparent 68%);pointer-events:none}
.pie .envoltura{position:relative;z-index:1}
.pie__caja{grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(150px,1fr));gap:46px}
.pie__marca{padding-right:20px}
.pie__marca img{width:104px;height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35));margin-bottom:20px}
.pie__marca p{max-width:360px;color:#918878;font-size:13px;line-height:1.8}
.pie h4{position:relative;padding-bottom:12px;margin-bottom:15px;color:#eee2c6;font-size:11px;letter-spacing:.24em}
.pie h4::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:1px;background:#c9a957}
.pie ul{gap:11px}
.pie li{position:relative}
.pie a{display:inline-block;color:#8f887b;font-size:13px;line-height:1.5;transition:color .2s,transform .2s}
.pie li a:hover{color:#f1d88e;transform:translateX(3px)}
.pie__legal{margin-top:54px;padding-top:22px;border-top:1px solid rgba(255,255,255,.075);align-items:center;color:#625c52;font-size:11px;letter-spacing:.02em}
.pie__legal a{color:#797165;border-bottom:1px solid rgba(216,172,61,.22);padding-bottom:2px}
.pie__legal a:hover{color:#e3c875;border-bottom-color:#c9a957}
.pie__legal span:last-child{color:#9d906f;font-style:italic}
@media (max-width:960px){
  .pie{padding:62px 0 27px}
  .pie__caja{grid-template-columns:1fr 1fr;gap:38px 28px}
  .pie__marca{grid-column:1/-1;padding-right:0}
  .pie__marca p{max-width:600px}
}
@media (max-width:560px){
  .video-menu-wrap{top:9px;right:9px}
  .video-more{width:40px;height:40px}
  .video-menu{right:0;top:48px;min-width:210px}
  .pie{padding:54px 0 24px}
  .pie__caja{grid-template-columns:1fr;gap:30px}
  .pie__marca{grid-column:auto;padding-bottom:6px}
  .pie__marca img{width:88px;margin-bottom:15px}
  .pie__legal{margin-top:38px;display:grid;gap:10px;justify-content:initial}
}

/* =========================================================
   AJUSTE MÓVIL FINAL — INDEX.PHP
   Solo responsive: no altera el diseño de escritorio.
   ========================================================= */
@media (max-width:600px){
  html{overflow-x:hidden;}
  body{width:100%;min-width:0;overflow-x:hidden;}
  .envoltura{width:100%;padding-left:18px;padding-right:18px;}

  /* Header móvil */
  .barra__caja{width:100%;min-height:62px;padding:8px 12px;gap:8px;}
  .barra__marca{min-width:0;max-width:calc(100% - 108px);gap:8px;overflow:hidden;}
  .barra__marca img{width:auto;height:37px;max-width:42px;object-fit:contain;}
  .barra__marca span{font-size:12px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .barra__marca b{font-size:7px;letter-spacing:.22em;margin-top:3px;}
  .barra__cta{flex:0 0 auto;padding:9px 10px;font-size:9px;white-space:nowrap;}
  .barra__cta-largo{display:none;}
  .barra__abrir{display:flex!important;flex:0 0 42px;width:42px;height:42px;margin-left:auto;align-items:center;justify-content:center;position:relative;z-index:1002;border-radius:8px;}
  .barra__abrir i{font-size:21px;}
  .barra__menu{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:min(82vw,340px)!important;height:100dvh!important;min-height:100vh;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:92px 24px 28px!important;box-sizing:border-box;background:linear-gradient(180deg,#120D05 0%,#070604 100%)!important;border:0!important;border-right:1px solid rgba(212,164,49,.42)!important;border-radius:0!important;transform:translateX(-105%);visibility:hidden;opacity:0;transition:transform .28s ease,opacity .2s ease,visibility .28s;overflow-y:auto;z-index:1001;box-shadow:14px 0 40px rgba(0,0,0,.5);}
  .barra__menu.abierto{transform:translateX(0);visibility:visible;opacity:1;box-shadow:14px 0 40px rgba(0,0,0,.62),0 0 0 100vmax rgba(0,0,0,.62);}
  .barra__menu li{width:100%;}
  .barra__menu a{font-size:12px!important;padding:16px 4px!important;display:block;width:100%;border-bottom:1px solid rgba(212,164,49,.16)!important;}
  .barra__cta{display:none;}

  /* Portada */
  .portada{min-height:calc(100svh - 62px);padding-top:94px;}
  .portada__caja{width:100%;padding:26px 18px 42px;}
  .portada__escudo{width:min(150px,42vw);height:auto;}
  .portada__cinta{font-size:9px;letter-spacing:.16em;line-height:1.45;text-align:center;}
  .portada h1{font-size:clamp(3rem,16vw,5.2rem);line-height:.84;margin:12px 0 18px;}
  .portada__premio strong{font-size:clamp(2.5rem,12vw,4rem);}
  .portada__texto{font-size:14px;line-height:1.65;max-width:38rem;}
  .portada__datos{display:grid;grid-template-columns:1fr;gap:9px;font-size:12px;}
  .portada__acciones{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
  .portada__acciones .boton{width:100%;box-sizing:border-box;justify-content:center;}

  /* Secciones */
  .seccion{padding:68px 0;}
  .seccion__marca{font-size:9px;letter-spacing:.22em;padding-left:34px;}
  .seccion__marca::before{width:24px;}
  .seccion__titulo{font-size:clamp(2.35rem,12vw,4rem);line-height:.9;}
  .seccion__intro{font-size:14px;line-height:1.7;margin-bottom:36px;}
  .convoca h3{font-size:2.35rem;}
  .torneo h3{font-size:2.1rem;}

  /* Videos */
  #cancha .tiras{grid-template-columns:1fr!important;gap:18px;}
  #cancha .tira{width:100%;min-width:0;}
  #cancha .tira__media{width:100%;aspect-ratio:16/9;min-height:0!important;}
  #cancha .video-player{width:100%;max-width:100%;}
  #cancha .video-play{width:58px;height:58px;}
  #cancha .video-controls{left:8px;right:8px;bottom:8px;max-width:calc(100% - 16px);box-sizing:border-box;}
  #cancha .video-menu{right:0;max-width:calc(100vw - 32px);min-width:0;width:220px;}
  #cancha .video-more{width:40px;height:40px;}

  /* Ayuntamiento */
  .municipal-support{padding:56px 18px 60px!important;}
  .municipal-support-inner{grid-template-columns:1fr!important;gap:24px!important;max-width:100%;}
  .municipal-copy{text-align:center;}
  .municipal-kicker{font-size:9px!important;letter-spacing:.22em!important;}
  .municipal-copy h2{font-size:clamp(2rem,10vw,3.2rem)!important;line-height:.95;}
  .municipal-copy p{font-size:14px;line-height:1.65;}
  .municipal-link{width:100%;box-sizing:border-box;min-height:0!important;padding:18px!important;gap:14px!important;}
  .municipal-logo-wrap{width:86px!important;height:86px!important;flex:0 0 86px!important;}
  .municipal-logo{width:76px!important;height:76px!important;object-fit:contain;}
  .municipal-link-copy strong{font-size:13px;}
  .municipal-link-copy small,.municipal-link-copy em{font-size:10px;}

  /* Cierre / contacto */
  .cierre{padding:74px 0;}
  .cierre h2{font-size:clamp(2.5rem,13vw,4rem);line-height:.9;}
  .cierre p{font-size:14px;line-height:1.7;}
  .contactos{display:grid!important;grid-template-columns:1fr;gap:10px;}
  .contactos .boton{width:100%;box-sizing:border-box;justify-content:center;}

  /* Evita que elementos anchos rompan el viewport */
  img,video,iframe{max-width:100%;}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}

@media (max-width:380px){
  .barra__caja{padding-left:9px;padding-right:9px;gap:5px;}
  .barra__marca{max-width:calc(100% - 92px);}
  .barra__marca img{height:34px;max-width:38px;}
  .barra__marca span{font-size:10px;}
  .barra__cta{padding:8px 8px;font-size:8px;}
  .barra__abrir{width:36px;height:36px;flex-basis:36px;}
  .portada__caja{padding-left:14px;padding-right:14px;}
  .envoltura{padding-left:14px;padding-right:14px;}
  .municipal-support{padding-left:14px!important;padding-right:14px!important;}
}

/* =========================================================
   MENÚ MÓVIL — PANEL LATERAL IZQUIERDO COMPLETO
   ========================================================= */
@media (max-width: 960px){
  .barra__caja{position:relative;z-index:1005;}
  .barra__abrir{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    margin-left:auto!important;
    padding:0!important;
    border:1px solid rgba(255,241,198,.5)!important;
    border-radius:50%!important;
    background:#D4A431!important;
    color:#111!important;
    box-shadow:0 8px 22px rgba(0,0,0,.38)!important;
    position:relative!important;
    z-index:1102!important;
    cursor:pointer!important;
  }
  .barra__abrir i{
    display:block!important;
    width:auto!important;
    height:auto!important;
    background:none!important;
    color:#111!important;
    font-size:21px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .barra__menu-overlay{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    background:rgba(0,0,0,.68)!important;
    z-index:1098!important;
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease,visibility .25s ease;
  }
  .barra__menu-overlay.activo{opacity:1;visibility:visible;}
  .barra__menu{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:min(88vw,370px)!important;
    height:100dvh!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    background:linear-gradient(180deg,#11100d 0%,#050504 100%)!important;
    border:0!important;
    border-right:1px solid rgba(212,164,49,.42)!important;
    border-radius:0!important;
    box-shadow:18px 0 55px rgba(0,0,0,.65)!important;
    transform:translate3d(-102%,0,0)!important;
    visibility:hidden!important;
    opacity:0!important;
    transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .2s ease,visibility .3s ease!important;
    z-index:1100!important;
  }
  .barra__menu.abierto{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .barra__menu-cabeza{
    flex:0 0 74px;
    height:74px;
    padding:0 16px 0 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(212,164,49,.2);
    background:rgba(0,0,0,.22);
    box-sizing:border-box;
  }
  .barra__menu-cabeza span{color:#D4A431;font-size:12px;font-weight:800;letter-spacing:.25em;}
  .barra__cerrar{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:50%!important;
    background:#D4A431!important;
    color:#111!important;
    font-size:20px!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  .barra__cerrar i{display:block!important;color:#111!important;font-size:20px!important;line-height:1!important;}
  .barra__menu-lista{list-style:none!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:14px 20px 30px!important;width:100%!important;box-sizing:border-box!important;}
  .barra__menu-lista li{width:100%!important;margin:0!important;padding:0!important;}
  .barra__menu-lista a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:56px!important;
    box-sizing:border-box!important;
    padding:15px 4px!important;
    color:#f4eee1!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
    text-decoration:none!important;
    font-size:13px!important;
    letter-spacing:.12em!important;
  }
  .barra__menu-lista a i{color:#D4A431!important;font-size:11px!important;}
  .barra__menu-lista a:hover,.barra__menu-lista a[aria-current="page"]{color:#fff3c9!important;background:rgba(212,164,49,.08)!important;}
  body.menu-movil-abierto{overflow:hidden!important;touch-action:none!important;}
}
@media (max-width:560px){
  .barra__caja{padding:8px 10px!important;gap:7px!important;}
  .barra__abrir{width:44px!important;height:44px!important;flex-basis:44px!important;}
  .barra__abrir i{font-size:20px!important;}
  .barra__menu{width:88vw!important;max-width:350px!important;}
}


/* ============================================================
   AJUSTE FINAL: HEADER TRANSPARENTE EN HERO + NEGRO AL SCROLL
   + CTA DE INSCRIPCIÓN VISIBLE EN MÓVIL + MENÚ LATERAL
   ============================================================ */
.barra{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  width:100%!important;
  background:transparent!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:background .28s ease,box-shadow .28s ease,border-color .28s ease,backdrop-filter .28s ease!important;
}
.barra::before{opacity:0!important;transition:opacity .28s ease!important;}
.barra.barra--scrolled{
  background:rgba(5,5,5,.96)!important;
  border-bottom:1px solid rgba(212,164,49,.25)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.barra.barra--scrolled::before{opacity:.65!important;}
.barra__cta{display:inline-flex!important;align-items:center;justify-content:center;gap:8px!important;}
.barra__cta i{font-size:14px;line-height:1;}

@media (max-width:960px){
  .barra{z-index:1200!important;}
  .barra__caja{min-height:64px!important;padding:8px 12px!important;}
  .barra__cta{
    display:flex!important;flex:0 0 42px!important;width:42px!important;height:42px!important;
    padding:0!important;border-radius:50%!important;font-size:0!important;
    box-sizing:border-box!important;position:relative!important;z-index:1202!important;
  }
  .barra__cta i{font-size:17px!important;color:#111!important;}
  .barra__cta-largo{display:none!important;}
  .barra__abrir{margin-left:0!important;flex:0 0 42px!important;width:42px!important;height:42px!important;}
}
@media (max-width:420px){
  .barra__caja{padding-left:9px!important;padding-right:9px!important;gap:6px!important;}
  .barra__marca{max-width:calc(100% - 100px)!important;}
  .barra__cta{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .barra__abrir{width:38px!important;height:38px!important;flex-basis:38px!important;}
}

/* AJUSTE MÍNIMO — conservar diseño anterior; solo iconos móviles */
@media (max-width:960px){
  .barra__cta{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:0!important;
    line-height:1!important;
  }
  .barra__cta i.fa-solid{display:inline-block!important;font-size:17px!important;line-height:1!important;color:#150F02!important;opacity:1!important;visibility:visible!important;}
  .barra__abrir i.fa-solid,.barra__cerrar i.fa-solid{display:inline-block!important;opacity:1!important;visibility:visible!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;}
  .barra__cerrar i.fa-solid{font-size:20px!important;color:#111!important;}
}


/* ===== CORRECCIÓN MÓVIL: inscripción + menú lateral ===== */
@media (max-width: 960px){
  .barra__caja{display:flex!important;align-items:center!important;}
  .barra__cta{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;height:42px!important;min-width:42px!important;
    flex:0 0 42px!important;margin-left:auto!important;
    padding:0!important;border-radius:50%!important;
    font-size:0!important;line-height:1!important;
  }
  .barra__cta i.fa-solid{
    display:inline-block!important;font-family:"Font Awesome 6 Free"!important;
    font-weight:900!important;font-size:18px!important;color:#150F02!important;
    opacity:1!important;visibility:visible!important;
  }
  .barra__abrir{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:42px!important;height:42px!important;min-width:42px!important;
    flex:0 0 42px!important;margin-left:8px!important;
    padding:0!important;border-radius:50%!important;
    position:relative!important;z-index:1003!important;
  }
  .barra__abrir i.fa-solid{
    display:inline-block!important;font-family:"Font Awesome 6 Free"!important;
    font-weight:900!important;font-size:20px!important;color:#150F02!important;
    opacity:1!important;visibility:visible!important;
  }
  .barra__menu{
    z-index:1001!important;
  }
  .barra__menu-cabeza{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;
  }
  .barra__cerrar{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:42px!important;height:42px!important;min-width:42px!important;
    padding:0!important;border:1px solid rgba(212,164,49,.35)!important;
    border-radius:50%!important;background:#D4A431!important;
    color:#111!important;cursor:pointer!important;
    position:relative!important;z-index:1100!important;
  }
  .barra__cerrar i.fa-solid{
    display:inline-block!important;font-family:"Font Awesome 6 Free"!important;
    font-weight:900!important;font-size:20px!important;color:#111!important;
    opacity:1!important;visibility:visible!important;
  }
}
@media (max-width:420px){
  .barra__cta,.barra__abrir{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;}
  .barra__abrir{margin-left:6px!important;}
}

/* AJUSTE FINAL: al abrir el menú lateral, el botón de inscripción queda debajo del panel.
   Al cerrar, vuelve a su posición normal junto al botón hamburguesa. */
@media (max-width:960px){
  .barra__cta{position:relative!important;z-index:1000!important;}
  .barra__abrir{position:relative!important;z-index:1205!important;}
  .barra__menu{z-index:1204!important;}
  .barra__menu-overlay{z-index:1203!important;}
  body.menu-movil-abierto .barra__cta{z-index:1000!important;}
}

/* Corrección final de iconos móviles: Font Awesome Free 6 sólido/peso 900. */
@media (max-width:960px){
  .barra__abrir i.fa-solid.fa-bars::before{content:"\f0c9" !important;}
  .barra__abrir i.fa-solid.fa-xmark::before{content:"\f00d" !important;}
  .barra__cta i.fa-solid.fa-pen-to-square::before{content:"\f044" !important;}
  .barra__cerrar i.fa-solid.fa-xmark::before{content:"\f00d" !important;}
  .barra__abrir i.fa-solid,.barra__cta i.fa-solid,.barra__cerrar i.fa-solid{
    font-family:"Font Awesome 6 Free" !important;
    font-style:normal !important; font-weight:900 !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
  }
  .barra__cerrar{pointer-events:auto !important; touch-action:manipulation !important;}
}


/* Corrección puntual solicitada: iconos reales Font Awesome y cierre directo del menú móvil. */
@media (max-width:960px){
  .barra__cta i.fa-solid.fa-pen::before{content:"\f304" !important;}
  .barra__abrir i.fa-solid.fa-bars::before{content:"\f0c9" !important;}
  .barra__cerrar i.fa-solid.fa-xmark::before{content:"\f00d" !important;}
  .barra__cta i.fa-solid,.barra__abrir i.fa-solid,.barra__cerrar i.fa-solid{
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    font-style:normal !important;
    display:inline-block !important;
    speak:none !important;
  }
  .barra__cerrar{pointer-events:auto !important; touch-action:manipulation !important; position:relative !important; z-index:99999 !important;}
}

/* === ÚLTIMO AJUSTE MÓVIL: Font Awesome real + cierre X funcional === */
@media (max-width:960px){
  .barra__cta i.fa-solid.fa-pen-to-square,
  .barra__abrir i.fa-solid.fa-bars,
  .barra__cerrar i.fa-solid.fa-xmark{
    font-family:"Font Awesome 6 Free" !important;
    font-style:normal !important;
    font-weight:900 !important;
    display:inline-block !important;
    speak:none !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
  }
  .barra__cta i.fa-solid.fa-pen-to-square::before{content:"\f044" !important;}
  .barra__abrir i.fa-solid.fa-bars::before{content:"\f0c9" !important;}
  .barra__cerrar i.fa-solid.fa-xmark::before{content:"\f00d" !important;}
  .barra__cerrar{
    position:relative !important;
    z-index:999999 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    cursor:pointer !important;
  }
  .barra__menu-cabeza{position:relative !important; z-index:100000 !important;}
  .barra__menu{z-index:12000 !important;}
  .barra__menu-overlay{z-index:11999 !important;}
}


/* HEADER SCROLL STATE — FINAL */
.barra.barra--hero{background:transparent!important;}
.barra.barra--hero.barra--scrolled{background:#050505!important;border-bottom:1px solid rgba(212,164,49,.25)!important;box-shadow:0 10px 30px rgba(0,0,0,.48)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;}
.barra.barra--hero:not(.barra--scrolled){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:transparent!important;}

/* =========================================================
   HEADER RESPONSIVE REAL — ESCRITORIO / TABLET / MÓVIL
   Solo ajusta proporciones y distribución del header.
   ========================================================= */

/* Escritorio grande */
@media (min-width:1201px){
  .barra__caja{max-width:1440px;width:100%;margin:0 auto;box-sizing:border-box;}
  .barra__marca{flex:0 1 auto;min-width:230px;}
  .barra__menu{flex:0 1 auto;min-width:0;}
  .barra__cta{flex:0 0 auto;}
  .barra__abrir{display:none!important;}
}

/* Escritorio compacto / tablet horizontal */
@media (min-width:961px) and (max-width:1200px){
  .barra__caja{width:100%;max-width:1200px;margin:0 auto;min-height:70px;padding:9px 20px;gap:14px;box-sizing:border-box;}
  .barra__marca{min-width:190px;gap:9px;flex:0 1 auto;}
  .barra__marca img{height:42px;max-width:48px;}
  .barra__marca span{font-size:14px;letter-spacing:.04em;white-space:nowrap;}
  .barra__marca b{font-size:7px;letter-spacing:.28em;margin-top:3px;}
  .barra__menu{gap:2px;min-width:0;flex:1 1 auto;justify-content:flex-end;padding:3px;}
  .barra__menu a{font-size:9px;padding:9px 8px;letter-spacing:.08em;white-space:nowrap;}
  .barra__cta{flex:0 0 auto;padding:10px 13px;font-size:9.5px;letter-spacing:.05em;white-space:nowrap;}
  .barra__abrir{display:none!important;}
}

/* Tablet vertical / móvil: identidad compacta y controles siempre accesibles */
@media (max-width:960px){
  .barra__caja{width:100%;box-sizing:border-box;display:flex;align-items:center;}
  .barra__marca{flex:1 1 auto;min-width:0;}
  .barra__cta,.barra__abrir{flex:0 0 auto;}
}

/* Móvil */
@media (max-width:600px){
  .barra__caja{min-height:62px;padding:8px 10px;gap:7px;}
  .barra__marca{max-width:calc(100% - 94px);overflow:hidden;}
  .barra__marca img{height:36px;max-width:40px;}
  .barra__marca span{font-size:11px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .barra__marca b{font-size:6.5px;letter-spacing:.20em;}
  .barra__cta,.barra__abrir{width:42px!important;height:42px!important;min-width:42px!important;}
  .barra__cta i{font-size:17px!important;}
  .barra__abrir i{font-size:20px!important;}
}

/* Móvil pequeño: evita que logo + inscripción + menú se compriman */
@media (max-width:380px){
  .barra__caja{padding-left:8px;padding-right:8px;gap:5px;}
  .barra__marca{max-width:calc(100% - 86px);}
  .barra__marca img{height:33px;max-width:37px;}
  .barra__marca span{font-size:10px;}
  .barra__cta,.barra__abrir{width:38px!important;height:38px!important;min-width:38px!important;}
  .barra__cta i{font-size:15px!important;}
  .barra__abrir i{font-size:18px!important;}
}

/* Ajuste de anclaje: deja espacio para que el header fijo no tape la sección de inscripción. */
#inscripcion{scroll-margin-top:96px;}
@media (max-width:600px){
  #inscripcion{scroll-margin-top:160px;}
}


/* Noticias, contador y carrusel de equipos */
.noticia-home{position:relative}.noticia-home{display:grid;grid-template-columns:110px 1fr;gap:26px;padding:clamp(22px,4vw,42px);border:1px solid rgba(212,164,49,.35);border-radius:22px;background:linear-gradient(135deg,rgba(212,164,49,.12),rgba(255,255,255,.025));box-shadow:0 18px 50px rgba(0,0,0,.16)}.noticia-home__icono{width:92px;height:92px;border-radius:20px;background:#d4a431;color:#101010;display:grid;place-items:center;font-size:2.4rem}.noticia-home__etiqueta{display:inline-block;color:#d4a431;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.noticia-home h3{margin:8px 0 12px;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.12}.noticia-home p{line-height:1.7;max-width:850px}.blog-contador{margin-top:18px;color:var(--texto-secundario,#aaa)}.blog-contador a{color:#d4a431}.equipos-slider__marco{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.equipos-slider__pista{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 5px 22px;scrollbar-width:thin;scrollbar-color:#d4a431 transparent}.equipo-slide{flex:0 0 clamp(210px,28vw,280px);scroll-snap-align:start;padding:25px 20px;text-align:center;border:1px solid rgba(212,164,49,.3);border-radius:18px;background:rgba(255,255,255,.035)}.equipo-slide__escudo{width:115px;height:115px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:rgba(212,164,49,.12);color:#d4a431;font-size:3rem;overflow:hidden}.equipo-slide__escudo img{width:100%;height:100%;object-fit:contain;padding:10px}.equipo-slide h3{font-size:1.15rem;margin:0 0 7px}.equipo-slide p{margin:0;opacity:.75}.equipos-slider__controles{display:flex;justify-content:center;margin-top:8px}.equipos-slider__play{display:inline-flex;align-items:center;gap:10px;background:#d4a431;color:#17130a;border:0;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer;box-shadow:0 5px 18px rgba(212,164,49,.22)}.equipos-slider__play:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:600px){.noticia-home{grid-template-columns:1fr;gap:16px}.noticia-home__icono{width:64px;height:64px;font-size:1.7rem;border-radius:14px}.equipo-slide{flex-basis:75vw}}


/* AJUSTES RESPONSIVE DE NOTICIAS Y PATROCINADOR — octubre 2026 */
.menu-icono{display:none}
@media(max-width:960px){
  .barra__menu-lista a{display:flex!important;align-items:center!important;gap:13px!important;min-height:50px!important}
  .barra__menu-lista a .menu-icono{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 23px;width:23px;color:#D4A431!important;font-size:17px!important}
  .barra__menu-lista a .menu-flecha{margin-left:auto!important;flex:0 0 auto}
  .patrocinador-destacado{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important}
  .patrocinador-destacado__logo{width:min(100%,340px)!important;min-height:100px!important}
}
.patrocinador-destacado{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,42px);padding:clamp(20px,4vw,36px);margin:0 0 24px;border:1px solid rgba(212,164,49,.48);border-radius:20px;background:linear-gradient(120deg,rgba(212,164,49,.13),rgba(255,255,255,.025));box-sizing:border-box;min-width:0}
.patrocinador-destacado__logo{min-height:120px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}
.patrocinador-destacado__logo img{display:block;max-width:100%;max-height:145px;width:auto;height:auto;object-fit:contain}
.patrocinador-destacado__logo span{font-weight:800;text-align:center;color:#fff;overflow-wrap:anywhere}
.patrocinador-destacado__texto h3{font-size:clamp(1.3rem,2.7vw,2rem);line-height:1.2;margin:8px 0}
.patrocinador-destacado__texto p{line-height:1.7;margin:0;overflow-wrap:anywhere}
.noticias-home,.blog-pagina,.blog-articulo,.blog-articulo *{box-sizing:border-box;min-width:0}

/* Refinamiento responsive: noticias, patrocinador, slider de equipos y video */
.noticias-home{overflow-x:clip}
.noticias-home>.envoltura,.equipos-slider>.envoltura,#cancha>.envoltura{width:min(1180px,calc(100% - 40px));margin-inline:auto;min-width:0}
.noticias-home .seccion__titulo,.equipos-slider .seccion__titulo{max-width:100%;overflow-wrap:break-word;text-wrap:balance}
.noticia-home{grid-template-columns:clamp(58px,8vw,92px) minmax(0,1fr);gap:clamp(16px,3vw,28px);min-width:0;box-sizing:border-box}
.noticia-home__contenido{min-width:0;overflow-wrap:anywhere}
.noticia-home__contenido h3{overflow-wrap:anywhere;text-wrap:balance}
.noticia-home__contenido p{overflow-wrap:anywhere}
.noticia-home .boton{display:inline-flex;max-width:100%;align-items:center;justify-content:center;gap:9px;white-space:normal;text-align:center}
.patrocinador-destacado{width:100%;grid-template-columns:minmax(0,280px) minmax(0,1fr);min-width:0;box-sizing:border-box;overflow:hidden}
.patrocinador-destacado__logo{min-width:0;padding:12px;overflow:hidden}
.patrocinador-destacado__logo img{width:100%;max-width:100%;max-height:150px;object-fit:contain}
.patrocinador-destacado__texto{min-width:0;overflow-wrap:anywhere}
.blog-contador{display:flex;align-items:center;justify-content:center;gap:7px 9px;flex-wrap:wrap;text-align:center;line-height:1.6;margin:22px 0 0;overflow-wrap:anywhere}
.equipos-slider{overflow-x:clip}
.equipos-slider__marco{width:100%;max-width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.equipos-slider__pista{display:flex;align-items:stretch;gap:clamp(12px,2vw,20px);width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:12px 8px 20px;box-sizing:border-box}
.equipo-slide{flex:0 0 clamp(190px,25vw,270px);width:auto;min-width:0;box-sizing:border-box;overflow-wrap:anywhere;scroll-snap-align:start}
.equipo-slide h3{overflow-wrap:anywhere;word-break:normal}
.equipo-slide__escudo{max-width:100%}
.equipo-slide__escudo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.equipos-slider__controles{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.equipos-slider__play{min-height:44px;max-width:100%;justify-content:center}
#cancha{overflow-x:clip}
#cancha .tiras{width:100%;max-width:100%;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(12px,2vw,22px);border:0;min-width:0}
#cancha .tira{display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;border:1px solid rgba(212,164,49,.22)!important;border-radius:15px!important;overflow:hidden;box-sizing:border-box}
#cancha .tira:first-child{grid-row:auto}
#cancha .tira+.tira{border-left:1px solid rgba(212,164,49,.22)!important}
#cancha .tira__media{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:16/9;overflow:hidden;background:#000}
#cancha .tira video,#cancha .tira img,#cancha .tira iframe{display:block;width:100%;height:100%;min-height:0;max-width:100%;aspect-ratio:16/9;object-fit:cover;border:0}
#cancha .tira figcaption{min-width:0;overflow-wrap:anywhere;line-height:1.5}
@media(max-width:760px){
 .noticias-home>.envoltura,.equipos-slider>.envoltura,#cancha>.envoltura{width:calc(100% - 32px)}
 .patrocinador-destacado{grid-template-columns:minmax(0,1fr);gap:16px;text-align:center;padding:22px 18px}
 .patrocinador-destacado__logo{width:100%;min-height:90px}
 .patrocinador-destacado__logo img{max-width:min(100%,280px);max-height:115px}
 .noticia-home{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px 18px;border-radius:16px}
 .noticia-home__icono{width:58px;height:58px;font-size:1.5rem;border-radius:13px}
 .noticia-home h3{font-size:clamp(1.35rem,6vw,1.8rem);line-height:1.18}
 .noticia-home .boton{width:100%}
 .equipo-slide{flex-basis:min(76vw,280px);padding:20px 16px}
 #cancha .tiras{grid-template-columns:minmax(0,1fr);gap:14px}
 #cancha .tira{border-radius:12px!important}
 #cancha .tira video,#cancha .tira iframe{max-height:none}
}
@media(max-width:420px){
 .noticias-home>.envoltura,.equipos-slider>.envoltura,#cancha>.envoltura{width:calc(100% - 24px)}
 .patrocinador-destacado{padding:18px 14px}
 .noticia-home{padding:18px 15px}
 .blog-contador{font-size:.9rem}
 .equipo-slide{flex-basis:82vw}
 .equipos-slider__play{width:100%}
}
@media(prefers-reduced-motion:reduce){.equipos-slider__pista{scroll-behavior:auto}}

/* Slider de equipos — edición oro integral, responsive y de alto contraste */
.equipos-slider{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:100%;
  overflow:hidden;
  padding-block:clamp(42px,6vw,82px);
  color:#171306;
  background:linear-gradient(135deg,#b88316 0%,#e8bd4b 24%,#f6d979 50%,#d5a12b 76%,#f1cf68 100%);
}
.equipos-slider:before,.equipos-slider:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid rgba(27,20,3,.15);border-radius:50%;}
.equipos-slider:before{width:min(75vw,850px);aspect-ratio:1;right:-18%;top:-58%;}
.equipos-slider:after{width:min(55vw,620px);aspect-ratio:1;left:-20%;bottom:-58%;}
.equipos-slider .seccion__marca{color:#3d2a05;background:rgba(255,255,255,.36);border:1px solid rgba(58,39,2,.2)}
.equipos-slider .seccion__titulo{color:#171306;text-shadow:0 1px 0 rgba(255,255,255,.25)}
.equipos-slider .seccion__intro{color:#392b0b;max-width:720px}
.equipos-slider__marco{border:1px solid rgba(43,30,2,.18);border-radius:24px;padding:8px;background:rgba(255,248,219,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 45px rgba(70,44,0,.13);mask-image:none!important;-webkit-mask-image:none!important}
.equipos-slider__pista{display:flex;align-items:stretch;gap:clamp(14px,2vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:auto!important;scrollbar-width:none;padding:12px;overscroll-behavior-x:contain;touch-action:pan-x;}
.equipos-slider__pista::-webkit-scrollbar{display:none}
.equipos-slider .equipo-slide{flex:0 0 clamp(190px,23vw,260px);padding:22px 18px 24px;border:1px solid rgba(35,25,3,.28);border-radius:20px;background:linear-gradient(155deg,#202317 0%,#0d120b 100%);color:#fff8df;box-shadow:0 10px 22px rgba(54,35,0,.22);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:290px}
.equipos-slider .equipo-slide__escudo{width:clamp(116px,14vw,154px);height:clamp(116px,14vw,154px);flex:0 0 auto;margin:0 auto 17px;border-radius:50%;background:radial-gradient(circle,#fff7d7 0%,#e9c65d 72%,#a77916 100%);border:3px solid #f1ce66;box-shadow:0 0 0 5px rgba(243,207,98,.13),0 8px 18px rgba(0,0,0,.25);padding:7px;overflow:hidden}
.equipos-slider .equipo-slide__escudo img{width:100%;height:100%;padding:0;object-fit:contain}
.equipos-slider .equipo-slide h3{font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.3;color:#f3d16c;margin:0 0 7px;text-align:center;overflow-wrap:anywhere}
.equipos-slider .equipo-slide p{color:#f8f0d6;font-size:.84rem;text-align:center;line-height:1.4;opacity:.82}
.equipos-slider .equipo-slide--vacio{background:#191d10}
.equipos-slider__controles{margin-top:20px}
.equipos-slider__play{min-height:48px;padding:13px 26px;border:2px solid #493305;border-radius:999px;background:linear-gradient(180deg,#ffdf79,#d5a12b);color:#211704;font-size:1rem;font-weight:900;box-shadow:0 7px 0 rgba(74,49,3,.18),0 12px 28px rgba(65,43,0,.2);transition:transform .15s ease,filter .15s ease}
.equipos-slider__play:hover{filter:brightness(1.06);transform:translateY(-1px)}
.equipos-slider__play:active{transform:translateY(1px)}
.equipos-slider__play i{font-size:1rem}
@media(max-width:760px){.equipos-slider{padding-block:38px}.equipos-slider__marco{border-radius:17px;padding:4px}.equipos-slider__pista{gap:12px;padding:8px}.equipos-slider .equipo-slide{flex-basis:min(74vw,255px);min-height:270px;padding:19px 15px}.equipos-slider .equipo-slide__escudo{width:124px;height:124px}}
@media(max-width:420px){.equipos-slider>.envoltura{width:calc(100% - 24px)}.equipos-slider .equipo-slide{flex-basis:78vw;min-height:252px}.equipos-slider__play{width:min(100%,320px)}}


/* 2026-10: acabado editorial sin tarjetas encapsuladas y responsive real */
.noticias-home{padding-block:clamp(44px,7vw,88px);overflow-x:clip}
.noticias-home>.envoltura,.equipos-slider>.envoltura{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.noticias-home .seccion__intro{max-width:720px;margin-bottom:clamp(24px,4vw,42px)}
.patrocinador-destacado{border:0;border-top:1px solid rgba(212,164,49,.55);border-bottom:1px solid rgba(212,164,49,.35);border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(212,164,49,.09),transparent);padding:clamp(18px,3vw,30px) 0;margin:0 0 32px}
.noticia-home{grid-template-columns:70px minmax(0,1fr);gap:clamp(18px,3vw,32px);border:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);border-radius:0;box-shadow:none;background:transparent;padding:clamp(22px,3.5vw,36px) 0;align-items:start}
.noticia-home__icono{width:64px;height:64px;border-radius:50%;font-size:1.7rem}
.noticia-home__contenido h3{font-size:clamp(1.35rem,2.7vw,2.2rem);line-height:1.18;margin:10px 0 12px}
.noticia-home__contenido p{max-width:780px;line-height:1.75;color:var(--texto-secundario,#c4c4c4)}
.blog-contador{margin:26px 0 0;padding-top:12px;font-size:.88rem}
.equipos-slider{padding-block:clamp(42px,6vw,78px);background:#d9ad35!important;color:#181407;overflow:hidden;position:relative}
.equipos-slider .seccion__marca{color:#332507}.equipos-slider .seccion__intro{color:#34270c}
.equipos-slider__marco{width:100%;max-width:100%;overflow:hidden;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;mask-image:none!important;-webkit-mask-image:none!important}
.equipos-slider__pista{display:flex;gap:clamp(14px,2vw,24px);width:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:14px 2px 24px;overscroll-behavior-x:contain;touch-action:pan-x}
.equipos-slider__pista::-webkit-scrollbar{display:none}
.equipos-slider .equipo-slide{flex:0 0 clamp(170px,22vw,245px);min-width:0;min-height:260px;padding:22px 16px;border:1px solid rgba(20,15,3,.28);border-radius:4px;background:#17180f;color:#fff8df;box-shadow:0 12px 26px rgba(49,34,0,.18);scroll-snap-align:start;overflow-wrap:anywhere}
.equipos-slider .equipo-slide__escudo{width:clamp(100px,12vw,140px);height:clamp(100px,12vw,140px);border-radius:50%;flex:0 0 auto}
.equipos-slider .equipo-slide__escudo img{display:block;width:100%;height:100%;object-fit:contain}
.equipos-slider__controles{display:flex;justify-content:center;margin-top:12px}
.blog-main .blog-articulo{border:0;border-top:2px solid #d4a431;border-bottom:1px solid rgba(255,255,255,.16);border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.blog-main .blog-articulo__cabecera{padding:clamp(22px,4vw,42px) 0;background:transparent;border-bottom:1px solid rgba(255,255,255,.14)}
.blog-main .blog-articulo__cuerpo{padding:clamp(22px,4vw,42px) 0;color:rgba(255,255,255,.82)}
.blog-main .blog-patrocinador{border:0;border-top:1px solid rgba(212,164,49,.5);border-bottom:1px solid rgba(212,164,49,.3);border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(212,164,49,.08),transparent);padding:clamp(20px,3vw,32px) 0}
.blog-main .blog-patrocinador__identidad{background:transparent;border-radius:0}
@media(max-width:760px){
 .noticias-home>.envoltura,.equipos-slider>.envoltura{width:calc(100% - 32px)}
 .patrocinador-destacado{grid-template-columns:minmax(0,1fr)!important;text-align:center;gap:12px;padding-block:22px}
 .patrocinador-destacado__logo img{max-width:min(100%,260px);max-height:110px}
 .noticia-home{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:22px 0}
 .noticia-home__icono{width:46px;height:46px;font-size:1.25rem}
 .noticia-home .boton{max-width:100%;white-space:normal}
 .equipos-slider .equipo-slide{flex-basis:min(72vw,235px);min-height:245px}
 .equipos-slider .equipo-slide__escudo{width:112px;height:112px}
}
@media(max-width:420px){
 .noticias-home>.envoltura,.equipos-slider>.envoltura{width:calc(100% - 24px)}
 .noticia-home{grid-template-columns:minmax(0,1fr)}
 .noticia-home__icono{width:42px;height:42px}
 .noticia-home .boton{width:100%}
 .equipos-slider .equipo-slide{flex-basis:78vw;padding:18px 14px}
}

/* AJUSTE DEFINITIVO RESPONSIVE: noticias y slider de equipos */
.noticias-home{position:relative;isolation:isolate;padding:clamp(42px,6vw,84px) 0;background:linear-gradient(180deg,#11120f 0%,#17170f 100%);color:#fff;overflow:hidden}
.noticias-home:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#d4a431}
.noticias-home .envoltura,.equipos-slider .envoltura{max-width:1180px;width:calc(100% - 48px);margin-inline:auto}
.noticias-home .seccion__marca,.equipos-slider .seccion__marca{display:inline-block;color:#d8b24d;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.noticias-home .seccion__titulo,.equipos-slider .seccion__titulo{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;max-width:900px;margin:12px 0 16px;text-wrap:balance}
.noticias-home .seccion__intro,.equipos-slider .seccion__intro{max-width:720px;line-height:1.75;margin:0 0 clamp(24px,4vw,42px);color:rgba(255,255,255,.72)}
.patrocinador-destacado{display:grid!important;grid-template-columns:minmax(180px, .75fr) minmax(0,1.25fr);align-items:center;gap:clamp(20px,4vw,48px);padding:clamp(22px,4vw,42px)!important;margin:0 0 24px;border-left:4px solid #d4a431;background:linear-gradient(110deg,rgba(212,164,49,.16),rgba(255,255,255,.025) 70%);min-width:0}
.patrocinador-destacado__logo{display:flex;align-items:center;justify-content:center;min-width:0;min-height:120px}
.patrocinador-destacado__logo img{display:block;width:100%;max-width:280px;max-height:140px;object-fit:contain}
.patrocinador-destacado__texto h3{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.2;margin:10px 0}
.patrocinador-destacado__texto p,.noticia-home__contenido p{line-height:1.8;color:rgba(255,255,255,.76);overflow-wrap:anywhere}
.noticia-home{display:grid!important;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:clamp(16px,3vw,28px);padding:clamp(22px,3vw,34px) 0!important;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);background:transparent!important;box-shadow:none!important;border-radius:0!important;min-width:0}
.noticia-home__icono{display:grid;place-items:center;width:60px;height:60px;border:1px solid rgba(212,164,49,.55);background:rgba(212,164,49,.12);color:#e3bd53;border-radius:50%;font-size:1.4rem}
.noticia-home__contenido{min-width:0}.noticia-home__etiqueta{display:inline-block;color:#d9b34e;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.noticia-home__contenido h3{font-size:clamp(1.35rem,2.7vw,2.15rem);line-height:1.2;margin:10px 0 12px;text-wrap:balance}
.noticias-home .boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;max-width:100%;white-space:normal}
.blog-contador{margin:28px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.65);line-height:1.8}.blog-contador a{color:#e2bb50;font-weight:700}
.equipos-slider{background:#d9ad35!important;color:#181407!important;padding:clamp(42px,6vw,80px) 0;overflow:hidden}
.equipos-slider .seccion__marca{color:#342506}.equipos-slider .seccion__titulo{color:#181407}.equipos-slider .seccion__intro{color:#34270c}
.equipos-slider__marco{display:block;width:100%;max-width:100%;overflow:hidden;padding:8px 0 20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.equipos-slider__pista{display:flex!important;flex-flow:row nowrap!important;align-items:stretch;gap:18px;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;scroll-snap-type:x mandatory;touch-action:pan-x;overscroll-behavior-x:contain;padding:12px 2px 22px!important}
.equipos-slider__pista::-webkit-scrollbar{display:none}
.equipos-slider .equipo-slide{display:flex!important;flex:0 0 clamp(170px,22vw,245px)!important;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;max-width:none;min-height:250px;padding:22px 16px!important;border:1px solid rgba(20,15,3,.3)!important;border-radius:5px!important;background:#17180f!important;color:#fff8df!important;box-shadow:0 12px 26px rgba(49,34,0,.18)!important;scroll-snap-align:start;overflow-wrap:anywhere;text-align:center}
.equipos-slider .equipo-slide__escudo{display:grid;place-items:center;width:clamp(100px,12vw,140px);height:clamp(100px,12vw,140px);flex:0 0 auto;margin:0 auto 16px;border-radius:50%;overflow:hidden;background:transparent}
.equipos-slider .equipo-slide__escudo img{display:block;width:100%;height:100%;object-fit:contain}
.equipos-slider .equipo-slide h3{font-size:1rem;line-height:1.35;margin:0 0 8px;overflow-wrap:anywhere}.equipos-slider .equipo-slide p{font-size:.85rem;color:#e5d9b4;margin:0}
.equipos-slider__controles{display:flex;justify-content:center;margin-top:10px}
.equipos-slider__play{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 22px!important;border:1px solid #201802!important;border-radius:3px!important;background:#201802!important;color:#f2cf62!important;font-weight:800;cursor:pointer;box-shadow:0 5px 0 rgba(32,24,2,.16);transition:transform .2s ease,background .2s ease}
.equipos-slider__play:hover{background:#332605!important;transform:translateY(-1px)}.equipos-slider__play i{font-size:1rem}
@media(max-width:760px){.noticias-home .envoltura,.equipos-slider .envoltura{width:calc(100% - 32px)}.patrocinador-destacado{grid-template-columns:minmax(0,1fr)!important;text-align:center}.patrocinador-destacado__logo img{max-width:230px;max-height:115px}.noticia-home{grid-template-columns:46px minmax(0,1fr)!important;gap:14px}.noticia-home__icono{width:44px;height:44px;font-size:1.15rem}.equipos-slider__pista{gap:14px}.equipos-slider .equipo-slide{flex:0 0 min(72vw,235px)!important;min-height:235px}.equipos-slider .equipo-slide__escudo{width:112px;height:112px}}
@media(max-width:420px){.noticias-home .envoltura,.equipos-slider .envoltura{width:calc(100% - 24px)}.noticia-home{grid-template-columns:minmax(0,1fr)!important}.noticia-home__icono{width:42px;height:42px}.noticias-home .boton{width:100%}.equipos-slider .equipo-slide{flex:0 0 78vw!important;padding:18px 14px!important}}


/* Corrección final: control circular y carrusel horizontal con movimiento real */
.equipos-slider__marco{width:100%;overflow:hidden;}
.equipos-slider__pista{display:flex!important;flex-flow:row nowrap!important;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto!important;scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x;}
.equipos-slider__pista::-webkit-scrollbar{height:5px}
.equipos-slider__pista .equipo-slide{flex:0 0 clamp(190px,25vw,260px);min-width:0;}
.equipos-slider__controles{display:flex;justify-content:center;align-items:center;margin:12px auto 0}
.equipos-slider__play{width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;aspect-ratio:1/1!important;gap:0!important;background:#d4a431!important;color:#17130a!important;border:2px solid #f5d778!important;box-shadow:0 4px 14px rgba(0,0,0,.25);font-size:18px;line-height:1;cursor:pointer;}
.equipos-slider__play span{display:none!important}
.equipos-slider__play i{margin:0!important}
@media(max-width:600px){.equipos-slider__pista .equipo-slide{flex:0 0 72vw;max-width:270px}.equipos-slider__play{width:44px!important;height:44px!important;min-width:44px!important}}

/* Ajustes finales: enlaces editoriales y carrusel continuo */
.noticia-leer,.blog-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;color:#d4a431!important;font-weight:700;text-decoration:none!important}
.noticia-leer:hover,.blog-text-link:hover{color:#ffe08a!important;text-decoration:underline!important}
.equipos-slider__marco{overflow:hidden!important;width:100%;}
.equipos-slider__pista{display:flex!important;width:max-content!important;max-width:none!important;overflow:visible!important;scroll-snap-type:none!important;scrollbar-width:none!important;transform:translate3d(0,0,0);will-change:transform;}
.equipos-slider__pista::-webkit-scrollbar{display:none!important}
.equipos-slider__play{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;aspect-ratio:1/1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;background:transparent!important;color:#d4a431!important;border:0!important;box-shadow:none!important;font-size:21px!important;line-height:1!important}
.equipos-slider__play:hover{background:transparent!important;color:#ffe08a!important;transform:scale(1.08)}
.equipos-slider__play i{margin:0!important;font-size:21px!important}
@media(max-width:600px){.equipos-slider__marco{width:100%;}.equipos-slider__pista .equipo-slide{flex:0 0 72vw;max-width:270px}.equipos-slider__play{width:44px!important;height:44px!important;min-width:44px!important}}

/* Ajuste compacto: slider de equipos y portada menos saturada */
.equipos-slider{padding:28px 0!important}
.equipos-slider .seccion__marca{font-size:.68rem!important}
.equipos-slider .seccion__titulo{font-size:clamp(1.45rem,3vw,2.25rem)!important;margin:5px 0 8px!important}
.equipos-slider .seccion__intro{font-size:.9rem!important;margin:0 0 12px!important;line-height:1.45!important}
.equipos-slider__marco{height:112px!important;padding:4px 0!important;overflow:hidden!important}
.equipos-slider__pista{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:10px!important;width:max-content!important;max-width:none!important;overflow:visible!important;padding:4px 0!important;scroll-snap-type:none!important;will-change:transform}
.equipos-slider .equipo-slide{flex:0 0 88px!important;width:88px!important;min-width:88px!important;max-width:88px!important;min-height:96px!important;height:96px!important;padding:7px!important;border-radius:8px!important;gap:3px!important;justify-content:center!important}
.equipos-slider .equipo-slide__escudo{width:54px!important;height:54px!important;margin:0 auto 4px!important}
.equipos-slider .equipo-slide__escudo img{padding:2px!important;object-fit:contain!important}
.equipos-slider .equipo-slide h3{font-size:.62rem!important;line-height:1.15!important;margin:0!important;max-height:2.3em;overflow:hidden}
.equipos-slider .equipo-slide p{font-size:.55rem!important;line-height:1.1!important;margin:0!important}
.equipos-slider__controles{margin-top:4px!important}
.equipos-slider__play{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:16px!important;padding:0!important;border:0!important;background:transparent!important;color:#201802!important;box-shadow:none!important;border-radius:50%!important}
@media(max-width:600px){.equipos-slider{padding:22px 0!important}.equipos-slider__marco{height:100px!important}.equipos-slider .equipo-slide{flex-basis:78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;height:88px!important;min-height:88px!important;padding:5px!important}.equipos-slider .equipo-slide__escudo{width:46px!important;height:46px!important}.equipos-slider .equipo-slide h3{font-size:.58rem!important}}

/* Contraste solicitado: título y descripción blancos en el encabezado del slider de equipos. */
.equipos-slider .seccion__titulo,
.equipos-slider .seccion__intro { color: #fff !important; }

/* Contraste del encabezado de equipos participantes */
.equipos-slider .seccion__titulo,
.equipos-slider .seccion__intro { color: #fff !important; }


/* Corrección específica: el encabezado y la descripción de Equipos participantes deben ser blancos. */
#equipos-participantes .seccion__titulo,
#equipos-participantes h2.seccion__titulo,
#equipos-participantes .seccion__intro,
#equipos-participantes p.seccion__intro {
  color: #fff !important;
}


/* EQUIPOS PARTICIPANTES: escudos flotantes sobre fondo oro, sin tarjetas */
#equipos-participantes.equipos-slider{background:#D4A431!important;color:#17130A!important;padding-top:clamp(34px,5vw,64px);padding-bottom:clamp(30px,4vw,52px)}
#equipos-participantes .seccion__marca,#equipos-participantes .seccion__titulo,#equipos-participantes .seccion__intro{color:#17130A!important}
#equipos-participantes .equipos-slider__marco{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
#equipos-participantes .equipos-slider__pista{display:flex;align-items:center;gap:clamp(24px,4vw,56px);overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 12px 20px;scrollbar-width:none;background:transparent}
#equipos-participantes .equipos-slider__pista::-webkit-scrollbar{display:none}
#equipos-participantes .equipo-slide{flex:0 0 clamp(125px,17vw,190px);min-height:0;scroll-snap-align:center;padding:8px 4px 12px;text-align:center;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
#equipos-participantes .equipo-slide__escudo{width:clamp(100px,13vw,155px);height:clamp(100px,13vw,155px);margin:0 auto 12px;border-radius:0!important;display:grid;place-items:center;background:transparent!important;color:#17130A;font-size:2.5rem;overflow:visible}
#equipos-participantes .equipo-slide__escudo img{display:block;width:100%;height:100%;object-fit:contain;padding:0!important;filter:none;mix-blend-mode:normal}
#equipos-participantes .equipo-slide h3{font-size:clamp(.82rem,1.3vw,1rem);line-height:1.25;font-weight:800;margin:0;color:#17130A!important;text-transform:uppercase;letter-spacing:.025em}
#equipos-participantes .equipo-slide p{margin:5px 0 0;opacity:1;color:#342708!important;font-size:.78rem}
#equipos-participantes .equipos-slider__controles{margin-top:4px}
#equipos-participantes .equipos-slider__play{background:transparent!important;color:#17130A!important;border:0!important;border-radius:0!important;padding:8px!important;box-shadow:none!important;font-size:1.15rem}
#equipos-participantes .equipos-slider__play:focus-visible{outline:2px solid #17130A;outline-offset:4px}
@media(max-width:600px){#equipos-participantes .equipo-slide{flex-basis:34vw;padding:6px 2px 10px}#equipos-participantes .equipo-slide__escudo{width:clamp(82px,25vw,120px);height:clamp(82px,25vw,120px);margin-bottom:9px}#equipos-participantes .equipos-slider__pista{gap:20px}}


/* Correccion final solicitada: todos los textos de Equipos participantes en blanco */
#equipos-participantes.equipos-slider,
#equipos-participantes .seccion__marca,
#equipos-participantes .seccion__titulo,
#equipos-participantes .seccion__intro,
#equipos-participantes .equipo-slide,
#equipos-participantes .equipo-slide h3,
#equipos-participantes .equipo-slide p,
#equipos-participantes .equipo-slide__escudo,
#equipos-participantes .equipos-slider__control,
#equipos-participantes button,
#equipos-participantes a { color: #fff !important; }
#equipos-participantes .equipo-slide h3,
#equipos-participantes .equipo-slide p { text-shadow: 0 1px 2px rgba(0,0,0,.28); }


/* Ajuste final solicitado: sección de equipos sin tarjetas negras y todos los textos blancos. */
html body #equipos-participantes.equipos-slider { background: #D4A431 !important; color: #FFFFFF !important; }
html body #equipos-participantes .seccion__marca,
html body #equipos-participantes .seccion__titulo,
html body #equipos-participantes .seccion__intro,
html body #equipos-participantes .equipo-slide,
html body #equipos-participantes .equipo-slide h3,
html body #equipos-participantes .equipo-slide p,
html body #equipos-participantes .equipo-slide a,
html body #equipos-participantes .equipos-slider__controles,
html body #equipos-participantes .equipos-slider__play { color: #FFFFFF !important; }
html body #equipos-participantes .equipos-slider__marco,
html body #equipos-participantes .equipos-slider__pista { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body #equipos-participantes .equipo-slide,
html body #equipos-participantes .equipo-slide:hover,
html body #equipos-participantes .equipo-slide:focus,
html body #equipos-participantes .equipo-slide:focus-within { background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; }
html body #equipos-participantes .equipo-slide__escudo,
html body #equipos-participantes .equipo-slide__escudo img { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html body #equipos-participantes .equipo-slide__escudo img { object-fit: contain !important; padding: 0 !important; }
html body #equipos-participantes .equipo-slide h3 { text-shadow: 0 1px 3px rgba(0,0,0,.45) !important; }
html body #equipos-participantes .equipos-slider__play { background: transparent !important; border: 0 !important; box-shadow: none !important; }


/* Ajuste de presentación: escudos más visibles y portada con jerarquía editorial. */
#equipos-participantes .equipo-slide{flex:0 0 clamp(170px,22vw,250px)!important;padding:10px 6px 14px!important}
#equipos-participantes .equipo-slide__escudo{width:clamp(140px,18vw,205px)!important;height:clamp(140px,18vw,205px)!important;margin-bottom:14px!important}
#equipos-participantes .equipo-slide h3{font-size:clamp(.88rem,1.35vw,1.08rem)!important;line-height:1.3!important}
#equipos-participantes .equipos-slider__pista{gap:clamp(24px,3.4vw,44px)!important;padding:18px 14px 24px!important}
@media(max-width:600px){#equipos-participantes .equipo-slide{flex-basis:48vw!important;padding:8px 3px 12px!important}#equipos-participantes .equipo-slide__escudo{width:clamp(118px,35vw,155px)!important;height:clamp(118px,35vw,155px)!important;margin-bottom:11px!important}#equipos-participantes .equipos-slider__pista{gap:18px!important}}
.portada__texto{max-width:680px!important;font-size:clamp(1rem,1.5vw,1.18rem)!important;line-height:1.75!important;letter-spacing:.005em!important}
.portada__acciones{gap:14px!important;margin-top:28px!important}
.portada__acciones .boton{min-height:52px!important;padding:15px 23px!important;letter-spacing:.035em!important;font-weight:750!important}
.portada__cinta{letter-spacing:.11em!important}

/* Ajuste móvil: escudos un poco más compactos para que el nombre del equipo siempre quede visible. */
@media(max-width:760px){.equipos-slider .equipo-slide__escudo{width:144px;height:144px;flex:0 0 144px;margin-bottom:13px}.equipos-slider .equipo-slide{min-height:260px;padding:16px 14px 20px}.equipos-slider .equipo-slide h3{display:block;visibility:visible;opacity:1;position:relative;z-index:1;max-width:100%;white-space:normal;line-height:1.3}}
@media(max-width:420px){.equipos-slider .equipo-slide__escudo{width:144px;height:144px;flex-basis:144px}.equipos-slider .equipo-slide{min-height:260px}}


/* ---------- Aliados Copa 5 de Mayo ---------- */
.menu-aliados{position:relative}
.barra__submenu{list-style:none;margin:0;padding:5px 0 8px 34px;display:none}
.menu-aliados:hover .barra__submenu,.menu-aliados:focus-within .barra__submenu,.menu-aliados--activo .barra__submenu{display:block}
.barra__submenu li{margin:0;padding:0}
.barra__submenu a{display:flex!important;align-items:center;gap:10px;padding:8px 12px!important;border:0!important;border-left:2px solid rgba(212,164,49,.45)!important;color:#C9BC9E!important;font-size:12px!important;white-space:normal!important}
.barra__submenu a:hover,.barra__submenu a[aria-current="page"]{color:var(--oro-claro)!important;background:rgba(212,164,49,.09)}
.aliados-hero{padding:clamp(56px,8vw,100px) 0;background:radial-gradient(ellipse at 80% 20%,rgba(212,164,49,.16),transparent 48%),linear-gradient(130deg,#090806,#191307)}
.aliados-hero .envoltura{position:relative}
.aliados-eyebrow{color:var(--oro);letter-spacing:.18em;text-transform:uppercase;font-size:13px}
.aliados-hero h1{font-size:clamp(48px,8vw,88px);margin:14px 0 18px}
.aliados-hero p{color:#D0C6B2;font-family:Barlow,Arial,sans-serif;line-height:1.7}
.aliados-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.aliado-card{position:relative;overflow:hidden;border:1px solid rgba(212,164,49,.32);border-radius:12px;background:linear-gradient(145deg,#17130c,#080807);padding:clamp(22px,4vw,38px);min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .2s,border-color .2s}
.aliado-card:hover{transform:translateY(-4px);border-color:var(--oro)}
.aliado-card__icono{font-size:38px;color:var(--oro);margin-bottom:28px}
.aliado-card h2{font-size:clamp(30px,4vw,44px);margin-bottom:12px}
.aliado-card p,.aliado-texto{font-family:Barlow,Arial,sans-serif;color:#C9C1B2;line-height:1.75}
.aliado-card__link{margin-top:15px;color:var(--oro-claro);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.aliado-detalle{padding:clamp(35px,6vw,72px) 0}
.aliado-detalle h1{font-size:clamp(42px,7vw,76px);margin:14px 0 20px}
.aliado-detalle h2{font-size:clamp(28px,4vw,40px);margin:0 0 16px}
.aliado-detalle .aliado-texto{max-width:75ch}
.aliado-intro{padding:clamp(32px,5vw,58px);border:1px solid rgba(212,164,49,.3);border-radius:12px;background:linear-gradient(135deg,rgba(212,164,49,.09),rgba(255,255,255,.015))}
.aliado-bloques{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.aliado-bloque{padding:25px;border:1px solid #302719;border-radius:10px;background:#100e0a}
.aliado-bloque h3{font-size:25px;margin-bottom:12px;color:var(--oro-claro)}
.aliado-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.aliado-media__item{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:9px;border:1px solid rgba(212,164,49,.28);background:#15120c;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px}
.aliado-media__item img,.aliado-media__item video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.aliado-media__item--jr:after{content:"Tú lo imaginas, yo lo fabrico";position:absolute;inset:auto 0 0;padding:18px 8px 10px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:rgba(255,255,255,.78);font-size:clamp(10px,1.4vw,15px);font-weight:700;letter-spacing:.04em;text-align:center;text-shadow:0 1px 4px #000;pointer-events:none}
.aliado-media__placeholder{font-family:Barlow,Arial,sans-serif;color:#BFB29A;font-size:13px}
.aliado-media__placeholder i{display:block;font-size:28px;color:var(--oro);margin-bottom:10px}
.aliado-cta{display:inline-flex;margin-top:18px;padding:12px 18px;border:1px solid var(--oro);border-radius:5px;color:var(--oro-claro);text-decoration:none;text-transform:uppercase;letter-spacing:.07em;font-size:12px}
@media(max-width:760px){.aliados-grid,.aliado-bloques{grid-template-columns:1fr}.aliado-media{grid-template-columns:repeat(2,minmax(0,1fr))}.barra__submenu{display:block;padding-left:38px}.barra__submenu a{font-size:13px!important}}