/* ===== Selector de fecha (Junio · Julio) · compartido por la portada y la landing de julio (14/10/2026) =====
   Sale de julio.css tal cual: así las dos páginas lo pintan igual. Marcado: .nav__izq (escudo + .fechas) en la barra y
   .nav__fechas al principio del desplegable de móvil. */
.nav__izq{display:flex;align-items:center;gap:14px}
.fechas{display:flex;gap:2px;padding:4px;border-radius:100px;background:rgba(11,11,13,.8);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);
  box-shadow:0 12px 30px rgba(0,0,0,.3);transition:opacity .4s var(--ease)}
.intro-on .fechas{opacity:0}
/* el selector se ve siempre (también en el hero). El escudo entra con la barra: mientras está oculto no ocupa
   sitio y el selector va pegado al margen; al entrar, el escudo se abre hueco y lo empuja */
@media(min-width:1140px){
  .nav__izq img{width:58px;transition:opacity .4s var(--ease),transform .5s var(--ease),width .5s var(--ease),margin .5s var(--ease)}
  .nav:not(.nav--solid) .nav__izq img{width:0;margin-right:-14px}
}
.fechas a{display:grid;justify-items:center;padding:7px 13px 6px;border-radius:100px;color:rgba(255,255,255,.72);line-height:1;
  transition:background-color .25s,color .25s}
.fechas a b{font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}
.fechas a small{font-size:10.5px;letter-spacing:.06em;opacity:.72;margin-top:3px;white-space:nowrap}
.fechas a:hover{color:#fff;background:rgba(255,255,255,.1)}
.fechas a[aria-current]{background:var(--red);color:#fff}
.fechas a[aria-current] small{opacity:.9}
/* móvil y tablet (14/10/2026): en el hero el interruptor también se ve arriba a la izquierda (ahí la barra aún no
   lleva escudo, idioma ni inscripción); cuando entra la barra cede el sitio al escudo y las fechas quedan en el
   desplegable del menú */
@media(max-width:1139px){
  .nav:not(.nav--solid) .nav__izq img{width:0;margin-right:-14px}
  .nav--solid .fechas{display:none}
  .fechas a{padding:7px 12px 6px}
}
/* en el desplegable (móvil y tablet), primero las dos fechas en grande */
.nav__fechas{display:none}
@media(max-width:1139px){
  .nav__fechas{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
  .nav__menu .nav__fechas a{display:block;padding:12px 14px 13px;border-radius:14px;background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.12)}
  .nav__menu .nav__fechas a b{display:block;font-size:19px;letter-spacing:.06em;color:#fff}
  .nav__menu .nav__fechas a span{display:block;text-align:left;font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.6);margin-top:4px}
  .nav__menu .nav__fechas a[aria-current]{background:var(--red);border-color:var(--red)}
  .nav__menu .nav__fechas a[aria-current] span{color:rgba(255,255,255,.9)}
}

/* idiomas que aún no existen en julio */
.lang__list a.is-pend{opacity:.42;pointer-events:none}

/* paso entre junio y julio (14/10/2026): sin animación de inicio (lo hace el script de la página) y con la otra página
   precargada (speculationrules). Se probó un fundido con @view-transition y se quitó: en producción el navegador lo
   descartaba y dejaba un error en consola en cada cambio. */