/*
Theme Name: Aquiles Speedway Park
Theme URI: https://carrerasenvivo.mx
Author: CarrerasEnVivo / Random Labs
Author URI: https://carrerasenvivo.mx
Description: Tema custom para Aquiles Speedway Park — el óvalo de arcilla más rápido de México. Diseño racing con base plateada, cromo y rojo del logotipo oficial, tipografía itálica, flujo día → noche, calendario tipo schedule, campeonato con pestañas por categoría, boletos de taquilla, patrocinadores administrables y barra superior negra con redes.
Version: 1.16.7
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: aquiles
*/


/* ==========================================================================
   Variables — paleta tomada del logotipo oficial
   ========================================================================== */
:root{
  --rojo:#ed1c24;          /* rojo del logo */
  --rojo-osc:#aa1319;      /* sombra del rojo del logo */
  --negro:#0b0c0e;
  --grafito:#23262b;       /* texto principal */
  --gris:#6b7280;
  --fondo:#eef0f3;         /* base plateada clara */
  --blanco:#ffffff;
  --acero-claro:#f7f8fa;
  --acero-medio:#d7dce2;
  --acero-osc:#98a1ad;
  --linea:#dde1e7;
  --cromo:linear-gradient(180deg,#ffffff 0%,#dfe3e9 42%,#9aa2ae 50%,#e8ebef 58%,#ffffff 100%);
  --fuente-display:'Saira',Arial,sans-serif;
  --fuente-texto:'IBM Plex Sans',Arial,sans-serif;
  --ancho:1180px;
  --inclinacion:-8deg;     /* velocidad del logo */
}

/* ==========================================================================
   Base
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
body{
  margin:0;
  font-family:var(--fuente-texto);
  font-size:17px;
  line-height:1.65;
  color:var(--grafito);
  background:var(--fondo);
}
img{max-width:100%;height:auto;display:block}
a{color:var(--rojo-osc);text-decoration:none}
a:hover{color:var(--rojo)}
a:focus-visible,button:focus-visible{outline:3px solid var(--rojo);outline-offset:2px}
.contenedor{max-width:var(--ancho);margin:0 auto;padding:0 20px}
.oculto-accesible{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

h1,h2,h3,h4{
  font-family:var(--fuente-display);
  font-style:italic;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.01em;
  line-height:1.02;
  margin:0 0 .5em;
  color:var(--negro);
}
h1{font-size:clamp(2.3rem,5.2vw,3.8rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.5rem)}
h3{font-size:1.3rem;font-weight:700}

/* Titular cromo — el efecto del lettering del logo */
.titulo-cromo{
  background:var(--cromo);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 2px 0 var(--rojo)) drop-shadow(0 4px 8px rgba(0,0,0,.55));
}

/* Cejilla de sección: placa roja inclinada */
.cejilla{
  display:inline-block;
  font-family:var(--fuente-display);font-style:italic;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;
  color:var(--blanco);background:linear-gradient(180deg,var(--rojo),var(--rojo-osc));
  padding:4px 16px;margin-bottom:12px;
  transform:skewX(var(--inclinacion));
  box-shadow:2px 2px 0 var(--negro);
}
.cejilla > *{display:inline-block;transform:skewX(calc(var(--inclinacion) * -1))}

/* Botones: calcomanías inclinadas con brillo */
.boton,.boton-borde{
  display:inline-block;
  font-family:var(--fuente-display);font-style:italic;font-weight:700;font-size:1.02rem;
  text-transform:uppercase;letter-spacing:.05em;
  padding:12px 28px;
  transform:skewX(var(--inclinacion));
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease;
}
.boton > span,.boton-borde > span{display:inline-block;transform:skewX(calc(var(--inclinacion) * -1))}
.boton{
  background:linear-gradient(180deg,#ff4a50 0%,var(--rojo) 45%,var(--rojo-osc) 100%);
  color:var(--blanco);
  box-shadow:3px 3px 0 var(--negro);
}
.boton:hover{color:var(--blanco);transform:skewX(var(--inclinacion)) translate(-1px,-1px);box-shadow:4px 4px 0 var(--negro)}
.boton-borde{
  background:var(--cromo);
  color:var(--negro);
  box-shadow:3px 3px 0 var(--negro),inset 0 0 0 1px var(--acero-osc);
}
.boton-borde:hover{color:var(--rojo-osc);transform:skewX(var(--inclinacion)) translate(-1px,-1px);box-shadow:4px 4px 0 var(--negro),inset 0 0 0 1px var(--acero-osc)}

/* Cintillo de cuadros — sacado de las banderas del logo */
.cuadros{
  height:14px;
  background:repeating-conic-gradient(var(--negro) 0% 25%, var(--blanco) 0% 50%) 0 0/28px 28px;
}

/* ==========================================================================
   Header — barra plateada tipo cromo
   ========================================================================== */
.sitio-header{
  background:linear-gradient(180deg,#ffffff 0%,#eceef2 70%,#dfe3e9 100%);
  position:sticky;top:0;z-index:60;
  border-bottom:4px solid var(--rojo);
  box-shadow:0 2px 14px rgba(11,12,14,.12);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;min-height:76px;
}
.marca{display:flex;align-items:center;gap:12px}
.marca img{max-height:58px;width:auto}
.marca-texto{
  font-family:var(--fuente-display);font-style:italic;font-weight:800;
  font-size:1.4rem;text-transform:uppercase;line-height:1;
  color:var(--negro);
}
.marca-texto span{color:var(--rojo)}
.marca-sub{display:block;font-size:.68rem;font-weight:600;font-style:normal;letter-spacing:.24em;color:var(--gris)}

.nav-principal ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.nav-principal a{
  display:block;padding:27px 13px;
  font-family:var(--fuente-display);font-style:italic;font-weight:700;font-size:1.02rem;
  text-transform:uppercase;letter-spacing:.04em;color:var(--negro);
  position:relative;
}
.nav-principal a::after{
  content:"";position:absolute;left:12px;right:12px;bottom:14px;height:4px;
  background:var(--rojo);transform:skewX(var(--inclinacion)) scaleX(0);
  transform-origin:left;transition:transform .18s ease;
}
.nav-principal a:hover::after,
.nav-principal .current-menu-item > a::after,
.nav-principal .current_page_item > a::after{transform:skewX(var(--inclinacion)) scaleX(1)}
.nav-principal a:hover{color:var(--rojo-osc)}

.boton-menu{display:none;background:none;border:0;cursor:pointer;padding:10px}
.boton-menu span{display:block;width:26px;height:3px;background:var(--negro);margin:5px 0;transition:transform .2s ease,opacity .2s ease}
.boton-menu[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.boton-menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.boton-menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* Cintillo de próxima carrera: banda roja con borde a cuadros */
.cintillo-proxima{
  background:linear-gradient(180deg,var(--rojo) 0%,var(--rojo-osc) 100%);
  color:var(--blanco);
  border-bottom:6px solid transparent;
  border-image:repeating-conic-gradient(var(--negro) 0% 25%,var(--blanco) 0% 50%) 0 0/12px 12px round;
  border-image-slice:1;
}
.cintillo-inner{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;
  padding:9px 0;font-family:var(--fuente-display);font-style:italic;
  text-transform:uppercase;letter-spacing:.04em;
}
.cintillo-etiqueta{
  background:var(--negro);padding:3px 14px;font-weight:800;font-size:.88rem;
  transform:skewX(var(--inclinacion));
}
.cintillo-evento{font-weight:700;font-size:1.02rem;color:var(--blanco)}
.cintillo-evento:hover{color:var(--blanco);text-decoration:underline}
.cintillo-fecha{color:rgba(255,255,255,.85);font-size:.95rem}
.countdown{display:flex;gap:14px;margin-left:auto}
.countdown b{font-size:1.2rem;font-weight:800;color:var(--blanco)}
.countdown small{display:block;font-size:.6rem;letter-spacing:.18em;color:rgba(255,255,255,.75);font-style:normal}
.countdown > span{text-align:center;min-width:44px}

/* ==========================================================================
   Hero — foto de la pista con titular cromo
   ========================================================================== */
.hero{
  position:relative;color:var(--blanco);
  background:var(--negro) center/cover no-repeat;
  min-height:min(74vh,640px);
  display:flex;align-items:flex-end;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,12,14,.15) 0%,rgba(11,12,14,.4) 55%,rgba(11,12,14,.85) 100%);
}
.hero-contenido{position:relative;padding:90px 0 78px;max-width:780px}
.hero h1{margin-bottom:.35em}
.hero p{font-size:1.15rem;color:#e4e7eb;max-width:560px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.hero-datos{
  display:flex;flex-wrap:wrap;gap:26px;margin:24px 0 30px;
  font-family:var(--fuente-display);font-style:italic;text-transform:uppercase;
}
.hero-datos b{display:block;font-size:1.6rem;font-weight:800;color:var(--blanco)}
.hero-datos small{font-size:.72rem;letter-spacing:.16em;color:#ff5a60;font-weight:700;font-style:normal}
.hero-botones{display:flex;flex-wrap:wrap;gap:16px}
.hero .corte-inferior{
  position:absolute;left:0;right:0;bottom:0;height:14px;
  background:repeating-conic-gradient(var(--negro) 0% 25%,var(--blanco) 0% 50%) 0 0/28px 28px;
}

/* ==========================================================================
   Secciones
   ========================================================================== */
.seccion{padding:66px 0}
.seccion-oscura{background:var(--fondo)} /* ya no hay sección negra: base clara en todo */
.seccion-blanca{background:var(--blanco)}
.seccion-cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}
.ver-todo{font-family:var(--fuente-display);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}

/* Grid de noticias: tarjetas blancas con pestaña roja inclinada */
.grid-noticias{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card-nota{
  background:var(--blanco);
  border:1px solid var(--linea);
  box-shadow:0 3px 10px rgba(11,12,14,.06);
  display:flex;flex-direction:column;overflow:hidden;position:relative;
  transition:transform .15s ease,box-shadow .15s ease;
}
.card-nota::before{
  content:"";position:absolute;top:0;left:0;width:64px;height:7px;
  background:linear-gradient(180deg,var(--rojo),var(--rojo-osc));
  transform:skewX(var(--inclinacion));transform-origin:bottom left;z-index:1;
}
.card-nota:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(11,12,14,.16)}
.card-nota .miniatura{aspect-ratio:16/9;overflow:hidden;background:var(--acero-medio)}
.card-nota .miniatura img{width:100%;height:100%;object-fit:cover}
.card-nota .cuerpo{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-nota .fecha{font-family:var(--fuente-display);font-style:italic;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rojo-osc)}
.card-nota h3 a{color:var(--negro)}
.card-nota h3 a:hover{color:var(--rojo)}
.card-nota .extracto{font-size:.95rem;color:var(--gris);margin:0}

/* Boletos: estilo boleto de taquilla con perforación */
.grid-boletos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:14px}
.card-boleto{
  --talon:76px;
  position:relative;
  background:var(--blanco);
  border:1px solid var(--linea);
  box-shadow:0 4px 12px rgba(11,12,14,.08);
  padding:24px 22px 26px calc(var(--talon) + 24px);
  /* muescas de boleto */
  -webkit-mask:radial-gradient(circle 10px at left var(--talon) top 0,transparent 98%,#000) top,
               radial-gradient(circle 10px at left var(--talon) bottom 0,transparent 98%,#000) bottom;
  -webkit-mask-size:100% 51%;
  -webkit-mask-repeat:no-repeat;
  mask:radial-gradient(circle 10px at left var(--talon) top 0,transparent 98%,#000) top,
       radial-gradient(circle 10px at left var(--talon) bottom 0,transparent 98%,#000) bottom;
  mask-size:100% 51%;
  mask-repeat:no-repeat;
}
.card-boleto::before{ /* talón rojo */
  content:"ASP";
  position:absolute;left:0;top:0;bottom:0;width:var(--talon);
  background:linear-gradient(180deg,var(--rojo),var(--rojo-osc));
  color:rgba(255,255,255,.85);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fuente-display);font-style:italic;font-weight:800;letter-spacing:.14em;
  writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);
}
.card-boleto::after{ /* perforación */
  content:"";position:absolute;left:var(--talon);top:10px;bottom:10px;width:0;
  border-left:2px dashed var(--acero-medio);
}
.card-boleto .tipo{font-family:var(--fuente-display);font-style:italic;font-weight:700;font-size:1.08rem;text-transform:uppercase;letter-spacing:.06em;color:var(--negro)}
.card-boleto .precio{font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:2.7rem;color:var(--rojo);line-height:1;margin:6px 0 4px}
.card-boleto .detalle{font-size:.9rem;color:var(--gris);margin:0}
.card-boleto.destacado{outline:3px solid var(--rojo);outline-offset:-3px}
.nota-boletos{margin-top:18px;font-size:.95rem;color:var(--gris)}

/* Calendario / eventos: filas blancas con fecha gigante itálica */
.lista-eventos{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.fila-evento{
  display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:18px;
  background:var(--blanco);border:1px solid var(--linea);
  box-shadow:0 3px 10px rgba(11,12,14,.06);
  padding:16px 20px;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.fila-evento:hover{border-color:var(--rojo);box-shadow:0 8px 20px rgba(11,12,14,.12)}
.fecha-bloque{
  text-align:center;font-family:var(--fuente-display);font-style:italic;text-transform:uppercase;
  border-right:4px solid var(--rojo);padding-right:16px;
}
.fecha-bloque b{display:block;font-size:2.1rem;font-weight:800;line-height:1;color:var(--negro)}
.fecha-bloque span{font-size:.85rem;letter-spacing:.14em;color:var(--rojo-osc);font-weight:700}
.fila-evento h3{margin:0 0 2px}
.fila-evento .meta{font-size:.92rem;color:var(--gris);margin:0}
.fila-evento.pasado{opacity:.6}
.fila-evento .boton-borde{color:var(--negro)}

/* Franja de datos de la pista: placa cromo con cifras rojas */
.franja-pista{
  background:var(--cromo);
  border-top:4px solid var(--rojo);
  border-bottom:4px solid var(--rojo);
}
.franja-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;padding:38px 0;text-align:center}
.franja-inner b{
  display:block;font-family:var(--fuente-display);font-style:italic;font-weight:800;
  font-size:2.3rem;line-height:1;color:var(--rojo);
  text-shadow:1px 1px 0 var(--blanco);
}
.franja-inner small{font-family:var(--fuente-display);font-style:italic;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;color:var(--grafito)}

/* ==========================================================================
   Contenido interno (single, páginas, archivo)
   ========================================================================== */
.cabecera-pagina{
  background:linear-gradient(100deg,var(--negro) 0%,#1c1e23 70%,var(--rojo-osc) 140%);
  color:var(--blanco);
  padding:56px 0 42px;position:relative;
  border-bottom:6px solid transparent;
  border-image:repeating-conic-gradient(var(--negro) 0% 25%,var(--blanco) 0% 50%) 0 0/12px 12px round;
  border-image-slice:1;
}
.cabecera-pagina h1{margin:0}
.cabecera-pagina .cejilla{margin-bottom:10px}
.contenido-pagina{padding:52px 0 72px}
.entrada{max-width:820px;background:var(--blanco);border:1px solid var(--linea);padding:36px 40px;box-shadow:0 3px 10px rgba(11,12,14,.06)}
.entrada img{margin:1.2em 0}
.entrada h2,.entrada h3{margin-top:1.4em}
.entrada blockquote{border-left:4px solid var(--rojo);margin:1.2em 0;padding:.2em 0 .2em 1em;color:var(--gris);font-style:italic}
.entrada table{width:100%;border-collapse:collapse;font-size:.95rem}
.entrada table th{background:var(--negro);color:var(--blanco);font-family:var(--fuente-display);font-style:italic;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;text-align:left}
.entrada table td{padding:9px 12px;border-bottom:1px solid var(--linea)}
.entrada table tr:nth-child(even) td{background:var(--acero-claro)}
.meta-nota{font-family:var(--fuente-display);font-style:italic;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:var(--rojo-osc);font-weight:700;margin:0 0 14px}
.imagen-destacada{margin:0 0 28px}

.paginacion{display:flex;gap:8px;margin-top:40px;font-family:var(--fuente-display);font-style:italic;font-weight:700}
.paginacion .page-numbers{padding:8px 14px;border:1px solid var(--acero-medio);background:var(--blanco);color:var(--negro);transform:skewX(var(--inclinacion))}
.paginacion .page-numbers.current{background:var(--rojo);border-color:var(--rojo);color:var(--blanco)}

/* ==========================================================================
   Footer — negro con cromo, cierra con banderas
   ========================================================================== */
.sitio-footer{background:var(--negro);color:#a7adb6}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;padding:54px 0 40px}
.footer-grid h4{
  font-size:1.05rem;letter-spacing:.08em;
  background:var(--cromo);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li{margin-bottom:8px}
.footer-grid a{color:#a7adb6}
.footer-grid a:hover{color:var(--blanco)}
.redes{display:flex;gap:12px;margin-top:14px}
.redes a{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;color:var(--blanco);
  background:#191b1f;transform:skewX(var(--inclinacion));
  border:1px solid #2a2d33;
}
.redes a:hover{background:var(--rojo);border-color:var(--rojo)}
.redes svg{width:18px;height:18px;fill:currentColor;transform:skewX(calc(var(--inclinacion) * -1))}
.footer-legal{border-top:1px solid #2a2d33;padding:18px 0;font-size:.85rem}
.footer-legal a{color:#a7adb6}
.footer-legal a:hover{color:var(--blanco)}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:960px){
  .grid-noticias{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .boton-menu{display:block}
  .nav-principal{
    display:none;position:absolute;left:0;right:0;top:100%;
    background:linear-gradient(180deg,#ffffff,#eceef2);
    border-bottom:4px solid var(--rojo);
    box-shadow:0 12px 24px rgba(11,12,14,.18);
  }
  .nav-principal.abierto{display:block}
  .nav-principal ul{flex-direction:column;gap:0;padding:6px 0 14px}
  .nav-principal a{padding:13px 22px}
  .nav-principal a::after{left:22px;right:auto;width:38px;bottom:8px}
  .countdown{margin-left:0;width:100%;justify-content:flex-start}
  .grid-noticias{grid-template-columns:1fr}
  .fila-evento{grid-template-columns:88px 1fr;grid-template-rows:auto auto}
  .fila-evento .accion{grid-column:1/-1}
  .footer-grid{grid-template-columns:1fr}
  .hero-contenido{padding:64px 0 60px}
  .seccion{padding:48px 0}
  .entrada{padding:26px 20px}
}

/* ==========================================================================
   Slider de noticias destacadas (portada)
   ========================================================================== */
.slider{position:relative;background:var(--negro);overflow:hidden}
.slide{
  position:absolute;inset:0;opacity:0;pointer-events:none;
  background:var(--negro) center/cover no-repeat;
  display:flex;align-items:flex-end;
  transition:opacity .5s ease;
}
.slide.activo{position:relative;opacity:1;pointer-events:auto;min-height:min(72vh,600px)}
.slide::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,12,14,.1) 0%,rgba(11,12,14,.45) 55%,rgba(11,12,14,.88) 100%);
}
.slide-contenido{position:relative;width:100%;padding-top:90px;padding-bottom:96px;max-width:820px;margin-left:0}
.slide-contenido h2{font-size:clamp(1.9rem,4.6vw,3.2rem);margin-bottom:.4em}
.slide-contenido h2 a{color:inherit;background:inherit;-webkit-background-clip:inherit;background-clip:inherit}
.slide-extracto{color:#e4e7eb;font-size:1.08rem;max-width:600px;margin:0 0 22px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.slider-controles{
  position:absolute;left:0;right:0;bottom:34px;z-index:5;
  display:flex;align-items:center;gap:14px;
}
.slider-flecha{
  background:var(--cromo);border:0;cursor:pointer;
  width:40px;height:40px;font-size:1.5rem;line-height:1;color:var(--negro);
  font-family:var(--fuente-display);font-weight:800;
  transform:skewX(var(--inclinacion));
  box-shadow:2px 2px 0 rgba(0,0,0,.5);
}
.slider-flecha:hover{color:var(--rojo)}
.slider-puntos{display:flex;gap:8px}
.punto{
  width:22px;height:10px;border:0;cursor:pointer;padding:0;
  background:rgba(255,255,255,.4);transform:skewX(var(--inclinacion));
  transition:background .15s ease;
}
.punto:hover{background:rgba(255,255,255,.7)}
.punto.activo{background:var(--rojo)}
.slider .corte-inferior{
  position:absolute;left:0;right:0;bottom:0;height:14px;z-index:4;
  background:repeating-conic-gradient(var(--negro) 0% 25%,var(--blanco) 0% 50%) 0 0/28px 28px;
}

/* Logo del Gran Premio */
.cintillo-logo{height:34px;width:auto;background:var(--blanco);padding:2px 6px;border-radius:3px}
.fila-evento.con-logo{grid-template-columns:112px 84px 1fr auto}
.gp-logo{display:flex;align-items:center;justify-content:center}
.gp-logo img{max-height:64px;width:auto}

/* Banda del mote */
.banda-mote{
  background:radial-gradient(ellipse at 50% 120%, #3d2814 0%, var(--negro) 70%);
  padding:56px 0 50px;text-align:center;
  border-top:4px solid var(--rojo);
}
.banda-mote h2{font-size:clamp(1.6rem,3.4vw,2.6rem);margin:0;max-width:900px;margin-inline:auto}

@media (max-width:760px){
  .fila-evento.con-logo{grid-template-columns:88px 64px 1fr}
  .gp-logo img{max-height:48px}
  .slide.activo{min-height:78vh}
  .slide-contenido{padding-top:64px;padding-bottom:104px}
  .slider-controles{bottom:40px}
  .cintillo-logo{height:26px}
}

/* ==========================================================================
   Calendario: tarjetas tipo póster de carrera
   ========================================================================== */
.grid-carreras{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:24px;margin-top:8px}
.card-carrera{
  position:relative;background:var(--blanco);border:1px solid var(--linea);
  box-shadow:0 3px 10px rgba(11,12,14,.06);
  display:flex;flex-direction:column;
  transition:transform .15s ease,box-shadow .15s ease;
}
.card-carrera:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(11,12,14,.16)}
.placa-fecha{
  position:absolute;top:-10px;left:14px;z-index:2;
  background:linear-gradient(180deg,#ff4a50 0%,var(--rojo) 45%,var(--rojo-osc) 100%);
  color:var(--blanco);text-align:center;
  padding:8px 14px 6px;
  transform:skewX(var(--inclinacion));
  box-shadow:3px 3px 0 var(--negro);
  font-family:var(--fuente-display);font-style:italic;text-transform:uppercase;
}
.placa-fecha b{display:block;font-size:1.7rem;font-weight:800;line-height:1}
.placa-fecha span{font-size:.72rem;font-weight:700;letter-spacing:.16em}
.liston{
  position:absolute;top:14px;right:-8px;z-index:2;
  background:var(--negro);color:var(--blanco);
  font-family:var(--fuente-display);font-style:italic;font-weight:700;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.1em;
  padding:4px 14px;transform:skewX(var(--inclinacion));
}
.carrera-logo{
  display:flex;align-items:center;justify-content:center;
  background:var(--cromo);
  min-height:150px;padding:26px 20px 18px;
  border-bottom:4px solid var(--rojo);
}
.carrera-logo img{max-height:110px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}
.carrera-cuerpo{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.carrera-cuerpo h3{margin:0}
.carrera-cuerpo h3 a{color:var(--negro)}
.carrera-cuerpo h3 a:hover{color:var(--rojo)}
.carrera-cuerpo .meta{font-size:.9rem;color:var(--gris);margin:0}
.carrera-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:14px}
.carrera-acciones .boton,.carrera-acciones .boton-borde{font-size:.92rem;padding:9px 20px}
.card-carrera.pasado .carrera-logo{filter:grayscale(1);opacity:.85}
.card-carrera.pasado .placa-fecha{background:var(--grafito);box-shadow:3px 3px 0 var(--acero-osc)}

/* Cabecera de evento con logo del GP */
.cabecera-evento{display:flex;align-items:center;gap:26px}
.cabecera-gp-logo{
  background:var(--cromo);padding:14px;flex-shrink:0;
  box-shadow:3px 3px 0 var(--rojo);
}
.cabecera-gp-logo img{max-height:96px;width:auto;display:block}

/* ==========================================================================
   Resultados por categoría y estado de campeonato
   Pega las tablas HTML bajo un subtítulo (H2/H3) por categoría;
   el tema genera las pestañas automáticamente.
   ========================================================================== */
.entrada-ancha{max-width:none}
.tabs-categorias{
  display:flex;flex-wrap:wrap;gap:10px;
  margin:6px 0 26px;padding:0;list-style:none;
}
.tab-categoria{
  border:0;cursor:pointer;
  font-family:var(--fuente-display);font-style:italic;font-weight:700;font-size:.98rem;
  text-transform:uppercase;letter-spacing:.05em;
  padding:9px 20px;color:var(--negro);
  background:var(--cromo);
  box-shadow:2px 2px 0 var(--acero-osc);
  transform:skewX(var(--inclinacion));
  transition:background .15s ease,color .15s ease;
}
.tab-categoria > span{display:inline-block;transform:skewX(calc(var(--inclinacion) * -1))}
.tab-categoria:hover{color:var(--rojo)}
.tab-categoria.activo{
  background:linear-gradient(180deg,#ff4a50 0%,var(--rojo) 45%,var(--rojo-osc) 100%);
  color:var(--blanco);box-shadow:2px 2px 0 var(--negro);
}
.panel-categoria{display:none}
.panel-categoria.activo{display:block}
.panel-categoria > h2,.panel-categoria > h3{margin-top:.2em}

/* Tablas de resultados: pega el HTML y toman este estilo */
.resultados-auto table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--blanco)}
.resultados-auto table th{
  background:var(--negro);color:var(--blanco);
  font-family:var(--fuente-display);font-style:italic;text-transform:uppercase;letter-spacing:.05em;
  padding:11px 14px;text-align:left;border-bottom:3px solid var(--rojo);
}
.resultados-auto table td{padding:10px 14px;border-bottom:1px solid var(--linea)}
.resultados-auto table tbody tr:nth-child(even) td{background:var(--acero-claro)}
.resultados-auto table tbody tr:hover td{background:#fdeaea}
/* podio */
.resultados-auto table tbody tr:nth-child(1) td:first-child{box-shadow:inset 5px 0 0 #d4a017;font-weight:700}
.resultados-auto table tbody tr:nth-child(2) td:first-child{box-shadow:inset 5px 0 0 var(--acero-osc);font-weight:700}
.resultados-auto table tbody tr:nth-child(3) td:first-child{box-shadow:inset 5px 0 0 #b0662e;font-weight:700}
.resultados-auto .wp-block-table{margin:0 0 1.4em}

@media (max-width:760px){
  .grid-carreras{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .cabecera-evento{flex-direction:column;align-items:flex-start;gap:16px}
  .resultados-auto{overflow-x:auto}
  .resultados-auto table{min-width:520px}
  .entrada{padding:22px 16px}
}

/* ==========================================================================
   v1.3.1 — Calendario más compacto + arreglo del top en móvil
   ========================================================================== */

/* Calendario: tarjetas más pequeñas */
.grid-carreras{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.carrera-logo{min-height:112px;padding:20px 16px 14px;border-bottom-width:3px}
.carrera-logo img{max-height:78px}
.placa-fecha{padding:6px 11px 5px;top:-8px;left:11px}
.placa-fecha b{font-size:1.35rem}
.placa-fecha span{font-size:.64rem}
.liston{font-size:.7rem;padding:3px 11px;top:11px}
.carrera-cuerpo{padding:13px 14px 16px;gap:4px}
.carrera-cuerpo h3{font-size:1.08rem}
.carrera-cuerpo .meta{font-size:.83rem}
.carrera-acciones{gap:8px;padding-top:11px}
.carrera-acciones .boton,.carrera-acciones .boton-borde{font-size:.82rem;padding:7px 15px;box-shadow:2px 2px 0 var(--negro)}
.carrera-acciones .boton-borde{box-shadow:2px 2px 0 var(--negro),inset 0 0 0 1px var(--acero-osc)}

/* Top en móvil: header compacto y cintillo en dos renglones ordenados */
@media (max-width:760px){
  .header-inner{min-height:60px}
  .marca img,.marca .custom-logo{max-height:42px}
  .marca-texto{font-size:1.15rem}

  .cintillo-inner{
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-areas:
      "etiqueta evento"
      "fecha countdown";
    gap:6px 12px;
    align-items:center;
    padding:8px 0 9px;
  }
  .cintillo-etiqueta{grid-area:etiqueta;font-size:.72rem;padding:3px 10px;white-space:nowrap}
  .cintillo-logo{display:none}
  .cintillo-evento{
    grid-area:evento;font-size:.95rem;line-height:1.15;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .cintillo-fecha{grid-area:fecha;font-size:.78rem;white-space:nowrap}
  .countdown{grid-area:countdown;gap:10px;justify-content:flex-end;width:auto;margin:0}
  .countdown > span{min-width:34px}
  .countdown b{font-size:1rem}
  .countdown small{font-size:.52rem;letter-spacing:.12em}

  /* Slider más contenido en pantallas chicas */
  .slide.activo{min-height:70vh}
  .slide-contenido{padding-top:48px;padding-bottom:98px}
  .slide-contenido h2{font-size:clamp(1.5rem,6.5vw,2rem)}
  .slide-extracto{font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  /* Calendario en 2 columnas compactas en el cel */
  .grid-carreras{grid-template-columns:repeat(2,1fr);gap:12px}
  .carrera-logo{min-height:88px}
  .carrera-logo img{max-height:60px}
  .carrera-cuerpo h3{font-size:.98rem}
  .carrera-acciones .boton,.carrera-acciones .boton-borde{font-size:.76rem;padding:6px 12px}
}
@media (max-width:400px){
  .cintillo-fecha{display:none}
}

/* ==========================================================================
   v1.4.0 — Slider compacto + panel de próxima carrera al lado
   ========================================================================== */
.portada-top{padding:26px 0 8px}
.portada-grid{display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:stretch}

/* Slider más chico, texto en caja sólida para no pelear con la foto */
.portada-grid .slider{min-height:0;border:1px solid var(--linea);box-shadow:0 4px 14px rgba(11,12,14,.12)}
.portada-grid .slide.activo{min-height:440px}
.portada-grid .slide{align-items:flex-end}
.portada-grid .slide::before{
  background:linear-gradient(180deg,rgba(11,12,14,0) 0%,rgba(11,12,14,0) 45%,rgba(11,12,14,.5) 100%);
}
.slide-caja{
  position:relative;margin:0 0 46px 22px;max-width:520px;
  background:rgba(11,12,14,.82);
  border-left:5px solid var(--rojo);
  padding:18px 22px 16px;
  backdrop-filter:blur(2px);
}
.slide-caja .cejilla{margin-bottom:8px;box-shadow:none;font-size:.75rem;padding:3px 12px}
.slide-caja h2{
  font-size:clamp(1.15rem,2.2vw,1.6rem);
  margin:0 0 8px;line-height:1.12;
}
.slide-caja h2 a{color:var(--blanco)}
.slide-caja h2 a:hover{color:#ffb3b6}
.slide-liga{
  font-family:var(--fuente-display);font-style:italic;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;font-size:.88rem;color:#ff5a60;
}
.slide-liga:hover{color:var(--blanco)}

/* Controles: flechas discretas + líneas de progreso (adiós cuadritos) */
.portada-grid .slider-controles{
  position:absolute;left:22px;bottom:14px;right:auto;z-index:5;
  display:flex;align-items:center;gap:12px;padding:0;
}
.portada-grid .slider-flecha{
  width:30px;height:30px;font-size:1.15rem;
  background:rgba(11,12,14,.6);color:var(--blanco);
  transform:none;box-shadow:none;border:1px solid rgba(255,255,255,.25);
}
.portada-grid .slider-flecha:hover{background:var(--rojo);color:var(--blanco);border-color:var(--rojo)}
.portada-grid .punto{
  width:32px;height:3px;transform:none;
  background:rgba(255,255,255,.35);
}
.portada-grid .punto:hover{background:rgba(255,255,255,.7)}
.portada-grid .punto.activo{background:var(--rojo)}

/* Panel de próxima carrera */
.panel-proxima{
  background:var(--blanco);border:1px solid var(--linea);
  box-shadow:0 4px 14px rgba(11,12,14,.12);
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:0 22px 24px;
}
.panel-cabecera{
  align-self:stretch;margin:0 -22px 18px;
  background:linear-gradient(180deg,#ff4a50 0%,var(--rojo) 45%,var(--rojo-osc) 100%);
  color:var(--blanco);
  font-family:var(--fuente-display);font-style:italic;font-weight:800;
  text-transform:uppercase;letter-spacing:.1em;font-size:1rem;
  padding:10px 0;
  border-bottom:4px solid var(--negro);
}
.panel-logo{
  display:flex;align-items:center;justify-content:center;
  background:var(--blanco);border:1px solid var(--linea);
  padding:10px;margin-bottom:14px;width:100%;
}
.panel-logo img{max-height:110px;width:auto;max-width:100%}
.panel-proxima h3{font-size:1.4rem;margin:0 0 4px}
.panel-proxima h3 a{color:var(--negro)}
.panel-proxima h3 a:hover{color:var(--rojo)}
.panel-fecha{font-size:.92rem;color:var(--gris);margin:0 0 16px}
.panel-proxima .countdown{
  margin:0 0 20px;gap:0;width:100%;justify-content:center;
}
.panel-proxima .countdown > span{
  min-width:0;flex:1;padding:10px 4px;
  border:1px solid var(--linea);border-left-width:0;
  background:var(--acero-claro);
  font-family:var(--fuente-display);font-style:italic;
}
.panel-proxima .countdown > span:first-child{border-left-width:1px}
.panel-proxima .countdown b{font-size:1.9rem;font-weight:800;color:var(--rojo);line-height:1}
.panel-proxima .countdown small{font-size:.6rem;letter-spacing:.16em;color:var(--gris);font-style:normal;margin-top:3px}
.panel-proxima .boton{align-self:stretch;text-align:center}

/* Logos de carrera en JPG (fondo blanco): contenedores blancos en todo el sitio */
.carrera-logo{background:var(--blanco)}
.cabecera-gp-logo{background:var(--blanco)}

@media (max-width:960px){
  .portada-grid{grid-template-columns:1fr}
  .portada-grid .slide.activo{min-height:340px}
}
@media (max-width:760px){
  .portada-top{padding:14px 0 4px}
  .portada-grid{gap:14px}
  .portada-grid .slide.activo{min-height:300px}
  .slide-caja{margin:0 0 44px 12px;max-width:calc(100% - 24px);padding:13px 16px 12px}
  .slide-caja h2{font-size:1.05rem}
  .portada-grid .slider-controles{left:12px;bottom:10px}
  .panel-proxima .countdown b{font-size:1.6rem}
}

/* ══════ v1.5.0 (reconstruido) — slide con filtro, logo grande, secciones oscuras ══════ */
.marca img,.marca .custom-logo{max-height:76px}
.header-inner{min-height:92px}
.portada-grid .slide::before{
  background:linear-gradient(180deg,rgba(11,12,14,.32) 0%,rgba(11,12,14,.38) 55%,rgba(11,12,14,.72) 100%);
}
.slide-texto{position:relative;padding:0 26px 52px;max-width:640px}
.slide-texto h2{font-size:clamp(1.3rem,2.6vw,1.9rem);margin:0 0 8px;line-height:1.1}
.slide-texto h2 a{color:inherit;background:inherit;-webkit-background-clip:inherit;background-clip:inherit}
.slide-texto .cejilla{margin-bottom:10px;font-size:.75rem;padding:3px 12px}
.seccion-noche{background:#0e0f13;color:#d7dade}
.seccion-noche h2,.seccion-noche h3{color:var(--blanco)}
.seccion-noche .ver-todo{color:#ff5a60}
.seccion-noche .ver-todo:hover{color:var(--blanco)}
.seccion-noche .nota-boletos{color:#9aa0a8}
.seccion-noche .card-boleto{border-color:transparent;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.seccion-noche .card-boleto.destacado{outline-color:var(--rojo)}
.tag-prox{color:#ff5a60;font-style:normal}

/* ══════ v1.6.0 (reconstruido) — día → noche ══════ */
.transicion-noche{height:72px;background:linear-gradient(180deg,var(--fondo) 0%,#3a3228 45%,var(--negro) 100%)}
.banda-mote{border-top:0;background:radial-gradient(ellipse at 50% 130%, #3d2814 0%, #0e0f13 70%);padding:56px 0 50px;text-align:center}
.banda-mote h2{font-size:clamp(1.6rem,3.4vw,2.6rem);margin:0;max-width:900px;margin-inline:auto}
.franja-pista{background:var(--negro);border-top:1px solid #262a31;border-bottom:0}
.franja-inner b{color:var(--rojo);text-shadow:none}
.franja-inner small{color:#9aa0a8}

/* ══════ v1.6.1 (reconstruido) — móvil: full-bleed, panel compacto, textura ══════ */
.portada-top{background:repeating-linear-gradient(100deg, rgba(11,12,14,.03) 0 2px, transparent 2px 28px),var(--fondo)}
@media (max-width:760px){
  .portada-top{padding:0 0 6px}
  .portada-grid{grid-template-columns:1fr;gap:0;margin:0 -20px}
  .portada-grid .slider{border:0;box-shadow:none}
  .portada-grid .slide.activo{min-height:350px}
  .slide-texto{padding:0 20px 54px}
  .panel-proxima{
    position:relative;z-index:5;margin:-32px 14px 0;
    display:grid;grid-template-columns:104px 1fr;gap:2px 14px;
    align-items:center;text-align:left;padding:0 16px 16px;
    box-shadow:0 14px 30px rgba(11,12,14,.28);
  }
  .panel-cabecera{grid-column:1/-1;margin:0 -16px 12px;font-size:.85rem;padding:8px 0;text-align:center}
  .panel-logo{grid-row:span 2;width:auto;margin:0;padding:6px;align-self:center}
  .panel-logo img{max-height:62px}
  .panel-proxima h3{font-size:1.15rem;margin:0;align-self:end}
  .panel-fecha{margin:0;font-size:.85rem;align-self:start}
  .panel-proxima .countdown{grid-column:1/-1;margin:13px 0 13px}
  .panel-proxima .boton{grid-column:1/-1}
}

/* ══════ v1.7.x (reconstruido) — campeonato, noticias compactas, panel fino, overflow ══════ */
.seccion-noche .tab-categoria{box-shadow:2px 2px 0 rgba(0,0,0,.6)}
.seccion-noche .resultados-auto table{background:#15171c;color:#d7dade}
.seccion-noche .resultados-auto table td{border-bottom-color:#262a31}
.seccion-noche .resultados-auto table tbody tr:nth-child(even) td{background:#1c1f25}
.seccion-noche .resultados-auto table tbody tr:hover td{background:#2a1416}
.seccion-campeonato .resultados-auto{overflow-x:auto}
.seccion-campeonato .resultados-auto table{min-width:520px}

.grid-noticias{gap:14px}
.card-nota{flex-direction:row;align-items:stretch}
.card-nota::before{width:44px;height:5px}
.card-nota .miniatura{aspect-ratio:auto;width:132px;flex-shrink:0}
.card-nota .miniatura img{height:100%;object-fit:cover}
.card-nota .cuerpo{padding:12px 15px;gap:3px;justify-content:center;min-width:0}
.card-nota h3{font-size:1rem;margin:0;line-height:1.2}
.card-nota .fecha{font-size:.72rem}
.card-nota .extracto{display:none}

.seccion-noticias{padding:30px 0 44px}
.cabecera-inline{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.cabecera-inline h2{font-size:1.3rem;margin:0;white-space:nowrap}
.linea-veloz{flex:1;height:4px;background:linear-gradient(90deg,var(--rojo) 0%,rgba(237,28,36,.25) 55%,transparent 100%);transform:skewX(var(--inclinacion))}
.cabecera-inline .ver-todo{white-space:nowrap}
.centrar-boton{text-align:center;margin:26px 0 0}

.panel-proxima{position:relative;padding:32px 22px 22px}
.panel-cabecera{
  position:absolute;top:-13px;left:16px;margin:0;width:auto;align-self:auto;
  font-size:.82rem;letter-spacing:.14em;padding:5px 18px;
  transform:skewX(var(--inclinacion));box-shadow:2px 2px 0 var(--negro);border-bottom:0;
}
.panel-logo{border:0;padding:0;margin-bottom:10px}
.panel-logo img{max-height:88px}
.panel-proxima h3{font-size:1.3rem}
.panel-fecha{margin-bottom:12px}
.panel-proxima .countdown{margin-bottom:16px}
.panel-proxima .countdown > span{background:none;border:0;border-left:1px solid var(--linea);padding:2px 10px}
.panel-proxima .countdown > span:first-child{border-left:0}
.panel-proxima .countdown b{font-size:2.1rem;color:var(--rojo)}
.panel-proxima .countdown small{color:var(--gris)}
.panel-proxima .boton{font-size:.92rem;padding:9px 22px;box-shadow:2px 2px 0 var(--negro)}
.slide-texto{padding:0 26px 34px}
.slide-texto .cejilla{margin-bottom:7px}
.slide-texto h2{margin-bottom:5px}
.portada-grid .slider-controles{left:auto;right:22px;bottom:12px}

html,body{overflow-x:hidden}
.portada-grid > *,.grid-noticias > *,.card-nota .cuerpo,.infoD{min-width:0}
.infoD h3,.card-nota h3,.slide-texto h2{overflow-wrap:break-word}

@media (max-width:760px){
  .seccion-cabecera{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:20px}
  .seccion-cabecera .ver-todo,.ver-todo{white-space:normal}
  .cabecera-inline{flex-wrap:wrap;gap:10px}
  .franja-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px;padding:30px 0}
  .franja-inner b{font-size:clamp(1.2rem,7vw,1.6rem)}
  .franja-inner small{font-size:.64rem;letter-spacing:.1em}
  .banda-mote h2{font-size:clamp(1.25rem,6vw,1.6rem);overflow-wrap:break-word}
  .cejilla{max-width:100%;white-space:normal;line-height:1.3}
  .panel-proxima{padding:26px 16px 16px;margin-top:-26px}
  .panel-proxima .countdown{margin:10px 0}
  .panel-proxima .countdown b{font-size:1.6rem}
  .slide-texto{padding:0 16px 40px}
  .portada-grid .slider-controles{right:12px;bottom:8px}
  .slide-texto h2.titulo-cromo,
  .slide-texto h2.titulo-cromo a{
    background:none;-webkit-background-clip:initial;background-clip:initial;
    color:var(--blanco);filter:none;
    text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8);
  }
}

/* ══════ v1.8.0 (reconstruido) — header con presencia (sin cuadritos) + calendario schedule ══════ */
.marca img,.marca .custom-logo{max-height:86px}
.header-inner{min-height:98px}
.boton-header{font-size:.95rem;padding:10px 24px;margin-left:6px;flex-shrink:0}

.listaD{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.filaD{
  display:grid;grid-template-columns:96px 136px 1fr auto;align-items:center;gap:0 22px;
  background:#15171c;border:1px solid #262a31;min-height:96px;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.filaD:hover{border-color:var(--rojo)}
.fechaD{
  align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  background:linear-gradient(180deg,#2a2d33 0%,#1c1f25 100%);
  border-right:1px solid #262a31;
  font-family:var(--fuente-display);font-style:italic;text-transform:uppercase;
  color:var(--blanco);padding:10px 6px;
}
.filaD.proxima .fechaD{background:linear-gradient(180deg,#ff4a50 0%,var(--rojo) 45%,var(--rojo-osc) 100%);border-right-color:var(--rojo-osc)}
.fechaD small{font-size:.66rem;font-weight:700;letter-spacing:.22em;opacity:.75}
.fechaD b{font-size:2.1rem;font-weight:800;line-height:1}
.fechaD span{font-size:.72rem;font-weight:700;letter-spacing:.2em;color:#ff8a8e}
.filaD.proxima .fechaD span{color:rgba(255,255,255,.85)}
.logoD{background:var(--blanco);width:136px;height:66px;display:flex;align-items:center;justify-content:center;padding:6px}
.logoD img{max-height:54px;max-width:90%;width:auto;object-fit:contain}
.logoD-vacio{background:#1c1f25}
.infoD h3{font-size:1.15rem;color:var(--blanco);margin:0 0 3px}
.infoD h3 a{color:var(--blanco)}
.infoD h3 a:hover{color:#ff5a60}
.infoD p{margin:0;font-size:.86rem;color:#9aa0a8}
.ctasD{display:flex;gap:12px;padding-right:20px}
.ctasD .boton,.ctasD .boton-borde{font-size:.84rem;padding:8px 18px;box-shadow:2px 2px 0 #000}
.ctasD .boton-borde{box-shadow:2px 2px 0 #000,inset 0 0 0 1px var(--acero-osc)}
.filaD.pasado{opacity:.55}
.filaD.pasado .fechaD{background:#1c1f25}
.filaD.proxima{border-color:var(--rojo);box-shadow:0 0 22px rgba(237,28,36,.28)}

@media (max-width:760px){
  .header-inner{min-height:74px}
  .marca img,.marca .custom-logo{max-height:60px}
  .boton-header{font-size:.76rem;padding:7px 14px;margin-left:auto;margin-right:10px}
  .boton-menu{margin-left:0}
  .filaD{grid-template-columns:60px 92px 1fr;grid-auto-rows:auto;row-gap:0;gap:0 12px;min-height:0;padding:0 12px 12px 0}
  .fechaD{grid-row:1 / 3;padding:8px 4px}
  .fechaD b{font-size:1.5rem}
  .fechaD small{font-size:.56rem}
  .fechaD span{font-size:.62rem}
  .logoD{width:92px;height:46px;padding:4px;margin-top:12px}
  .logoD img{max-height:38px}
  .infoD{margin-top:12px}
  .infoD h3{font-size:.98rem}
  .infoD p{font-size:.78rem}
  .ctasD{grid-column:2 / 4;padding:10px 0 0}
  .ctasD .boton,.ctasD .boton-borde{font-size:.76rem;padding:6px 14px}
}

/* ══════ v1.9.0 — barra negra superior (de la etapa F1) + patrocinadores ══════ */
.barra-top{background:var(--negro);color:#b9b9c0;font-size:.8rem}
.barra-top-inner{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:34px}
.barra-top a{color:#b9b9c0;font-family:var(--fuente-display);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}
.barra-top a:hover{color:var(--blanco)}
.barra-top .redes-mini{display:flex;gap:12px;margin-right:auto}
.barra-top .redes-mini a{display:inline-flex}
.barra-top svg{width:15px;height:15px;fill:currentColor}
@media (max-width:760px){.barra-top-inner{justify-content:space-between}}

.grid-patros{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.patro{
  background:var(--blanco);display:flex;align-items:center;justify-content:center;
  min-height:86px;padding:14px 18px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:transform .15s ease,box-shadow .15s ease;
}
.patro img{max-height:56px;max-width:100%;width:auto;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .15s ease,opacity .15s ease}
a.patro:hover{transform:translateY(-3px)}
a.patro:hover img,.patro:hover img{filter:none;opacity:1}
@media (max-width:760px){
  .grid-patros{grid-template-columns:repeat(2,1fr);gap:10px}
  .patro{min-height:70px}
  .patro img{max-height:44px}
}

/* Podio (solo página completa de campeonato, clase con-podio) */
.podio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:4px 0 20px}
.podio-card{background:var(--blanco);border:1px solid #e3e5e9;padding:16px 18px;position:relative}
.podio-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#9aa2ae}
.podio-card.p1::before{background:#d4a017}
.podio-card.p3::before{background:#b0662e}
.podio-pos{font-family:var(--fuente-display);font-style:italic;font-size:2.2rem;font-weight:800;line-height:1}
.podio-pos small{font-size:1rem;vertical-align:super}
.podio-nombre{font-family:var(--fuente-display);font-style:italic;font-weight:700;text-transform:uppercase;font-size:1.02rem;margin:4px 0 1px;line-height:1.2}
.podio-num{font-size:.82rem;color:var(--gris);font-weight:600}
.podio-pts{margin-top:8px;display:inline-block;background:#f1f2f4;padding:3px 12px;font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:1.05rem}
.podio-pts small{font-weight:600;font-size:.66rem;color:var(--gris);letter-spacing:.12em;margin-left:4px}
@media (max-width:960px){.podio{grid-template-columns:1fr}}

/* ══════ v1.9.2 — Retorno a v14: calendario Opción C y header sencillo ══════ */
.gridC{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.cardC{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:18px;
  background:#15171c;border:1px solid #262a31;
  padding:18px 20px;
  transition:transform .15s ease,border-color .15s ease;
}
.cardC::after{
  content:"";position:absolute;right:-46px;top:-30%;bottom:-30%;width:120px;
  background:linear-gradient(180deg,var(--rojo),var(--rojo-osc));
  transform:skewX(-14deg);opacity:.92;
}
.cardC:hover{transform:translateY(-3px);border-color:var(--rojo)}
.logoC{background:var(--blanco);padding:8px;display:flex;align-items:center;justify-content:center;z-index:1;min-height:64px}
.logoC img{max-height:56px;width:auto;max-width:100%}
.logoC-vacio{background:#1c1f25}
.infoC{z-index:1;min-width:0}
.infoC h3{font-size:1.15rem;color:var(--blanco);margin:0 0 3px}
.infoC h3 a{color:var(--blanco)}
.infoC h3 a:hover{color:#ff5a60}
.infoC p{margin:0 0 6px;font-size:.85rem;color:#9aa0a8}
.ctaC{
  display:inline-block;margin-right:14px;
  font-family:var(--fuente-display);font-style:italic;font-weight:700;
  font-size:.85rem;text-transform:uppercase;color:#ff5a60;
}
.ctaC:hover{color:var(--blanco)}
.fechaC{
  position:relative;z-index:1;text-align:center;padding-right:6px;
  font-family:var(--fuente-display);font-style:italic;text-transform:uppercase;color:var(--blanco);
}
.fechaC b{display:block;font-size:2.4rem;font-weight:800;line-height:1}
.fechaC span{font-size:.78rem;font-weight:700;letter-spacing:.18em}
.cardC.pasado{opacity:.55}
.cardC.pasado::after{background:linear-gradient(180deg,#3a3e46,#23262d)}
.cardC.proxima{border-color:var(--rojo);box-shadow:0 0 22px rgba(237,28,36,.3)}

/* Header a como estaba en v14 */
.marca img,.marca .custom-logo{max-height:76px}
.header-inner{min-height:92px}
.boton-header{display:none}

@media (max-width:960px){
  .gridC{grid-template-columns:1fr}
}
@media (max-width:760px){
  .marca img,.marca .custom-logo{max-height:54px}
  .header-inner{min-height:64px}
  .cardC{grid-template-columns:84px 1fr;padding:14px 16px;gap:12px}
  .cardC::after{display:none}
  .fechaC{position:absolute;top:10px;right:12px;padding:0}
  .fechaC b{font-size:1.5rem}
  /* fix de encimado que reportaste después del v14 (lo conservo) */
  .cardC .infoC{padding-right:60px}
  .logoC{min-height:52px}
  .logoC img{max-height:44px}
}

/* ══════ v1.9.3 — Header de la v22 sobre el cuerpo v14 ══════ */
.marca img,.marca .custom-logo{max-height:86px}
.header-inner{min-height:98px}
.boton-header{display:inline-block;font-size:.95rem;padding:10px 24px;margin-left:6px;flex-shrink:0}
@media (max-width:760px){
  .marca img,.marca .custom-logo{max-height:60px}
  .header-inner{min-height:74px}
  .boton-header{font-size:.76rem;padding:7px 14px;margin-left:auto;margin-right:10px}
  .boton-menu{margin-left:0}
}

/* ══════ v1.9.4 — Campeonato en home: solo top 5 por categoría ══════ */
.solo-top5 .resultados-auto table tbody tr:nth-child(n+6){display:none}

/* ══════ v1.9.5 — Panel de próxima carrera con precios integrados (Opción D) ══════ */
.panel-logo img{max-height:96px}
.mini-precios{width:100%;margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mini-precio{background:#f1f2f4;padding:8px 6px;text-align:center}
.mini-precio b{display:block;font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:1.2rem;color:var(--rojo);line-height:1.1}
.mini-precio small{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.mini-precios .nota{grid-column:1/-1;text-align:center;font-size:.7rem;color:var(--gris)}
@media (max-width:760px){
  .panel-proxima .mini-precios{grid-column:1/-1;margin-top:12px}
  .mini-precio b{font-size:1.05rem}
}

/* ══════ v1.9.6 — Fix: el panel con precios estiraba el slider ══════ */
/* Panel más compacto: precios en una sola fila y elementos más apretados */
.mini-precios{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}
.mini-precio{padding:7px 4px}
.mini-precio b{font-size:1.02rem}
.mini-precio small{font-size:.56rem;letter-spacing:.06em}
.panel-logo img{max-height:84px}
.panel-proxima h3{font-size:1.22rem}
.panel-proxima .countdown{margin-bottom:13px}
.panel-proxima .countdown b{font-size:1.9rem}
.panel-cabecera{font-size:.8rem}

/* El slider manda su propia altura; el panel se centra si queda más corto */
.portada-grid{align-items:stretch}
.portada-grid .slide.activo{min-height:470px;height:100%}
.panel-proxima{justify-content:center}

@media (max-width:760px){
  .panel-proxima .mini-precios{grid-template-columns:repeat(4,1fr)}
  .mini-precio b{font-size:.95rem}
}

/* ══════ v1.9.7 — Estados del panel: hoy / carrera corrida ══════ */
.estado-hoy .panel-cabecera{background:linear-gradient(100deg,#ff4a50,var(--rojo-osc));animation:latido 1.6s ease-in-out infinite}
@keyframes latido{0%,100%{transform:skewX(var(--inclinacion)) scale(1)}50%{transform:skewX(var(--inclinacion)) scale(1.06)}}
.panel-hoy{text-align:center;margin:6px 0 14px}
.panel-hoy b{display:block;font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:2.5rem;color:var(--rojo);line-height:1.05}
.panel-hoy small{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;color:var(--gris)}
.estado-corrida .panel-cabecera{background:#3a3e46;box-shadow:2px 2px 0 #1c1f25}
.estado-corrida .panel-logo img{filter:grayscale(.35);opacity:.92}
.estado-corrida .panel-fecha{margin-bottom:16px}
@media (prefers-reduced-motion:reduce){.estado-hoy .panel-cabecera{animation:none}}

/* ══════ v1.9.8 — Zona del slider: fondo limpio con viñeta (Textura 1) ══════ */
.portada-top{background:radial-gradient(ellipse at 50% 0%, #f8fafb 0%, #e9ecef 55%, #dde1e6 100%)}

/* ══════ v1.9.9 — Patrocinadores: franja global en el footer (Opción B) ══════ */
.patros-footer{border-bottom:1px solid #262a31;padding:22px 0}
.patros-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 26px}
.patros-footer small{width:100%;text-align:center;font-family:var(--fuente-display);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.62rem;color:#6b7078;margin-bottom:4px}
.patro-mini{display:inline-flex;align-items:center;background:var(--blanco);padding:7px 14px;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
.patro-mini img{max-height:26px;width:auto;filter:grayscale(1);opacity:.85;transition:filter .15s ease,opacity .15s ease}
.patro-mini:hover img{filter:none;opacity:1}
@media (max-width:760px){
  .patros-footer-inner{gap:8px 14px}
  .patro-mini{padding:6px 10px}
  .patro-mini img{max-height:20px}
}

/* ══════ v1.9.10 — Footer sin franja de cuadros; filo rojo limpio ══════ */
.sitio-footer .cuadros{display:none}
.sitio-footer{border-top:4px solid var(--rojo)}
.patros-footer{padding-top:26px}

/* ══════ v1.10.0 — Slide de video en el slider ══════ */
.slide-video{position:relative;background:#0b0c0e}
.slide-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide-video::before{z-index:1}
.slide-video .slide-texto{z-index:2}
@media (prefers-reduced-motion:reduce){.slide-video video{display:none}}

/* ══════ v1.10.1 — Video de fondo de TODA la zona del slider (corrige v1.10.0) ══════ */
.slide-video{display:none} /* enfoque anterior, retirado */
.portada-top.con-video{position:relative;overflow:hidden}
.portada-fondo{position:absolute;inset:0}
.portada-fondo video{width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(.85)}
.portada-top.con-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,14,.15) 0%,rgba(11,12,14,.5) 100%)}
.portada-top.con-video .portada-grid{position:relative;z-index:1}
.portada-top.con-video .portada-grid .slider{border-color:rgba(255,255,255,.14);box-shadow:0 14px 40px rgba(0,0,0,.6)}
.portada-top.con-video .panel-proxima{background:rgba(255,255,255,.97);border:0;box-shadow:0 14px 40px rgba(0,0,0,.6)}
@media (prefers-reduced-motion:reduce){.portada-fondo video{display:none}.portada-fondo{background:#0b0c0e}}

/* ══════ v1.10.2 — Video de fondo en la banda del mote (sale de la zona del slider) ══════ */
.portada-top.con-video::after{display:none}
.banda-mote.con-video{position:relative;overflow:hidden;padding:78px 0 72px}
.mote-fondo{position:absolute;inset:0}
.mote-fondo video{width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(.85)}
.banda-mote.con-video::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%, rgba(61,40,20,.55) 0%, rgba(11,12,14,.55) 70%)}
.banda-mote.con-video .contenedor{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.mote-fondo video{display:none}}

/* ══════ v1.10.3 — Menos aire entre "Lo último del óvalo" y el calendario ══════ */
.seccion-noticias{padding:26px 0 24px}
.transicion-noche{height:46px}
.transicion-noche + .seccion{padding-top:34px}

/* ══════ v1.11.0 — Tienda (WooCommerce) ══════ */
/* Sección en portada */
.grid-productos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card-producto{background:var(--blanco);display:flex;flex-direction:column;overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
  transition:transform .15s ease,box-shadow .15s ease}
.card-producto:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.45)}
.producto-foto{aspect-ratio:1/1;background:#f1f2f4;display:flex;align-items:center;justify-content:center;overflow:hidden}
.producto-foto img{width:100%;height:100%;object-fit:cover}
.producto-info{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}
.producto-info b{font-family:var(--fuente-display);font-style:italic;font-weight:700;text-transform:uppercase;font-size:.95rem;color:var(--texto);line-height:1.2}
.producto-precio{font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:1.2rem;color:var(--rojo)}
.producto-precio del{color:var(--gris);font-weight:600;font-size:.85rem;margin-right:6px}
@media (max-width:960px){.grid-productos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.grid-productos{gap:10px}}

/* Páginas WooCommerce dentro del diseño */
.tienda-aquiles .woocommerce-breadcrumb{font-size:.82rem;color:var(--gris);margin-bottom:18px}
.tienda-aquiles ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none}
.tienda-aquiles ul.products::before,.tienda-aquiles ul.products::after{display:none}
.tienda-aquiles ul.products li.product{width:auto!important;margin:0!important;background:var(--blanco);border:1px solid #e3e5e9;padding:0 0 14px;text-align:center;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.tienda-aquiles ul.products li.product img{width:100%;height:auto;margin:0 0 10px}
.tienda-aquiles ul.products li.product .woocommerce-loop-product__title{font-family:var(--fuente-display);font-style:italic;font-weight:700;text-transform:uppercase;font-size:.98rem;padding:0 12px}
.tienda-aquiles ul.products li.product .price{display:block;font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:1.15rem;color:var(--rojo);margin:6px 0 10px}
.tienda-aquiles .onsale{position:absolute;background:var(--rojo);color:#fff;font-family:var(--fuente-display);font-style:italic;font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;padding:5px 14px;transform:skewX(var(--inclinacion));margin:10px;z-index:2;border-radius:0;min-width:0;min-height:0;line-height:1.4}
.tienda-aquiles .button,.tienda-aquiles button.button,.tienda-aquiles .single_add_to_cart_button{
  background:var(--rojo)!important;color:#fff!important;border:0!important;border-radius:0!important;
  font-family:var(--fuente-display)!important;font-style:italic!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.05em!important;padding:11px 24px!important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.tienda-aquiles .button:hover{background:var(--rojo-osc)!important}
.tienda-aquiles .price ins{text-decoration:none}
.tienda-aquiles .woocommerce-message,.tienda-aquiles .woocommerce-info{border-top-color:var(--rojo)}
.tienda-aquiles table.shop_table{border:1px solid #e3e5e9;border-radius:0}
.tienda-aquiles table.shop_table th{font-family:var(--fuente-display);font-style:italic;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em}
.tienda-aquiles .product .product_title{font-size:clamp(1.5rem,3vw,2.1rem)}
.tienda-aquiles .product p.price{font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:1.6rem;color:var(--rojo)}
@media (max-width:960px){.tienda-aquiles ul.products{grid-template-columns:repeat(2,1fr)}}

/* ══════ v1.11.1 — Contorno oscuro en los títulos del slide (legibilidad) ══════ */
.slide-texto h2.titulo-cromo,
.slide-texto h2.titulo-cromo a{
  -webkit-text-stroke:1.4px rgba(11,12,14,.92);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(0,0,0,.35));
}
.slide-texto .cejilla{box-shadow:2px 2px 0 rgba(0,0,0,.55)}
.slide-liga{text-shadow:0 1px 4px rgba(0,0,0,.8)}
@media (max-width:760px){
  .slide-texto h2.titulo-cromo,
  .slide-texto h2.titulo-cromo a{
    -webkit-text-stroke:1.1px rgba(11,12,14,.95);
    text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8);
  }
}

/* Newsletter */
.banda-newsletter{background:linear-gradient(100deg,#15171c 0%,#1c1f25 55%,#3a1013 130%);border-top:1px solid #262a31;padding:44px 0}
.newsletter-inner{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}
.newsletter-texto h2{color:var(--blanco);margin:0 0 4px}
.newsletter-texto p{margin:0;color:#9aa0a8;font-size:.95rem}
.banda-newsletter .cejilla{background:var(--rojo)}
.newsletter-form{display:flex;gap:10px;flex-wrap:wrap}
.newsletter-form input[type="email"]{
  min-width:300px;padding:12px 16px;border:1px solid #3a3e46;background:#0e0f13;color:var(--blanco);
  font-family:var(--fuente-texto);font-size:.95rem;
}
.newsletter-form input[type="email"]::placeholder{color:#6b7078}
.newsletter-form input[type="email"]:focus{outline:2px solid var(--rojo);outline-offset:0;border-color:var(--rojo)}
@media (max-width:860px){
  .newsletter-inner{grid-template-columns:1fr}
  .newsletter-form input[type="email"]{min-width:0;flex:1}
}

/* ══════ v1.11.2 — Sección de Instagram en portada ══════ */
.feed-instagram{--ig-gap:10px}
.feed-instagram img{display:block}
/* rejilla de respaldo si el plugin entrega imágenes sueltas */
.feed-instagram .ig-demo{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ig-gap)}
.feed-instagram .ig-demo a{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.feed-instagram .ig-demo img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.feed-instagram .ig-demo a:hover img{transform:scale(1.06)}
/* armonizar el plugin (Smash Balloon usa #sb_instagram) */
.seccion-instagram #sb_instagram{padding:0!important}
@media (max-width:760px){.feed-instagram .ig-demo{grid-template-columns:repeat(2,1fr)}}

/* ══════ v1.11.4 — Contorno rojo + halo negro en títulos del slide (Contorno 2) ══════ */
.slide-texto h2.titulo-cromo,
.slide-texto h2.titulo-cromo a{
  -webkit-text-stroke:1.4px #ed1c24;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.8)) drop-shadow(0 0 12px rgba(0,0,0,.55));
}
@media (max-width:760px){
  .slide-texto h2.titulo-cromo,
  .slide-texto h2.titulo-cromo a{
    -webkit-text-stroke:1.1px #ed1c24;
    text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.85);
  }
}

/* ══════ v1.11.5 — Fix: cabeceras de páginas internas (títulos en blanco) ══════ */
.cabecera-pagina{
  background:linear-gradient(100deg,#0b0c0e 0%,#1c1f25 62%,#7d1116 135%);
  color:var(--blanco);padding:44px 0 36px;
}
.cabecera-pagina h1{color:var(--blanco);margin:0;font-size:clamp(1.7rem,4vw,2.6rem)}
.cabecera-pagina .cejilla{background:var(--rojo);margin-bottom:10px}
.cabecera-pagina a{color:var(--blanco)}
.cabecera-evento{display:flex;align-items:center;gap:26px}
.cabecera-gp-logo{background:var(--blanco);padding:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.cabecera-gp-logo img{max-height:88px;width:auto;display:block}
@media (max-width:760px){
  .cabecera-pagina{padding:30px 0 26px}
  .cabecera-evento{flex-direction:column;align-items:flex-start;gap:14px}
  .cabecera-gp-logo img{max-height:64px}
}

/* ══════ v1.11.6 — Cabeceras internas: oscura con línea veloz (Cabecera 5) ══════ */
.cabecera-pagina{background:#0b0c0e;padding:46px 0 34px}
.cabecera-pagina h1{display:flex;align-items:center;gap:20px}
.cabecera-pagina h1::after{content:"";flex:1;height:5px;
  background:linear-gradient(90deg,var(--rojo) 0%,rgba(237,28,36,.25) 55%,transparent 100%);
  transform:skewX(var(--inclinacion))}
.cabecera-evento h1::after{min-width:60px}
@media (max-width:760px){
  .cabecera-pagina{padding:30px 0 24px}
  .cabecera-pagina h1{gap:12px}
  .cabecera-pagina h1::after{height:4px}
}

/* ══════ v1.11.7 — Nota individual: estilo magazine (C) + lateral "Más del óvalo" (D) ══════ */
.layout-nota{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:start}
.entrada-magazine{max-width:none;padding:0 0 34px;overflow:hidden}
.imagen-sangrada{position:relative;margin:0 0 26px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),0 100%)}
.imagen-sangrada img{width:100%;display:block;margin:0;border-radius:0}
.imagen-sangrada .cejilla{position:absolute;left:22px;bottom:34px;margin:0}
.entrada-magazine .cuerpo-int{padding:0 40px}
.entrada-magazine blockquote{
  font-family:var(--fuente-display);font-style:italic;font-weight:800;text-transform:uppercase;
  font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.2;color:var(--rojo);
  border:0;border-top:4px solid var(--negro);border-bottom:4px solid var(--negro);
  padding:18px 4px;margin:1.6em 0}
.entrada-magazine blockquote p{margin:0}
.lateral-nota .cejilla{margin-bottom:12px}
.card-mini{display:flex;gap:12px;background:var(--blanco);border:1px solid #e3e5e9;margin-bottom:10px;overflow:hidden}
.card-mini img{width:92px;height:72px;object-fit:cover;flex-shrink:0;margin:0;border-radius:0}
.card-mini div{padding:8px 12px 8px 0;min-width:0}
.card-mini b{font-family:var(--fuente-display);font-style:italic;font-weight:700;text-transform:uppercase;font-size:.82rem;line-height:1.2;display:block;color:var(--texto)}
.card-mini:hover b{color:var(--rojo)}
.card-mini small{color:var(--rojo-osc);font-weight:700;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
@media (max-width:900px){
  .layout-nota{grid-template-columns:1fr}
  .entrada-magazine .cuerpo-int{padding:0 18px}
  .imagen-sangrada .cejilla{left:14px;bottom:26px}
}

/* ══════ v1.12.0 — Páginas Boletos, La pista y Contacto ══════ */
.pagina-noche{background:#0e0f13;color:#d7dade}
.pagina-noche h2{color:var(--blanco)}
.pagina-noche .nota-boletos{color:#9aa0a8}
.pagina-noche .card-boleto{border-color:transparent;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.texto-noche{max-width:760px}
.texto-noche a{color:#ff5a60}
.texto-noche h2,.texto-noche h3{margin-top:1.3em}
.dato-linea{font-size:1.05rem;color:#d7dade;margin:6px 0 18px}
.bloque-ubicacion{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center}
.marco-mapa{background:#15171c;border:1px solid #262a31;padding:8px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.marco-mapa iframe{width:100%;height:320px;border:0;display:block;filter:grayscale(.25) contrast(1.05)}
.marco-mapa-ancho{margin-top:30px}
.marco-mapa-ancho iframe{height:380px}
.hero-pista{position:relative;min-height:380px;display:flex;align-items:flex-end;overflow:hidden;background:#0b0c0e}
.hero-pista video,.hero-pista > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-pista-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,14,.2) 0%,rgba(11,12,14,.8) 100%)}
.hero-pista h2{position:relative;z-index:1;width:100%;padding-bottom:34px;font-size:clamp(1.5rem,3.4vw,2.4rem)}
.grid-contacto{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card-contacto{display:flex;flex-direction:column;gap:4px;background:#15171c;border:1px solid #262a31;padding:20px 22px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
  transition:border-color .15s ease,transform .15s ease}
a.card-contacto:hover{border-color:var(--rojo);transform:translateY(-3px)}
.card-contacto b{font-family:var(--fuente-display);font-style:italic;font-weight:800;text-transform:uppercase;color:var(--blanco);font-size:1.05rem}
.card-contacto span{color:#ff5a60;font-weight:600;word-break:break-word}
.card-contacto small{color:#9aa0a8;font-size:.8rem}
/* Formularios (Contact Form 7 u otros) en páginas oscuras */
.pagina-noche input[type=text],.pagina-noche input[type=email],.pagina-noche input[type=tel],.pagina-noche textarea{
  width:100%;padding:12px 14px;border:1px solid #3a3e46;background:#0e0f13;color:var(--blanco);
  font-family:var(--fuente-texto);font-size:.95rem;box-sizing:border-box;margin-bottom:12px}
.pagina-noche input:focus,.pagina-noche textarea:focus{outline:2px solid var(--rojo);border-color:var(--rojo)}
.pagina-noche input[type=submit],.pagina-noche button[type=submit]{
  background:var(--rojo);color:#fff;border:0;padding:12px 28px;cursor:pointer;
  font-family:var(--fuente-display);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
@media (max-width:860px){
  .bloque-ubicacion{grid-template-columns:1fr}
  .grid-contacto{grid-template-columns:1fr}
  .hero-pista{min-height:260px}
  .marco-mapa iframe{height:240px}
}

/* ══════ v1.12.1 — Página 404 con carácter ══════ */
.pagina-404{background:radial-gradient(ellipse at 50% -30%, #2a2d33 0%, #0b0c0e 65%);padding:70px 0 90px;text-align:center;color:#c9ccd2}
.numero-404{font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:clamp(6rem,18vw,11rem);line-height:1;transform:skewX(var(--inclinacion))}
.pagina-404 .cejilla{background:var(--rojo)}
.pagina-404 h1{color:var(--blanco);margin:6px 0 8px}
.pagina-404 p{margin:0 0 6px}
.botones-404{margin-top:22px!important;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.pagina-404 .boton-borde{background:transparent;color:var(--blanco);box-shadow:inset 0 0 0 2px #4a4a52}
.pagina-404 .boton-borde:hover{color:#ff5a60;box-shadow:inset 0 0 0 2px var(--rojo)}

/* ══════ v1.12.2 — Menos aire entre "Próximas fechas" y "Boletos" ══════ */
.transicion-noche + .seccion{padding-bottom:26px}

/* ══════ v1.13.0 — Banda de newsletter compatible con MailPoet (shortcode) ══════ */
.newsletter-shortcode{display:block;min-width:340px}
.newsletter-shortcode .mailpoet_form{margin:0;padding:0!important;background:transparent!important}
.newsletter-shortcode .mailpoet_paragraph{margin:0 0 10px}
.newsletter-shortcode input[type=text],
.newsletter-shortcode input[type=email]{
  width:100%;min-width:280px;padding:12px 16px;border:1px solid #3a3e46;background:#0e0f13;color:var(--blanco);
  font-family:var(--fuente-texto);font-size:.95rem;box-sizing:border-box}
.newsletter-shortcode input[type=email]::placeholder{color:#6b7078}
.newsletter-shortcode input[type=email]:focus,
.newsletter-shortcode input[type=text]:focus{outline:2px solid var(--rojo);border-color:var(--rojo)}
.newsletter-shortcode .mailpoet_submit,
.newsletter-shortcode input[type=submit]{
  background:var(--rojo);color:#fff;border:0;padding:12px 26px;cursor:pointer;width:auto;
  font-family:var(--fuente-display);font-style:italic;font-weight:700;font-size:.95rem;
  text-transform:uppercase;letter-spacing:.06em;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.newsletter-shortcode .mailpoet_submit:hover{background:var(--rojo-osc)}
.newsletter-shortcode label{font-size:.8rem;color:#9aa0a8;font-weight:600}
.newsletter-shortcode .mailpoet_validate_success{color:#7ce08f}
.newsletter-shortcode .mailpoet_validate_error{color:#ff8a8e}
@media (max-width:860px){.newsletter-shortcode{min-width:0;width:100%}}

/* ══════ v1.13.2 — Sede opcional en eventos (visitas fuera del óvalo) ══════ */
.sedeC{color:#ffb3b6;font-weight:600;white-space:nowrap}
.cardC.pasado .sedeC{color:#8a8f97}
.panel-sede{margin:2px 0 0;font-weight:700;color:var(--rojo-osc);font-size:.95rem}

/* ══════ v1.13.4 — Ajustes de espaciado del home + franja roja de fechas de 2 dígitos ══════ */
/* 1-2) Menos aire entre el degradado día→noche y "Temporada 2026 / Calendario completo →" */
.transicion-noche + .seccion{padding-top:14px}
/* 4) Menos aire entre Boletos y el campeonato */
.seccion-boletos{padding-bottom:30px}
.seccion-boletos + .seccion{padding-top:18px}
/* 3) La franja roja diagonal ahora crece con números de 2 dígitos (ej. 29) */
.cardC::after{right:-40px;width:auto;left:calc(100% - 118px)}
.fechaC{min-width:64px;padding-right:10px}

/* ══════ v1.13.5 — "Calendario completo →" alineado con el título, sin aire muerto ══════ */
.seccion-cabecera{margin-bottom:24px}
.seccion-cabecera h2{margin-bottom:0}
.seccion-cabecera .ver-todo{padding-bottom:6px}

/* ══════ v1.13.6 — Los títulos largos ya no se meten bajo la franja roja ══════ */
.cardC{grid-template-columns:110px minmax(0,1fr) 92px}
.cardC::after{left:calc(100% - 118px);right:-40px;width:auto}
.fechaC{min-width:0;padding-right:0}
.infoC{min-width:0;padding-right:14px}

/* ══════ v1.14.0 — Sección Resultados: hero de última carrera + ganadores (Opción C) ══════ */
.hero-resultado{display:grid;grid-template-columns:240px 1fr auto;gap:30px;align-items:center;
  background:linear-gradient(100deg,#15171c 0%,#1c1f25 60%,#4a0e12 130%);border:1px solid #262a31;
  padding:30px 34px;margin-bottom:16px;position:relative;overflow:hidden}
.hero-resultado::before{content:"";position:absolute;right:-60px;top:-40%;bottom:-40%;width:190px;
  background:linear-gradient(180deg,var(--rojo),var(--rojo-osc));transform:skewX(var(--inclinacion));opacity:.16}
.hero-logo{background:var(--blanco);padding:16px;display:flex;align-items:center;justify-content:center}
.hero-logo img{max-height:120px;width:auto;max-width:100%}
.hero-info .cejilla{margin-bottom:8px}
.hero-info h2{margin:0 0 4px;font-size:clamp(1.4rem,3vw,2.1rem);color:var(--blanco)}
.hero-info h2 a{color:var(--blanco)}
.hero-info h2 a:hover{color:#ff5a60}
.hero-info > p{margin:0;color:#9aa0a8;font-weight:600}
.hero-cta{position:relative;z-index:1}
.titulo-ganadores{font-family:var(--fuente-display);font-style:italic;font-weight:800;text-transform:uppercase;
  color:var(--blanco);font-size:.95rem;letter-spacing:.08em;margin:18px 0 8px!important}
.grid-ganadores{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0 0 4px}
.chip-ganador{background:#0e0f13;border:1px solid #262a31;border-left:4px solid #d4af37;padding:10px 14px}
.chip-ganador small{display:block;color:#9aa0a8;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.chip-ganador b{font-family:var(--fuente-display);font-style:italic;font-weight:800;text-transform:uppercase;color:var(--blanco);font-size:.95rem}
.chip-ganador span{color:#ff5a60;font-weight:700;font-size:.8rem}
.mes-sep{font-family:var(--fuente-display);font-style:italic;font-weight:800;text-transform:uppercase;
  color:#6b7078;font-size:.9rem;letter-spacing:.12em;margin:26px 0 10px;display:flex;align-items:center;gap:14px}
.mes-sep::after{content:"";flex:1;height:1px;background:#262a31}
@media (max-width:860px){
  .hero-resultado{grid-template-columns:1fr;text-align:left;padding:22px 20px}
  .hero-logo{max-width:200px}
  .grid-ganadores{grid-template-columns:1fr 1fr}
}

/* ══════ v1.14.2 — Etiqueta "Fecha N" en todos los rubros de eventos ══════ */
.numF{display:inline-block;font-family:var(--fuente-display);font-style:italic;font-weight:800;
  text-transform:uppercase;font-size:.68rem;letter-spacing:.14em;color:#ff5a60;
  border:1px solid rgba(237,28,36,.5);padding:2px 9px;margin-bottom:5px;
  transform:skewX(var(--inclinacion))}
.cardC.pasado .numF{color:#8a8f97;border-color:#3a3e46}
.numF-inline{color:var(--rojo-osc);font-weight:800;text-transform:uppercase;font-style:italic}

/* ══════ v1.14.3 — Chip "Fecha N" unificado en panel, hero y cabeceras ══════ */
.numF-panel{margin:10px auto 0;display:table}
.numF-hero{margin-left:10px;vertical-align:middle}
.numF-cabecera{margin-left:10px;vertical-align:middle;border-color:rgba(255,90,96,.6)}

/* ══════ v1.14.4 — Fixes móviles: tarjetas aplastadas y panel sin logo ══════ */
@media (max-width:760px){
  /* Tarjetas: el carril de escritorio (v1.13.6) pisaba la regla móvil; restaurada */
  .cardC{grid-template-columns:84px minmax(0,1fr);padding:14px 16px;gap:12px}
  .cardC .infoC{padding-right:56px}
  .numF{font-size:.6rem;padding:2px 7px;letter-spacing:.1em}

  /* Panel: el chip a su propia fila, centrado */
  .numF-panel{grid-column:1/-1;justify-self:center;margin:0 0 4px}
  /* Sin logo: título y fecha ocupan todo el ancho (no la columna del logo) */
  .panel-proxima.sin-logo h3,
  .panel-proxima.sin-logo .panel-fecha{grid-column:1/-1;text-align:center;align-self:auto}

  /* Slider: la acción de las fotos nocturnas suele estar abajo */
  .portada-grid .slide.activo{background-position:center 72%}
}

/* ══════ v1.14.5 — Botón de boletos en el header (faltaba en el HTML) + controles del slider en móvil ══════ */
.header-inner .boton-header{display:inline-block}
@media (max-width:760px){
  .header-inner{flex-wrap:nowrap}
  .boton-header{order:2;margin-left:auto;margin-right:12px;font-size:.72rem;padding:8px 12px;white-space:nowrap}
  .boton-menu{order:3}

  /* Controles del slider: arriba a la derecha (abajo los tapaba el panel) */
  .portada-grid .slider-controles{top:12px;right:12px;bottom:auto;left:auto;
    background:rgba(11,12,14,.45);padding:6px 10px;backdrop-filter:blur(2px)}
}

/* ══════ v1.15.0 — Carreras canceladas: etiqueta, tachado y exclusiones ══════ */
.tag-cancelada{color:#fff;background:#4a4e55;padding:2px 9px;font-style:italic;font-weight:800;
  text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;transform:skewX(var(--inclinacion));display:inline-block}
.cardC.cancelada .infoC h3 a{text-decoration:line-through;text-decoration-color:rgba(237,28,36,.75);text-decoration-thickness:2px;color:#8a8f97}
.cardC.cancelada .fechaC b,.cardC.cancelada .fechaC span{opacity:.45}
.cardC.cancelada::after{background:linear-gradient(180deg,#3a3e46,#2a2d33)}

/* v1.15.2 — canceladas conservan su chip de fecha (numeración oficial) */
.cardC.cancelada .infoC p{color:#8a8f97}

/* ══════ v1.15.3 — Cancelada llamativa en la página del evento + menú depurado ══════ */
.cejilla-cancelada{display:inline-block;background:var(--rojo);color:#fff;
  font-family:var(--fuente-display);font-style:italic;font-weight:800;text-transform:uppercase;
  letter-spacing:.1em;font-size:.85rem;padding:6px 16px;margin-bottom:10px;transform:skewX(var(--inclinacion))}
.cabecera-pagina h1.sin-linea::after{display:none}
.single-evento-cancelado h1{text-decoration:line-through;text-decoration-color:rgba(237,28,36,.85);text-decoration-thickness:3px}
@media (max-width:760px){.banda-cancelada{font-size:.85rem;padding:8px 14px}}
.cabecera-pagina h1.titulo-tachado{text-decoration:line-through;text-decoration-color:rgba(237,28,36,.85);text-decoration-thickness:3px;color:#c9ccd2}

/* ══════ v1.15.6 — Móvil: la fecha del panel a todo lo ancho (dejaba hueco junto al logo) ══════ */
@media (max-width:760px){
  .panel-proxima .panel-fecha{grid-column:1/-1;text-align:center;margin-top:2px}
}

/* ══════ v1.15.6 — Panel móvil: la fecha ocupa todo el ancho (hueco reportado) ══════ */
@media (max-width:760px){
  .panel-proxima .panel-fecha{grid-column:1/-1;text-align:center;margin-top:2px}
  .panel-proxima .panel-sede{grid-column:1/-1;text-align:center}
}

/* ══════ v1.16.0 — Botones "Llegar con" (Google Maps, Waze, compartir) ══════ */
.botones-llegar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 4px}
.boton-llegar{display:inline-block;background:#15171c;border:1px solid #3a3e46;color:var(--blanco);
  font-family:var(--fuente-display);font-style:italic;font-weight:700;text-transform:uppercase;
  font-size:.78rem;letter-spacing:.05em;padding:10px 16px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  transition:border-color .15s ease,background .15s ease,transform .15s ease}
.boton-llegar:hover{border-color:var(--rojo);background:#1c1f25;transform:translateY(-2px);color:#ff5a60}
.contacto-llegar .botones-llegar{margin-top:22px}
@media (max-width:760px){.botones-llegar{flex-direction:column}.boton-llegar{text-align:center}}

/* ══════ v1.16.2 — Banda del canal de WhatsApp (todas las páginas) ══════ */
.banda-wa{background:linear-gradient(100deg,#0b3d24 0%,#14532d 55%,#0e0f13 130%);padding:30px 0;border-top:3px solid #25D366}
.banda-wa .contenedor{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.banda-wa h2{color:#fff;margin:4px 0 2px}
.banda-wa .cejilla{background:#25D366}
.banda-wa .cejilla span{color:#0b3d24}
.banda-wa p{color:#b8e6c9;margin:0}
.boton-wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#0b3d24;
  font-family:var(--fuente-display);font-style:italic;font-weight:800;text-transform:uppercase;
  padding:14px 26px;font-size:.95rem;letter-spacing:.05em;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:background .15s ease}
.boton-wa:hover{background:#5ce38a;color:#0b3d24}
.boton-wa .icono-wa{width:20px;height:20px;fill:#0b3d24}
@media (max-width:760px){
  .banda-wa .contenedor{flex-direction:column;align-items:flex-start}
  .boton-wa{width:100%;justify-content:center;box-sizing:border-box}
}

/* ══════ v1.16.6 — Lateral "Más del óvalo" opción A: miniatura + placa de respaldo ══════ */
.card-mini .mini-thumb{width:92px;height:72px;flex-shrink:0;background:linear-gradient(135deg,var(--rojo),var(--rojo-osc));
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem}
.card-mini img{width:92px;height:72px;object-fit:cover;flex-shrink:0;margin:0;border-radius:0;display:block}
.card-mini div.txt{padding:8px 12px 8px 0;min-width:0}
.card-mini div.txt b{font-family:var(--fuente-display);font-style:italic;font-weight:700;text-transform:uppercase;
  font-size:.82rem;line-height:1.2;display:block;color:#1b1d21}
.card-mini:hover div.txt b{color:var(--rojo)}
.card-mini div.txt small{color:var(--rojo-osc);font-weight:700;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}

/* ══════ v1.16.7 — Panel móvil día de carrera: la hora a todo lo ancho ══════ */
@media (max-width:760px){
  .panel-proxima .panel-hoy{grid-column:1/-1;text-align:center}
  .panel-proxima .panel-hoy b{display:block}
  .panel-proxima .panel-hoy small{display:block;margin-top:2px}
}