/* ===== Landing del fin de semana de julio · 2-4 julio 2027 (06/10/2026) =====
   El selector de fecha vive en fechas.css desde el 14/10/2026 (lo usa también la portada).
   Módulo aparte: style.css, pie.css, dossier.css y menu-escudo.css se reutilizan tal cual;
   aquí solo lo nuevo de julio. Estudio: tareas/2026-10-06-estructura-web-julio-accup. */

/* la cápsula de julio tiene cinco secciones y a la izquierda va el interruptor: algo más
   compacta y sin el corrimiento a la izquierda que i18n.css le da entre 1140 y 1339 px */
@media(min-width:1140px){ .nav__menu a{padding:10px 11px} }
@media(min-width:1140px) and (max-width:1339px){ .nav__menu{margin-left:30px} .nav__menu a{padding:10px 7px} .nav__menu a b{font-size:12px;letter-spacing:.07em} }

.lang__list a.is-pend b::after{content:" · pronto";font-weight:400;letter-spacing:.02em;text-transform:none}

/* ---- Hero: foto de Lezama en vez del vídeo (el vídeo de junio tiene San Mamés) ---- */
.hero--julio .hero__poster{animation:jZoom 22s ease-out both}
@keyframes jZoom{from{transform:scale(1.12)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){ .hero--julio .hero__poster{animation:none} }
.hero__claim{margin-top:20px;font-family:var(--display);font-weight:700;text-transform:uppercase;line-height:1;
  font-size:clamp(17px,2.2vw,28px);letter-spacing:.03em;text-shadow:0 4px 24px rgba(0,0,0,.6)}
.hero__claim span{display:inline-block;transform:skewX(-10deg)}
.hero__claim .r{color:var(--red);text-shadow:0 2px 16px rgba(0,0,0,.5)}
@media(max-width:600px){ .hero__claim span{display:block} .hero__claim span+span{margin-top:6px} }

/* ---- AC CUP en datos ---- */
.jdatos{padding:13vh 6vw 12vh}
/* 14/10/2026: con 1fr las columnas crecían con la cifra más larga y la tabla recortaba la tercera («1.422», «Países
   representados») entre 1000 y 1440 px; y la regla de 2 columnas en móvil iba antes que la base y no se aplicaba.
   Ahora: columnas iguales que nunca pasan del ancho (minmax(0,1fr)), cifras y rótulos que se ajustan al ancho de su
   celda (cqi) y, por debajo de 1180 px, las cifras bajo el texto a todo el ancho. Medido en ES/EN/FR/EU de 390 a 1920. */
.jdatos__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:6vw;align-items:end}
@media(max-width:1179px){ .jdatos__grid{grid-template-columns:1fr} }
.jdatos__nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:20px;overflow:hidden}
@media(max-width:600px){ .jdatos__nums{grid-template-columns:repeat(2,minmax(0,1fr))} }
.jdatos__nums div{background:#0b0b0d;padding:clamp(18px,2.2vw,32px);container-type:inline-size}
.jdatos__nums b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(28px,min(3.9vw,27cqi),60px);line-height:.9;color:#fff;white-space:nowrap}
.jdatos__nums b em{font-style:normal;color:var(--red)}
.jdatos__nums span{display:block;margin-top:10px;font-size:clamp(10.5px,9.2cqi,13px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.jdatos__junio{display:inline-flex;align-items:center;gap:10px;margin-top:30px;color:#fff;font-weight:700;font-size:14px;
  letter-spacing:.14em;text-transform:uppercase;border-bottom:1.5px solid rgba(255,255,255,.35);padding-bottom:6px;transition:gap .3s var(--ease),border-color .3s}
.jdatos__junio:hover{gap:16px;border-color:var(--red)}
.jdatos__junio .ico,.jfaq .ico,.jpaso .ico{width:1em;height:1em}

/* ---- Unique in the World: el Club ---- */
.uitw{padding:14vh 6vw}
.uitw__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center}
@media(max-width:900px){ .uitw__grid{grid-template-columns:1fr} }
.uitw .h-big{color:#fff}
.uitw .h-big .gris{color:#2e2e2e}
.uitw .lead{color:#fff;opacity:.92}
.uitw__pil{display:grid;grid-template-columns:1fr 1fr;gap:26px 34px;margin-top:6vh}
@media(max-width:560px){ .uitw__pil{grid-template-columns:1fr;gap:20px} }
.uitw__pil div{border-top:2px solid #fff;padding-top:12px}
.uitw__pil b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(24px,2.6vw,36px);line-height:1;text-transform:uppercase}
.uitw__pil span{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:#ffe1de}
.uitw__fig{position:relative;margin:0}
.uitw__foto{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 40px 80px rgba(40,0,4,.45)}
.uitw__foto img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
/* con Laporte delante (14/10/2026) la foto es el fondo: la panorámica de Lezama oscurecida para que se despegue */
.uitw__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,4,6,.42),rgba(18,4,6,.66))}
/* Laporte con el trofeo (14/10/2026; el recorte de los datos de la portada, assets/img/jugadores/): de pie delante de la
   foto, la cabeza sale por encima del canto superior y el cuerpo se funde antes del inferior, que lo corta con la misma
   esquina redondeada. Recorte 868×1378: cabeza arriba del todo, base del trofeo al 90 % del alto. */
.uitw__jug{position:absolute;inset:0;pointer-events:none;clip-path:inset(-40% -25% 0 -25% round 0 0 20px 20px)}
.uitw__jug img{position:absolute;bottom:0;left:56%;height:116%;width:auto;translate:-54.8% 0;max-width:none;
  filter:drop-shadow(0 24px 34px rgba(40,0,4,.4));
  -webkit-mask-image:linear-gradient(#000 0 86%,transparent 98%);mask-image:linear-gradient(#000 0 86%,transparent 98%)}
.uitw__sello{position:absolute;left:-12%;bottom:-8%;width:clamp(120px,15vw,200px);transform-origin:50% 50%;will-change:transform;filter:drop-shadow(0 10px 24px rgba(40,0,4,.55))}
@media(max-width:900px){ .uitw__fig{max-width:420px;margin:calc(2vh + min(22vw,96px)) auto 0} .uitw__sello{left:-4%} }   /* el margen deja sitio a la cabeza */
.uitw__nota{margin-top:5vh;font-size:12.5px;opacity:.6;letter-spacing:.02em}

/* ---- El torneo: la tarjeta de fechas de la portada, con una sola fecha a todo el ancho ---- */
.dates--una{grid-template-columns:1fr}
.datecard__nota{margin-top:18px;padding-bottom:22px;font-size:15px;line-height:1.45;color:#6f6b75}
.datecard__nota b{color:#15161d}
.datecard .cat-group:last-of-type{padding-bottom:0}

/* ---- Vive Euskadi ---- */
.jeus__foto{margin:6vh 0 0;border-radius:20px;overflow:hidden;aspect-ratio:1500/560;background:#111}
.jeus__foto img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){ .jeus__foto{aspect-ratio:4/3} }
.jeus__kick{margin-top:6vh;display:flex;align-items:center;gap:16px;color:#fff;font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase}
.jeus__kick::after{content:"";flex:1;height:1px;background:#ffffff2e}
.jeus__dist{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:22px}
@media(max-width:1000px){ .jeus__dist{grid-template-columns:repeat(2,1fr)} }
.jeus__dist div{border-top:2px solid var(--red);padding-top:12px}
.jeus__dist b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(34px,4vw,56px);line-height:.9}
.jeus__dist b small{font-size:.45em;letter-spacing:.06em;margin-left:4px;color:var(--muted)}
.jeus__dist u{display:block;text-decoration:none;margin-top:8px;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.jeus__dist span{display:block;margin-top:4px;font-size:14px;color:var(--muted)}

/* ---- pastillas ---- */
.jpills{display:flex;flex-wrap:wrap;gap:8px}
.jpill{border-radius:40px;padding:9px 16px 8px;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;background:#15161d;color:#fff}
.jpill--r{background:var(--red)}
.jpill--l{background:transparent;border:1.5px solid currentColor}

/* ---- Solicita plazas ---- */
.jplazas__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,96px);align-items:start}
@media(max-width:1000px){ .jplazas__grid{grid-template-columns:1fr} }
.jpasos{list-style:none;margin:5vh 0 0;padding:0;display:grid;gap:22px;counter-reset:p}
.jpaso{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start}
.jpaso i{font-style:normal;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--red);
  font-family:var(--display);font-weight:900;font-size:26px}
.jpaso b{display:block;font-family:var(--display);font-weight:700;font-size:22px;text-transform:uppercase;line-height:1;margin-top:4px}
.jpaso span{display:block;margin-top:6px;color:var(--muted);font-size:16px;line-height:1.5;max-width:40ch}
.jplazas .jpills{margin-top:5vh}
.jplazas .jpill{background:#ffffff14;border:1px solid #ffffff2e}
.jform__cats{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.jform__lab{grid-column:1/-1;margin:8px 0 -2px;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8a8690}
.jform__lab small{font-weight:400;letter-spacing:.02em;text-transform:none;font-size:12.5px}
.jform .fld select{width:100%;font:inherit;font-size:16px;color:#15161d;border:1.5px solid #e2ddd3;border-radius:14px;
  padding:24px 44px 9px 16px;-webkit-appearance:none;appearance:none;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2315161d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center}
.jform .fld select+span{top:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--red)}
.jform .fld select:focus{outline:none;border-color:#15161d;box-shadow:0 0 0 4px #15161d12}
.jform.is-tried .fld select:invalid{border-color:var(--red)}
.jform .fld input[type=number]{-moz-appearance:textfield}
.jform .fld input[type=number]::-webkit-inner-spin-button{opacity:1}
.jform__nota{grid-column:1/-1;font-size:13px;color:#8a8690;margin-top:-2px}
.jform__nota.is-mal{color:var(--red2);font-weight:700}
@media(max-width:600px){ .jform__cats{grid-template-columns:repeat(3,1fr);gap:8px} .jform .cform__grid{grid-template-columns:1fr} }

/* ---- Preguntas ---- */
.jfaq{max-width:980px;margin:6vh auto 0;border-top:1px solid #15161d26}
.jfaq details{border-bottom:1px solid #15161d26}
.jfaq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4px;
  font-family:var(--display);font-weight:700;font-size:clamp(20px,2.2vw,28px);text-transform:uppercase;line-height:1.05;color:#15161d}
.jfaq summary::-webkit-details-marker{display:none}
.jfaq summary::after{content:"+";flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  border:1.5px solid #15161d3d;font-size:22px;font-weight:400;transition:transform .35s var(--ease),background .25s,color .25s,border-color .25s}
.jfaq details[open] summary::after{transform:rotate(45deg);background:var(--red);border-color:var(--red);color:#fff}
.jfaq summary:hover::after{border-color:#15161d}
.jfaq__r{padding:0 64px 26px 4px;font-size:17px;line-height:1.6;color:#5b5862;max-width:70ch}
.jfaq__r b{color:#15161d}
.jfaq__cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:6vh}
.t-light .btn--ghost{border-color:#15161d55;color:#15161d}
.t-light .btn--ghost:hover{background:#15161d;color:#fff;border-color:#15161d}

/* dossier de julio: tres páginas (en vez de las cuatro de junio) */
.dform__langs a.is-pend{display:none}

/* sin «Todo incluido», Euskadi y la app son dos negros seguidos: menos hueco entre ellos */
#euskadi{padding-bottom:9vh}
#euskadi + #app{padding-top:9vh}

/* ---- Idioma visible desde el hero (14/10/2026) ----------------------------------
   Público internacional: el selector de idioma ya se ve en el hero, en la esquina derecha (en la portada sigue
   entrando con la barra). Como el escudo con las fechas a la izquierda: «Solicita plazas» entra con la barra, se abre
   hueco y empuja el idioma a su sitio. */
.lang{opacity:1;transform:none;pointer-events:auto}
.nav__cta{max-width:280px;white-space:nowrap;
  transition:opacity .4s var(--ease),transform .5s var(--ease),max-width .5s var(--ease),padding .5s var(--ease),margin .5s var(--ease)}
.nav:not(.nav--solid) .nav__cta{max-width:0;padding-left:0;padding-right:0;margin-left:-10px;overflow:hidden}