/* ════════════════════════════════════════════════════════════════════
   GRUPO ANDERSON'S · componentes de la web
   Los colores, letras y medidas salen de andersons.css (--ga-).
   Aquí no se escribe ningún hex: si hace falta un color, va allí.

   Leyes de Carlos que este archivo cumple (y revisar.py vigila):
   · nunca cursiva · las palabras no se parten · nada de sombra interior
   · tarjetas en móvil = carrusel con la vecina asomando, nunca apiladas
   · margen lateral en móvil ≥ 28 px · la barra flota a 12 px del borde
   · toda página abre con banner y un único h1 · la portada abre al 100 %
   ════════════════════════════════════════════════════════════════════ */

:root{
  --lado:clamp(28px,4vw,48px);        /* margen lateral: 28 px como mínimo en móvil */
  --hueco:clamp(72px,10vw,136px);     /* aire entre secciones */
  --flota:12px;
  --barra-radio:12px;                 /* esquinas del header (Carlos, 2026-09-29: bajarlo desde 20) */
  --barra-alto:52px;                  /* logo con 8 px de aire visible arriba y abajo (Carlos, 2026-09-29) */                       /* distancia de la barra al borde */
}
html{hyphens:none;-webkit-hyphens:none;scroll-behavior:smooth;scroll-padding-top:110px}
body{overflow-x:clip;touch-action:manipulation}
i,em,cite,address,dfn,var{font-style:normal}
h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0}
img{height:auto}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ga-marina);color:#fff;padding:10px 16px;border-radius:999px}
.saltar:focus{left:16px}
.caja{max-width:var(--ga-ancho);margin-inline:auto;padding-inline:var(--lado);width:100%}
.caja--lectura{max-width:calc(720px + 2 * var(--lado))}
.seccion{padding-block:var(--hueco)}
.seccion--cielo{background:var(--ga-cielo-claro)}
.seccion--marina{background:var(--ga-marina);color:#fff}
.seccion--marina .rotulo__texto,.seccion--marina p{color:var(--ga-cielo)}

/* ── EL LOGOTIPO · un solo PNG pintado como máscara del color que toque ── */
.logo-ga{display:block;aspect-ratio:1570/617;background:currentColor;
  -webkit-mask:url("../img/logo-ga.png") center/contain no-repeat;mask:url("../img/logo-ga.png") center/contain no-repeat}

/* ── BARRA ─────────────────────────────────────────────────────────── */
.barra{position:fixed;top:var(--flota);left:var(--flota);right:var(--flota);z-index:60;
  border-radius:var(--barra-radio);background:var(--ga-tinta);color:#fff;   /* navy fuerte (Carlos, 2026-09-30): que no se funda con las bandas marina */
  box-shadow:0 18px 40px -24px rgba(22,32,47,.45);
  transition:background .35s ease,box-shadow .35s ease,transform .35s ease}
.barra--sobre-foto:not(.barra--solida){background:rgba(22,32,47,.28);box-shadow:none;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.barra--oculta{transform:translateY(calc(-100% - 2 * var(--flota)))}
.barra__caja{display:flex;align-items:center;gap:24px;height:var(--barra-alto);padding-inline:clamp(16px,2.4vw,28px)}
.barra__logo{color:#fff;flex:0 0 auto;transition:color .25s ease}
.barra__logo:hover,.barra__logo:focus-visible{color:var(--ga-cielo)}   /* al azul cielo, nunca a oscuro: sobre la barra navy no se veía */
.barra__logo .logo-ga{height:40px;transform:translateY(2px)}   /* 40 px de caja = 36 de tinta: 8 px visibles arriba y abajo */
.barra__menu{display:flex;gap:clamp(14px,2vw,30px);margin-inline:auto}
.barra__menu a,.barra__idioma{color:rgba(255,255,255,.88);text-decoration:none;font-family:var(--ga-titular);font-size:13px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;padding-block:8px;border-bottom:1px solid transparent}
.barra__menu a:hover,.barra__menu a[aria-current]{color:#fff;border-bottom-color:var(--ga-cielo)}
.barra__lado{display:flex;align-items:center;gap:18px;margin-left:auto}
.barra__menu + .barra__lado{margin-left:0}
.barra__idioma:hover{color:var(--ga-cielo)}
/* El CTA cuelga de la barra como una pestaña del mismo color (ley del header flotante) */
.barra__cta{display:flex;align-items:center;height:40px;padding-inline:20px;border-radius:999px;
  background:var(--ga-cielo);color:var(--ga-marina);text-decoration:none;font-family:var(--ga-titular);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.barra__cta:hover{background:#fff;color:var(--ga-marina)}
.barra__abrir{display:none;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer;position:relative}
.barra__abrir span:not(.oculto){position:absolute;left:11px;right:11px;height:2px;background:currentColor;transition:transform .25s ease}
.barra__abrir span:nth-child(1){top:17px}.barra__abrir span:nth-child(2){top:25px}
.barra__abrir[aria-expanded=true] span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.barra__abrir[aria-expanded=true] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
.menu-movil{position:fixed;inset:0;z-index:55;background:var(--ga-marina);color:#fff;
  padding:calc(var(--barra-alto) + 2 * var(--flota) + 24px) var(--lado) 40px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}
.menu-movil[hidden]{display:none}
.menu-movil nav{display:grid;gap:4px}
.menu-movil nav a{font-family:var(--ga-titular);font-size:26px;color:#fff;text-decoration:none;padding-block:10px;border-bottom:1px solid rgba(201,222,240,.18)}
.menu-movil__idioma{color:var(--ga-cielo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
@media (max-width:1080px){
  .barra__menu{display:none}
  .barra__abrir{display:block}
  .barra__idioma{display:none}
  .barra__menu + .barra__lado{margin-left:auto}
}
@media (max-width:520px){ :root{--barra-alto:47px} .barra__cta{display:none} .barra__logo .logo-ga{height:34px;transform:translateY(1.5px)} }

/* ── APERTURA DE LA PORTADA · al 100 %, media pura ──────────────────── */
.apertura{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--ga-noche);color:#fff}
.apertura__media,.apertura__media img,.apertura__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.apertura::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,32,47,.30) 0,rgba(22,32,47,0) 28%,rgba(22,32,47,0) 58%,rgba(22,32,47,.62) 100%)}
.apertura__pie{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 var(--lado) clamp(28px,5vw,56px);
  display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:var(--ga-ancho);margin-inline:auto}
.apertura h1{font-family:var(--ga-titular);font-weight:600;font-size:clamp(28px,4vw,52px);line-height:1.1;max-width:18ch;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.apertura__bajar{color:#fff;text-decoration:none;font-size:12px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;padding-bottom:6px;border-bottom:1px solid var(--ga-cielo)}

/* ── BANNER DE INTERIORES · foto, velo que se cierra en la franja del título ── */
.banner{position:relative;min-height:clamp(420px,62svh,640px);display:flex;align-items:end;overflow:hidden;background:var(--ga-marina);color:#fff}
.banner__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,32,47,.35) 0,rgba(22,32,47,.10) 35%,rgba(22,32,47,.72) 100%)}
.banner--liso::after{display:none}
.banner__caja{position:relative;z-index:2;padding-bottom:clamp(40px,6vw,72px);padding-top:140px}
.banner__etiqueta{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ga-cielo);margin-bottom:14px}
.banner h1{font-family:var(--ga-titular);font-weight:600;font-size:clamp(34px,5vw,64px);line-height:1.08;letter-spacing:.01em;max-width:20ch;text-wrap:balance}
.banner--entrada h1{font-size:clamp(28px,3.6vw,46px);line-height:1.14;max-width:26ch}
.banner__entradilla{margin-top:18px;max-width:58ch;font-size:clamp(16px,1.4vw,18px);color:rgba(255,255,255,.92);text-wrap:pretty}
.banner__migas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:12.5px;color:rgba(255,255,255,.8)}
.banner__migas a{color:#fff;text-decoration:none}
.banner__migas a:hover{text-decoration:underline}
.banner__migas span[aria-hidden]{opacity:.6}
@media (max-width:620px){.banner--entrada .banner__migas [aria-current],.banner--entrada .banner__migas span[aria-hidden]:last-of-type{display:none}}

/* ── RÓTULO DE SECCIÓN · título en Cinzel con el filete cielo ────────── */
.rotulo{display:grid;gap:16px;margin-bottom:clamp(32px,4vw,56px);max-width:760px}
.rotulo--centro{margin-inline:auto;text-align:center;justify-items:center}
.rotulo h1,.rotulo h2{font-family:var(--ga-titular);font-weight:600;font-size:clamp(24px,3.4vw,44px);line-height:1.15;letter-spacing:.02em;text-wrap:balance}
.rotulo::after{content:"";order:1;width:56px;height:3px;background:var(--ga-cielo)}
.rotulo--centro::after{justify-self:center}
.rotulo h1,.rotulo h2{order:0}
.rotulo__texto{order:2;color:var(--ga-acero);font-size:clamp(16px,1.3vw,18px);text-wrap:pretty}
.rotulo__pie{order:3}

.boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:12.5px;line-height:1;
  letter-spacing:.12em;text-transform:uppercase;padding:16px 28px;border-radius:999px;border:1px solid var(--ga-marina);
  background:var(--ga-marina);color:#fff;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background .2s ease,color .2s ease,transform .2s ease}
.boton:hover{background:var(--ga-marina-2);color:#fff;transform:translateY(-2px)}
.boton--linea{background:transparent;color:var(--ga-marina)}
.boton--linea:hover{background:var(--ga-marina);color:#fff}
.boton--cielo{background:var(--ga-cielo);border-color:var(--ga-cielo);color:var(--ga-marina)}
.boton--cielo:hover{background:#fff;border-color:#fff;color:var(--ga-marina)}
.botones{display:flex;flex-wrap:wrap;gap:12px}

/* ── TEXTO CORRIDO ─────────────────────────────────────────────────── */
.prosa{font-size:17px;line-height:1.7;color:var(--ga-tinta)}
.prosa > * + *{margin-top:1.1em}
.prosa h2{font-family:var(--ga-titular);font-weight:600;font-size:clamp(24px,2.4vw,30px);line-height:1.2;margin-top:1.8em;text-wrap:balance}
.prosa h3{font-weight:600;font-size:20px;line-height:1.35;margin-top:1.6em;text-wrap:balance}
.prosa p{text-wrap:pretty}
.prosa a:not(.boton){color:var(--ga-marina);text-decoration:underline;text-decoration-color:var(--ga-acero-2)}
.prosa strong{font-weight:600}
.prosa ul,.prosa ol{padding-left:1.3em;display:grid;gap:.5em}
.prosa li::marker{color:var(--ga-acero-2)}
.prosa figure{margin-block:2em}
.prosa figure img{border-radius:var(--ga-radio-foto);width:100%}
.prosa figcaption{margin-top:10px;font-size:14px;color:var(--ga-acero)}
.prosa blockquote{border-block:1px solid var(--ga-linea);padding-block:28px;margin-block:2.2em;text-align:center}
.prosa blockquote footer{margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ga-acero)}
.prosa blockquote p{font-family:var(--ga-titular);font-size:clamp(22px,2.4vw,28px);line-height:1.35;color:var(--ga-marina)}
.cp-video{position:relative;aspect-ratio:16/9;border-radius:var(--ga-radio-foto);overflow:hidden;background:var(--ga-noche)}
.cp-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cp-tabla{overflow-x:auto}
.cp-tabla table{border-collapse:collapse;width:100%;font-size:15px}
.cp-tabla th,.cp-tabla td{padding:10px 12px;border-bottom:1px solid var(--ga-linea);text-align:left}

/* ── CIFRAS · el número está escrito en el HTML (Google lo lee); la animación sólo lo decora ── */
.cifras{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,3vw,40px);text-align:center}
.cifra__n{display:block;font-weight:500;font-size:clamp(36px,4.6vw,60px);line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;color:var(--ga-marina)}
.seccion--marina .cifra__n{color:#fff}
.cifra__t{display:block;margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ga-acero)}
.seccion--marina .cifra__t{color:var(--ga-cielo)}
@media (max-width:760px){.cifras{grid-template-columns:repeat(2,1fr);row-gap:36px}.cifras > :last-child{grid-column:1/-1}}

/* ── CARRIL · tarjetas en fila; en móvil se deslizan con la vecina asomando ── */
.carril{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:clamp(16px,2vw,28px)}
@media (max-width:760px){
  .carril{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding-inline:var(--lado);scroll-padding-inline:var(--lado)}
  .carril::-webkit-scrollbar{display:none}
  .carril > *{scroll-snap-align:start}
}

/* ── TARJETA (blog, galardones, marcas) · sólo sobre el fondo claro ───── */
.tarjeta{position:relative;display:flex;flex-direction:column;background:var(--ga-tarjeta);border-radius:var(--ga-radio-caja);
  overflow:hidden;box-shadow:var(--ga-sombra);color:var(--ga-tinta);text-decoration:none;transition:box-shadow .3s ease,transform .3s ease}
a.tarjeta:hover{box-shadow:var(--ga-sombra-hover);transform:translateY(-4px)}
.tarjeta__foto{aspect-ratio:4/3;overflow:hidden;background:var(--ga-cielo-claro)}
.tarjeta__foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
a.tarjeta:hover .tarjeta__foto img{transform:scale(1.04)}
.sin-foto{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--ga-marina);color:var(--ga-cielo)}
.sin-foto .logo-ga{width:44%;max-width:180px}
.tarjeta--vino .tarjeta__foto{aspect-ratio:3/4;background:var(--ga-cielo-claro)}
.tarjeta--vino .tarjeta__foto img{object-fit:contain;padding:18px}
.nombre-medio{font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--ga-marina)}
.tarjeta__cuerpo{display:grid;gap:10px;padding:22px 24px 26px;align-content:start;flex:1}
.tarjeta__meta{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ga-acero)}
.tarjeta__titulo{font-size:19px;font-weight:600;line-height:1.35;text-wrap:balance;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(3 * 1.35em)}
.tarjeta__texto{font-size:15px;color:var(--ga-acero);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.seccion--cielo .tarjeta{box-shadow:none}

/* ── MARCAS · logo sobre foto; la foto sale en color al pasar ─────────── */
.marcas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.marca-t{position:relative;display:block;aspect-ratio:1;border-radius:var(--ga-radio-caja);overflow:hidden;background:var(--ga-marina);color:#fff;text-decoration:none}
.marca-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.72);transition:filter .5s ease,transform .8s ease}
.marca-t::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,32,47,.10),rgba(22,32,47,.55))}
.marca-t__logo{position:absolute;inset:16% 16% 28%;z-index:2;display:flex;align-items:center;justify-content:center}
.marca-t__logo span{display:block;width:100%;height:100%;background:#fff;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.marca-t__nombre{font-family:var(--ga-titular);font-size:clamp(20px,2vw,26px);text-align:center}
.marca-t__pie{position:absolute;left:0;right:0;bottom:16px;z-index:2;text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ga-cielo)}
.marca-t:hover img{filter:grayscale(0) brightness(.8);transform:scale(1.05)}
@media (hover:none){.marca-t img{filter:brightness(.72)}}
@media (max-width:980px){.marcas{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.marcas{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── FILTRO · plegado: una línea y el resto detrás de un botón (ley de Carlos) ── */
.filtro{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:36px}
.filtro button{border:1px solid var(--ga-linea);background:var(--ga-tarjeta);color:var(--ga-tinta);border-radius:999px;
  padding:10px 18px;font:600 13px/1 var(--ga-texto);cursor:pointer}
.filtro button[aria-pressed=true]{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.filtro__cuenta{margin-left:auto;font-size:14px;color:var(--ga-acero)}
@media (max-width:760px){.filtro{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding-inline:var(--lado);scroll-padding-inline:var(--lado)}
  .filtro button{flex:0 0 auto}.filtro__cuenta{display:none}}

/* ── BLOG ──────────────────────────────────────────────────────────── */
.destacada{display:grid;grid-template-columns:1.15fr 1fr;border-radius:var(--ga-radio-caja);overflow:hidden;background:var(--ga-tarjeta);box-shadow:var(--ga-sombra);text-decoration:none;color:var(--ga-tinta);margin-bottom:clamp(40px,5vw,64px)}
.destacada__foto{min-height:380px;position:relative}
.destacada__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.destacada__cuerpo{padding:clamp(28px,4vw,56px);display:grid;gap:16px;align-content:center}
.destacada__cuerpo h2{font-family:var(--ga-titular);font-size:clamp(24px,2.6vw,34px);line-height:1.2;text-wrap:balance}
.destacada__cuerpo p{color:var(--ga-acero)}
@media (max-width:860px){.destacada{grid-template-columns:1fr}.destacada__foto{min-height:0;aspect-ratio:16/10}}
.rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,32px)}
@media (max-width:980px){.rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.rejilla{grid-template-columns:1fr}}
.paginas{display:flex;justify-content:center;gap:8px;margin-top:48px}
.mas{display:flex;justify-content:center;margin-top:48px}

.entrada__cabeza{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;font-size:14px;color:var(--ga-acero);padding-block:28px;border-bottom:1px solid var(--ga-linea);margin-bottom:40px}
.entrada__compartir{margin-left:auto;display:flex;gap:10px}
.entrada__compartir button{border:0;background:none;cursor:pointer;padding:6px 0;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ga-marina);text-decoration:none}
.entrada__vecinas{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:64px;padding-top:32px;border-top:1px solid var(--ga-linea)}
.entrada__vecinas a{display:grid;gap:6px;text-decoration:none;color:var(--ga-tinta)}
.entrada__vecinas a:last-child{text-align:right}
.entrada__vecinas small{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ga-acero)}
.entrada__vecinas strong{font-weight:600;line-height:1.35}
@media (max-width:620px){.entrada__vecinas{grid-template-columns:1fr}.entrada__vecinas a:last-child{text-align:left}}

/* ── PRENSA · se enseña con los logos de los medios ─────────────────── */
.muro{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--ga-linea);border:1px solid var(--ga-linea);border-radius:var(--ga-radio-caja);overflow:hidden}
.muro > a,.muro > span{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:var(--ga-tarjeta);padding:18%}
.muro__logo{display:block;width:100%;height:100%;background:var(--ga-marina);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;transition:background .25s ease}
.muro a:hover .muro__logo{background:var(--ga-acero-2)}
@media (max-width:980px){.muro{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:620px){.muro{grid-template-columns:repeat(3,minmax(0,1fr))}}
.notas{display:grid;gap:0;border-top:1px solid var(--ga-linea)}
.nota{display:grid;grid-template-columns:150px 1fr auto;gap:28px;align-items:center;padding-block:26px;border-bottom:1px solid var(--ga-linea);text-decoration:none;color:var(--ga-tinta)}
.nota__logo{height:44px;background:var(--ga-marina);-webkit-mask:var(--logo) left center/contain no-repeat;mask:var(--logo) left center/contain no-repeat}
.nota__medio{font-weight:600;color:var(--ga-marina)}
.nota__titulo,.nota__meta{display:block}
.nota__titulo{font-size:18px;font-weight:600;line-height:1.4;text-wrap:balance}
.nota__meta{font-size:13px;color:var(--ga-acero);margin-top:6px}
.nota__ir{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ga-marina);white-space:nowrap}
a.nota:hover .nota__titulo{text-decoration:underline;text-decoration-color:var(--ga-acero-2)}
@media (max-width:760px){.nota{grid-template-columns:1fr;gap:12px}.nota__logo{height:34px;width:130px}.nota__ir{display:none}}

/* ── HISTORIA · la línea de tiempo ──────────────────────────────────── */
.linea{position:relative;display:grid;gap:clamp(40px,6vw,72px)}
.linea::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--ga-linea)}
.hito{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center;position:relative}
.hito::before{content:"";position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--ga-marina);box-shadow:0 0 0 6px var(--ga-fondo)}
.hito__foto img{border-radius:var(--ga-radio-foto);width:100%;aspect-ratio:4/3;object-fit:cover}
.hito__texto{display:grid;gap:10px}
.hito__anio{font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.02em;color:var(--ga-marina);font-variant-numeric:lining-nums}
.hito__texto h3{font-family:var(--ga-titular);font-weight:600;font-size:22px;line-height:1.25}
.hito__texto p{color:var(--ga-acero)}
.hito:nth-child(even) .hito__foto{order:2}
@media (max-width:760px){.linea::before{left:6px}.hito{grid-template-columns:1fr;padding-left:32px;gap:18px}
  .hito::before{left:6px;top:8px}.hito:nth-child(even) .hito__foto{order:0}}

/* ── FICHA DE MARCA · locaciones ───────────────────────────────────── */
.marca-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.marca-intro__logo{max-width:280px;aspect-ratio:2/1;background:var(--ga-marina);-webkit-mask:var(--logo) left center/contain no-repeat;mask:var(--logo) left center/contain no-repeat}
@media (max-width:860px){.marca-intro{grid-template-columns:1fr}}
.locaciones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.locacion{background:var(--ga-tarjeta);border-radius:22px;padding:24px 24px 26px;box-shadow:var(--ga-sombra);display:grid;gap:10px;align-content:start}
.locacion h3{font-size:19px;font-weight:600}
.locacion p{font-size:15px;color:var(--ga-acero)}
.locacion a{color:var(--ga-marina);font-weight:600;font-size:14px}
.locacion__acciones{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px}
@media (max-width:980px){.locaciones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.locaciones{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding:4px var(--lado) 24px;scroll-padding-inline:var(--lado)}.locacion{scroll-snap-align:start}}
.galeria{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:12px}
.galeria img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.galeria > :nth-child(5n+1){grid-column:span 2;grid-row:span 2}
@media (max-width:760px){.galeria{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;grid-auto-rows:auto;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding-inline:var(--lado);scroll-padding-inline:var(--lado)}.galeria > *{grid-column:auto!important;grid-row:auto!important;scroll-snap-align:start;aspect-ratio:4/5}}

/* ── GALARDÓN ──────────────────────────────────────────────────────── */
.galardon{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding-block:clamp(40px,5vw,64px);border-bottom:1px solid var(--ga-linea)}
.galardon:nth-child(even) .galardon__fotos{order:2}
.galardon__fotos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.galardon__fotos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--ga-radio-foto)}
.galardon__logo{height:56px;width:auto;max-width:200px;object-fit:contain;object-position:left center}
.galardon__texto{display:grid;gap:14px}
.galardon__texto h2{font-family:var(--ga-titular);font-size:clamp(24px,2.6vw,34px);line-height:1.2;text-wrap:balance}
.galardon__texto p{color:var(--ga-acero)}
@media (max-width:860px){.galardon{grid-template-columns:1fr}.galardon:nth-child(even) .galardon__fotos{order:0}}

/* ── FORMULARIOS ───────────────────────────────────────────────────── */
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form label{display:grid;gap:8px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ga-tinta)}
.form .ancho{grid-column:1/-1}
.form input,.form select,.form textarea{font:400 16px/1.4 var(--ga-texto);color:var(--ga-tinta);background:var(--ga-tarjeta);
  border:1px solid var(--ga-linea);border-radius:var(--ga-radio-campo);padding:14px 16px;width:100%}
.form textarea{min-height:150px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--ga-marina);outline-offset:1px;border-color:var(--ga-marina)}
.form__aviso{font-size:13px;color:var(--ga-acero)}
.form .trampa{position:absolute;left:-9999px}
@media (max-width:620px){.form{grid-template-columns:1fr}}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
@media (max-width:860px){.dos{grid-template-columns:1fr}}

/* ── PIE ───────────────────────────────────────────────────────────── */
.pie{background:var(--ga-noche);color:#fff;padding-block:clamp(56px,7vw,88px) 32px}
.pie__caja{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
/* ── LA PLECA de Grupo Anderson's · la del Torneo de Golf ──
   Anderson's a la izquierda tras un filete, las marcas en dos líneas fijas.
   Valores elegidos por Carlos con el afinador del Golf (10 sep). Sobre el pie
   navy los logos van en blanco. La altura de cada uno la da --escala (su tinta). */
/* --af-*: lo que se guarda en el afinador del panel (/admin/pleca/); sin tocar, valen lo de siempre */
.pie-pleca{--pleca-grupo:var(--af-grupo,178px);--pleca-alto:var(--af-alto,18px);--pleca-gapy:var(--af-gapy,18px);--pleca-op:var(--af-op,.62);--pleca-sep:33px;
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--pleca-sep);
  padding:28px 0;margin-bottom:clamp(40px,5vw,64px);border-top:1px solid rgba(201,222,240,.18);border-bottom:1px solid rgba(201,222,240,.18)}
.pie-pleca__grupo{display:block;padding-right:var(--pleca-sep);border-right:1px solid rgba(201,222,240,.18);line-height:0}
.pie .pie-pleca__grupo img{display:block;max-width:none;width:var(--pleca-grupo);height:auto;filter:brightness(0) invert(1);opacity:.92}
.pie-pleca__marcas{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:var(--pleca-gapy)}
/* el espacio entre logos se afina por fila (Carlos, 2026-10-12). --af-gx es un número: los px que mide
   con la pantalla de 1440; por debajo se encoge en proporción, sin bajar de 28px */
.pie .pie-pleca__marcas ul:first-child{--af-gx:var(--af-gapx1,38)}
.pie .pie-pleca__marcas ul:nth-child(2){--af-gx:var(--af-gapx2,38)}
.pie .pie-pleca__marcas ul:nth-child(3){--af-gx:var(--af-gapx3,38)}
.pie .pie-pleca__marcas ul{min-width:0;--pleca-gapx:clamp(min(28px,var(--af-gx) * 1px),var(--af-gx) * 100vw / 1440,var(--af-gx) * 1px);list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--pleca-gapy) calc(var(--pleca-gapx) * var(--encaje,1))}
.pie-pleca__marcas li{margin:0;flex:0 0 auto}
.pie-pleca__marcas a{display:inline-flex;align-items:center;min-height:32px}
/* --encaje: lo pone sitio.js para que cada fila quepa en UNA línea (Carlos, 2026-10-12: «dos filas sí o sí»; luego tres);
   encoge toda la pleca por igual, nunca una fila más que otra */
.pie-pleca__marcas img{height:calc(var(--pleca-alto) * var(--escala,1) * var(--encaje,1));width:auto;max-width:calc(120px * var(--encaje,1));filter:brightness(0) invert(1);opacity:var(--pleca-op);transition:opacity .2s ease,transform .2s ease}
.pie-pleca__marcas a:hover img,.pie-pleca__marcas a:focus-visible img{opacity:1;transform:translateY(-2px)}
@media (max-width:900px){.pie .pie-pleca__marcas ul{min-width:0;--pleca-gapx:min(28px,var(--af-gx) * 1px)}
  .pie-pleca{grid-template-columns:1fr;justify-items:center;text-align:center}
  .pie-pleca__grupo{padding:0 0 22px;border-right:0;border-bottom:1px solid rgba(201,222,240,.18)}}
/* «Ver marcas» y su hoja: sólo en teléfono, donde la pleca se esconde (Carlos, 2026-10-12).
   La hoja: rejilla de 3 casillas iguales; la última fila, centrada, para que quede simétrica.
   Cada logo pesa lo que se le dio en el afinador de la pleca (--escala). */
.pie-pleca__ver{display:none}
.hoja-marcas{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:22px;
  background:var(--ga-noche);color:#fff;overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 80px rgba(10,16,28,.45)}
.hoja-marcas::backdrop{background:rgba(14,20,32,.62);backdrop-filter:blur(4px)}
.hoja-marcas[open]{animation:hoja-entra .32s cubic-bezier(.2,.8,.2,1)}
@keyframes hoja-entra{from{opacity:0;transform:translateY(18px) scale(.98)}}
.hoja-marcas__cab{position:sticky;top:0;z-index:1;display:grid;justify-items:center;gap:12px;padding:30px 20px 22px;background:var(--ga-noche);border-bottom:1px solid rgba(201,222,240,.16)}
.hoja-marcas__cab img{width:128px;height:auto;filter:brightness(0) invert(1)}
.hoja-marcas__cab h2{margin:0;font:600 11px/1 var(--ga-texto);letter-spacing:.24em;text-transform:uppercase;color:var(--ga-cielo)}
.hoja-marcas__cerrar{position:absolute;top:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(201,222,240,.3);background:transparent;color:#fff;cursor:pointer}
.hoja-marcas__cerrar svg{width:20px;height:20px}
.hoja-marcas__lista{list-style:none;margin:0;padding:18px 16px 26px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.hoja-marcas__lista li{flex:0 0 calc((100% - 20px) / 3);margin:0}
.hoja-marcas__lista a{display:flex;align-items:center;justify-content:center;aspect-ratio:1.45;padding:10px;border-radius:14px;
  background:rgba(201,222,240,.06);border:1px solid rgba(201,222,240,.14);transition:background .2s ease,border-color .2s ease}
.hoja-marcas__lista a:hover,.hoja-marcas__lista a:focus-visible{background:rgba(201,222,240,.14);border-color:rgba(201,222,240,.4)}
.hoja-marcas__lista img{height:calc(20px * var(--escala,1));width:auto;max-width:86%;max-height:72%;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
html.con-hoja{overflow:hidden}
@media (max-width:560px){.pie-pleca__marcas{display:none}
  .pie-pleca__grupo{border-bottom:0;padding-bottom:14px}
  .pie-pleca__ver{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 22px;border-radius:999px;border:1px solid rgba(201,222,240,.45);
    background:transparent;color:var(--ga-cielo);font:600 11px/1 var(--ga-texto);letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
  .pie-pleca{gap:8px}}
@media (prefers-reduced-motion:reduce){.hoja-marcas[open]{animation:none}}
@media (max-width:560px){.pie-pleca{--pleca-grupo:calc(var(--af-grupo,178px) * .84);--pleca-alto:calc(var(--af-alto,18px) * .89)}
  .pie .pie-pleca__marcas ul{min-width:0;--pleca-gapx:min(22px,var(--af-gx) * 1px)}}
.pie__marca .logo-ga{height:56px;color:#fff;margin-bottom:22px}
.pie__marca p{color:rgba(255,255,255,.78);font-size:15px;max-width:34ch}
.pie__redes{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px}
.pie__redes a,.pie a{color:var(--ga-cielo);text-decoration:none;font-size:14.5px}
.pie a:hover{color:#fff}
.pie summary{list-style:none;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:16px;cursor:default}
.pie summary::-webkit-details-marker{display:none}
.pie ul{list-style:none;padding:0;display:grid;gap:10px}
.pie__grupo--marcas ul{grid-template-columns:1fr 1fr;column-gap:16px}
.pie__legal{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(201,222,240,.16);font-size:13px;color:rgba(255,255,255,.66)}
@media (max-width:1080px){.pie__caja{grid-template-columns:1fr 1fr}.pie__marca{grid-column:1/-1}}
@media (max-width:620px){
  .pie__caja{grid-template-columns:1fr;gap:0}
  .pie__marca{margin-bottom:28px}
  .pie__grupo{border-top:1px solid rgba(201,222,240,.16);padding-block:18px}
  .pie summary{cursor:pointer;margin:0;display:flex;justify-content:space-between;min-height:40px;align-items:center}
  .pie summary::after{content:"+";font-size:20px;font-weight:400;color:var(--ga-cielo)}
  .pie details[open] summary::after{content:"–"}
  .pie details[open] ul{margin-top:14px}
  .pie ul a{display:inline-block;padding-block:6px}
}

/* ── ENTRADA SUAVE · sólo decora: sin JS todo se ve (ley: nada depende de una animación) ── */
.js [data-aparece]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js [data-aparece].visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js [data-aparece]{opacity:1;transform:none}}

/* el filete del pie legal, alineado con la columna (antes corría por el margen de la caja) */
.pie__legal{width:calc(100% - 2 * var(--lado));max-width:calc(var(--ga-ancho) - 2 * var(--lado));padding-inline:0}

/* redes del pie: iconos en círculo (2026-09-29) */
.pie__redes{gap:10px}
.pie .pie__redes a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(201,222,240,.3);color:var(--ga-cielo);
  transition:background .3s ease,color .3s ease,border-color .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.pie__redes svg{width:19px;height:19px}
.pie .pie__redes a:hover{background:var(--ga-cielo);border-color:var(--ga-cielo);color:var(--ga-marina);transform:translateY(-2px)}
.pie ul.pie__redes{display:flex;flex-direction:row;flex-wrap:wrap}

/* banner a pantalla completa (como la apertura del home): Nosotros, 2026-09-29 */
.banner--completo{height:100svh;min-height:560px;max-height:none}
.banner--completo .banner__caja{padding-bottom:clamp(48px,8vh,96px)}
.banner__video{z-index:0}
.banner--completo::after{z-index:1;background:linear-gradient(180deg,rgba(22,32,47,.35) 0,rgba(22,32,47,0) 28%,rgba(22,32,47,.1) 55%,rgba(22,32,47,.78) 100%)}
@media (prefers-reduced-motion:reduce){.banner__video{display:none}}
/* banner completo = media pura, sin texto encima (Carlos, 2026-09-29). El h1 sigue en el HTML para Google
   y lectores de pantalla (mismo recorte que .oculto); las migas siguen en el BreadcrumbList. */
.banner--completo .banner__caja{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.banner--completo::after{background:linear-gradient(180deg,rgba(22,32,47,.35) 0,rgba(22,32,47,0) 22%)}

/* ── MARCAS (2026-09-29): tres columnas de tarjetas grandes como la web original; filtro por tipo ── */
.mk__cab{display:grid;justify-items:center;text-align:center;margin-bottom:24px}
.mk__cab .pd-raya{margin-block:14px 20px}
.mk__filtros{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:clamp(28px,3.4vw,44px)}
.mk__filtros button{padding:10px 18px;border-radius:999px;border:1px solid var(--ga-linea);background:transparent;color:var(--ga-marina);cursor:pointer;
  font:700 11.5px/1 var(--ga-texto);letter-spacing:.16em;text-transform:uppercase;transition:background .25s ease,color .25s ease,border-color .25s ease}
.mk__filtros button:hover{border-color:var(--ga-marina)}
.mk__filtros button[aria-pressed=true]{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.mk__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.mk__reja li[hidden]{display:none}
.mk__t{position:relative;display:grid;place-items:center;aspect-ratio:10/11;border-radius:18px;overflow:hidden;background:var(--ga-noche);color:#fff;text-decoration:none;isolation:isolate}
.mk__foto{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:grayscale(.6) brightness(.9);transform:scale(1.02);transition:filter .6s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.mk__t::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(30,43,64,.72);transition:background .6s ease}
.mk__logo{display:flex;align-items:center;justify-content:center;width:62%;height:26%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.mk__logo span{display:block;width:100%;height:100%;background:#fff;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.mk__logo img{max-width:100%;max-height:100%;object-fit:contain}
.mk__logo b{font-family:var(--ga-titular);font-size:clamp(22px,2vw,28px);text-align:center}
.mk__pie{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;opacity:0;transform:translateY(8px);
  transition:opacity .45s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.mk__pie small{font:700 11px/1.3 var(--ga-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--ga-cielo)}
.mk__pie span{font:600 13px/1.3 var(--ga-texto);color:rgba(255,255,255,.85)}
@media (hover:hover){
  .mk__t:hover .mk__foto{filter:none;transform:scale(1.07)}
  .mk__t:hover::before{background:linear-gradient(180deg,rgba(30,43,64,.35),rgba(30,43,64,.2) 50%,rgba(30,43,64,.8))}
  .mk__t:hover .mk__logo{transform:translateY(-8px)}
  .mk__t:hover .mk__pie{opacity:1;transform:none}
}
@media (hover:none){.mk__pie{opacity:1;transform:none}.mk__t::before{background:linear-gradient(180deg,rgba(30,43,64,.55),rgba(30,43,64,.82))}}
@media (max-width:980px){.mk__reja{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.mk__reja{grid-template-columns:1fr}.mk__t{aspect-ratio:4/3}}
/* tarjetas de la web original: lámina apagada y, al pasar, la encendida; sólo esquinas redondeadas */
.mk__reja--orig{gap:clamp(10px,1.2vw,16px)}
.mk__o{position:relative;display:block;aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--ga-noche)}
.mk__o img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.mk__o-on{opacity:0}
@media (hover:hover){.mk__o:hover .mk__o-on{opacity:1}.mk__o:hover img{transform:scale(1.03)}}
@media (max-width:620px){.mk__reja--orig{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mk__o{border-radius:14px}}

/* ── GALARDONES · vitrina + visor (2026-09-29) ── */
.gv__cab{display:grid;justify-items:center;text-align:center;margin-bottom:clamp(32px,4vw,52px)}
.gv__entrada{margin:14px 0 0;max-width:56ch;font-size:15px;line-height:22px;color:var(--ga-acero)}
.gv__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.gv__t{position:relative;width:100%;height:100%;display:grid;grid-template-rows:auto 1fr;gap:18px;padding:clamp(24px,2.4vw,34px) 22px 24px;border:1px solid var(--ga-linea);border-radius:18px;
  background:#fff;color:var(--ga-tinta);text-align:center;cursor:pointer;font:inherit;transition:border-color .3s ease,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.gv__logo{display:grid;place-items:center;height:120px}
.gv__logo img{width:var(--lw);height:var(--lh);object-fit:contain}
.gv__logo b{font-family:var(--ga-titular);font-size:18px;color:var(--ga-marina)}
.gv__txt{display:grid;gap:8px;align-content:start}
.gv__txt strong{font-family:var(--ga-titular);font-weight:700;font-size:16px;line-height:1.3;color:var(--ga-marina)}
.gv__txt small{font-size:12px;line-height:1.5;color:var(--ga-acero)}
.gv__mas{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ga-linea);color:var(--ga-marina);transition:background .3s ease,color .3s ease,transform .4s ease}
.gv__mas svg{width:14px;height:14px}
@media (hover:hover){.gv__t:hover{border-color:var(--ga-marina);transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(22,32,47,.35)}.gv__t:hover .gv__mas{background:var(--ga-marina);color:#fff;transform:rotate(90deg)}}
.gv__t:focus-visible{outline:2px solid var(--ga-marina);outline-offset:3px}
@media (max-width:980px){.gv__reja{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.gv__reja{grid-template-columns:repeat(2,minmax(0,1fr))}.gv__logo{height:90px}.gv__t{padding:20px 14px}}
/* visor */
.gv__visor{width:min(1080px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:22px;background:var(--ga-fondo);color:var(--ga-tinta);overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.gv__visor::backdrop{background:rgba(22,32,47,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.gv__visor[open]{display:grid;grid-template-rows:minmax(0,1fr) auto}
.gv__lienzo{overflow-y:auto;padding:clamp(24px,3vw,40px)}
.gv__ficha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,3vw,44px);align-items:start}
.gv__fotos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gv__fotos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px}
.gv__fotos img:only-child{grid-column:1/-1;aspect-ratio:4/3}
.gv__cuerpo{display:grid;gap:12px;justify-items:start}
.gv__flogo{height:64px;width:auto;max-width:200px;object-fit:contain}
.gv__sub{margin:0;font:700 11px/1.5 var(--ga-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--ga-acero)}
.gv__cuerpo h3{margin:0;font-family:var(--ga-titular);font-weight:700;font-size:clamp(22px,2.2vw,30px);line-height:1.2;color:var(--ga-marina)}
.gv__prosa p{margin:0 0 .8em;font-size:15px;line-height:23px;color:var(--ga-tinta)}
.gv__nav{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px;border-top:1px solid var(--ga-linea);font:700 12px/1 var(--ga-texto);color:var(--ga-acero)}
.gv__nav button,.gv__cerrar{width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--ga-linea);background:#fff;color:var(--ga-marina);display:grid;place-items:center;cursor:pointer;transition:background .3s ease,color .3s ease}
.gv__nav button:hover,.gv__cerrar:hover{background:var(--ga-marina);color:#fff}
.gv__nav svg,.gv__cerrar svg{width:18px;height:18px}
.gv__cerrar{position:absolute;top:14px;right:14px;z-index:2}
@media (max-width:760px){.gv__ficha{grid-template-columns:1fr}}
/* ajustes con las reglas del sitio: títulos en la letra de contenido y en una línea, rejilla cerrada */
.gv{padding-top:clamp(56px,7vw,96px)}
.gv__txt strong{font-family:var(--ga-texto);font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gv__t--cierre{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff;grid-template-rows:1fr auto;align-content:center;justify-items:center;text-decoration:none}
.gv__t--cierre .gv__txt strong{color:#fff;font-size:18px;white-space:normal}
.gv__t--cierre .gv__txt small{color:var(--ga-cielo)}
@media (max-width:980px){.gv__cierre{grid-column:1/-1!important}}
@media (max-width:1100px){.gv__txt strong{white-space:normal;font-size:15px!important;min-height:2.6em}}
/* móvil: carrusel con la vecina asomando (ley de la casa) — la página no se alarga */
@media (max-width:700px){
  .gv__reja{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding:4px var(--lado) 12px;scroll-padding-inline:var(--lado)}
  .gv__reja::-webkit-scrollbar{display:none}
  .gv__reja li{flex:0 0 72%;scroll-snap-align:start}
  .gv__cierre{grid-column:auto!important}
  .gv__t{min-height:100%}
  .gv__logo{height:110px}
}

/* ── BLOG (2026-09-29): buscador, temas con cuenta, «Por casa» con logos, rejilla de revista ── */
.bl-portada{padding-bottom:clamp(40px,5vw,64px)}
.bl{padding-top:clamp(40px,5vw,64px)}
.bl__barra{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-bottom:18px}
.bl__buscar{flex:0 1 320px;display:flex;align-items:center;gap:10px;padding:0 16px;height:46px;border-radius:999px;border:1px solid var(--ga-linea);background:#fff;color:var(--ga-acero)}
.bl__buscar:focus-within{border-color:var(--ga-marina)}
.bl__buscar svg{width:18px;height:18px;flex:none}
.bl__buscar input{flex:1;min-width:0;border:0;outline:0;background:none;font:500 15px/1 var(--ga-texto);color:var(--ga-tinta)}
.bl__temas{display:flex;flex-wrap:wrap;gap:8px}
.bl__temas button{padding:10px 16px;border-radius:999px;border:1px solid var(--ga-linea);background:transparent;color:var(--ga-marina);cursor:pointer;font:700 11.5px/1 var(--ga-texto);letter-spacing:.12em;text-transform:uppercase;transition:background .25s ease,color .25s ease,border-color .25s ease}
.bl__temas button .i{font-style:normal;margin-left:4px;opacity:.6;letter-spacing:0}
.bl__temas button:hover{border-color:var(--ga-marina)}
.bl__temas button[aria-pressed=true]{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.bl__casas{display:flex;align-items:center;gap:16px;margin-bottom:clamp(24px,3vw,36px);padding:12px 0;border-block:1px solid var(--ga-linea)}
.bl__casas-etq{flex:none;font:700 11px/1 var(--ga-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--ga-acero)}
.bl__casas-fila{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}
.bl__casas-fila::-webkit-scrollbar{display:none}
.bl__casas button{flex:none;display:grid;place-items:center;width:96px;height:52px;padding:8px 12px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;transition:background .25s ease,border-color .25s ease}
.bl__casas button span{display:block;width:100%;height:calc(22px * var(--escala,1));max-height:34px;background:var(--ga-acero);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;transition:background .25s ease}
.bl__casas button img{max-width:100%;max-height:36px;object-fit:contain;filter:grayscale(1);opacity:.75}
.bl__casas button:hover{background:#fff;border-color:var(--ga-linea)}
.bl__casas button:hover span{background:var(--ga-marina)}
.bl__casas button[aria-pressed=true]{background:var(--ga-marina);border-color:var(--ga-marina)}
.bl__casas button[aria-pressed=true] span{background:#fff}
.bl__casas button[aria-pressed=true] img{filter:none;opacity:1}
.bl__cuenta{margin:0 0 14px;font:700 12px/1 var(--ga-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--ga-acero)}
.bl__cuenta:empty{display:none}
.bl__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);grid-auto-flow:dense}
.bl__it[hidden]{display:none}
.bl__it--ancha{grid-column:span 2}
.bl__t{display:grid;grid-template-rows:auto 1fr;height:100%;border-radius:18px;overflow:hidden;background:#fff;color:var(--ga-tinta);text-decoration:none;
  box-shadow:0 1px 2px rgba(22,32,47,.05),0 16px 36px -26px rgba(22,32,47,.3);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.bl__foto{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--ga-marina)}
.bl__it--ancha .bl__foto{aspect-ratio:auto;height:100%;min-height:280px}
.bl__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.bl__cat{position:absolute;left:14px;top:14px;padding:7px 12px;border-radius:999px;background:rgba(46,55,75,.9);color:#fff;font:700 10px/1 var(--ga-texto);letter-spacing:.16em;text-transform:uppercase}
.bl__txt{display:flex;flex-direction:column;gap:10px;padding:18px 22px 22px}
.bl__txt small{font:700 11px/1.4 var(--ga-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--ga-acero)}
.bl__txt strong{font-family:var(--ga-texto);font-weight:700;font-size:17px;line-height:1.35;color:var(--ga-marina);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl__txt .em{font-style:normal;font-size:14.5px;line-height:22px;color:var(--ga-acero);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* la ancha: foto a la izquierda y texto a la derecha */
@media (min-width:900px){
  .bl__it--ancha .bl__t{grid-template-columns:1.25fr 1fr;grid-template-rows:none}
  .bl__it--ancha .bl__txt{justify-content:center;padding:28px 30px}
  .bl__it--ancha .bl__txt strong{font-size:22px}
}
@media (hover:hover){.bl__t:hover{transform:translateY(-5px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 26px 48px -26px rgba(22,32,47,.4)}.bl__t:hover .bl__foto img{transform:scale(1.05)}}
.bl__vacio{padding:40px 0;text-align:center;color:var(--ga-acero)}
.bl__vacio button{margin-left:8px;border:0;background:none;color:var(--ga-marina);font:700 inherit;text-decoration:underline;cursor:pointer}
@media (max-width:980px){.bl__reja{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .bl__reja{grid-template-columns:1fr}.bl__it--ancha{grid-column:auto}
  .bl__buscar{flex:1 1 100%}
  .bl__temas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding-inline:var(--lado)}
  .bl__temas::-webkit-scrollbar{display:none}.bl__temas button{flex:none}
  .bl__casas{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (min-width:900px){.bl__it--ancha .bl__txt strong{-webkit-line-clamp:4}}
/* blog: textos de las tarjetas centrados + hover claro (Carlos, 2026-09-29) */
.bl__txt{align-items:center;text-align:center}
.bl__t{border:1px solid transparent;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .35s ease}
.bl__txt strong{transition:color .3s ease}

@media (hover:hover){
  .bl__t:hover{border-color:var(--ga-marina);transform:translateY(-6px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 28px 50px -26px rgba(22,32,47,.45)}
  .bl__t:hover .bl__foto img{transform:scale(1.07)}
  .bl__t:hover .bl__txt strong{color:var(--ga-acero-2)}
  .bl__t:hover .bl__cat{background:var(--ga-cielo);color:var(--ga-marina)}
}
.bl__cat{transition:background .3s ease,color .3s ease}

/* ── PRENSA (2026-09-29): cinta de titulares, portada de periódico, muro que filtra, archivo por año ── */
.pr-cab{padding-top:clamp(56px,7vw,96px);text-align:center}
.pr-cab__cifras{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;margin:16px 0 0;font-size:15px;color:var(--ga-acero)}
.pr-cab__cifras b{font-weight:700;color:var(--ga-marina)}
.pr-cinta{margin-top:clamp(28px,3.4vw,44px);overflow:hidden;border-block:1px solid var(--ga-linea);background:#fff;
  -webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.pr-cinta__pista{display:flex;width:max-content;animation:prCinta 120s linear infinite}
.pr-cinta:hover .pr-cinta__pista,.pr-cinta:focus-within .pr-cinta__pista{animation-play-state:paused}
.pr-cinta ul{display:flex;list-style:none;margin:0;padding:0}
.pr-cinta li a{display:flex;align-items:center;gap:14px;padding:16px 34px;border-right:1px solid var(--ga-linea);color:var(--ga-tinta);text-decoration:none;white-space:nowrap;font-size:14.5px;font-weight:600;transition:background .25s ease,color .25s ease}
.pr-cinta li a:hover{background:var(--ga-cielo-claro);color:var(--ga-marina)}
.pr-cinta__logo{display:block;width:78px;height:22px;background:var(--ga-marina);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.pr-cinta li b{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ga-acero)}
@keyframes prCinta{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.pr-cinta__pista{animation:none}.pr-cinta{overflow-x:auto}}

/* tarjeta de nota (se usa en portada y archivo): foto en B/N que se enciende, logo del medio encima */
.pr-n{display:grid;border-radius:18px;overflow:hidden;background:#fff;color:var(--ga-tinta);text-decoration:none;border:1px solid transparent;
  box-shadow:0 1px 2px rgba(22,32,47,.05),0 16px 36px -26px rgba(22,32,47,.3);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .35s ease}
.pr-n__foto{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ga-marina)}
.pr-n__foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.62);transition:filter .6s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.pr-n__logo{position:absolute;inset:30% 22%;background:#fff;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;transition:opacity .45s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.pr-n__medio{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-family:var(--ga-titular);font-size:20px}
.pr-n__txt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 22px 22px}
.pr-n__txt small{font:700 11px/1.4 var(--ga-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--ga-acero)}
.pr-n__txt strong{font-weight:700;font-size:17px;line-height:1.35;color:var(--ga-marina);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pr-n__txt .em{font-style:normal;font-size:15px;line-height:23px;color:var(--ga-acero);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pr-n__ir{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--ga-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--ga-marina)}
.pr-n__ir svg{width:15px;height:15px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  .pr-n:hover{border-color:var(--ga-marina);transform:translateY(-5px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 26px 48px -26px rgba(22,32,47,.42)}
  .pr-n:hover .pr-n__foto img{filter:none;transform:scale(1.05)}
  .pr-n:hover .pr-n__logo{opacity:0;transform:scale(.92)}
  .pr-n:hover .pr-n__ir svg{transform:translate(3px,-3px)}
}
@media (hover:none){.pr-n__foto img{filter:brightness(.7)}}

/* portada de periódico: 1 grande + 2 */
.pr-portada{padding-block:clamp(40px,5vw,64px)}
.pr-portada__reja{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(16px,2vw,28px)}
.pr-portada__lado{display:grid;gap:clamp(16px,2vw,28px)}
.pr-n--grande .pr-n__foto{aspect-ratio:auto;min-height:340px}
.pr-n--grande{grid-template-rows:1fr auto}
.pr-n--grande .pr-n__txt{padding:24px 32px 28px}
.pr-n--grande .pr-n__txt strong{font-family:var(--ga-titular);font-size:clamp(22px,2vw,28px);line-height:1.2}
.pr-portada__lado .pr-n{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.pr-portada__lado .pr-n__foto{aspect-ratio:auto;height:100%}
.pr-portada__lado .pr-n__txt{justify-content:center}

/* archivo */
.pr-archivo{padding-block:clamp(40px,5vw,72px) clamp(64px,8vw,112px);background:var(--ga-cielo-claro)}
.pr-archivo__cab{text-align:center;margin-bottom:24px}
.pr-archivo__cab p{margin:12px 0 0;font-size:15px;color:var(--ga-acero)}
.pr-medios{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}
.pr-medios button{position:relative;display:grid;place-items:center;width:118px;height:56px;padding:10px 14px;border-radius:12px;border:1px solid var(--ga-linea);background:#fff;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .3s ease}
.pr-medios__logo{display:block;width:100%;height:100%;background:var(--ga-acero);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;transition:background .25s ease}
.pr-medios button .i{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--ga-marina);color:#fff;font:700 11px/20px var(--ga-texto);font-style:normal;opacity:0;transform:scale(.6);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.pr-medios button:hover{border-color:var(--ga-marina);transform:translateY(-2px)}
.pr-medios button:hover .pr-medios__logo{background:var(--ga-marina)}
.pr-medios button:hover .i,.pr-medios button[aria-pressed=true] .i{opacity:1;transform:none}
.pr-medios button[aria-pressed=true]{background:var(--ga-marina);border-color:var(--ga-marina)}
.pr-medios button[aria-pressed=true] .pr-medios__logo{background:#fff}
.pr-medios button[aria-pressed=true] .i{background:var(--ga-cielo);color:var(--ga-marina)}
.pr-anios{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:clamp(28px,3.4vw,44px)}
.pr-anios button{padding:9px 15px;border-radius:999px;border:1px solid var(--ga-linea);background:transparent;color:var(--ga-marina);cursor:pointer;font:700 12px/1 var(--ga-texto);letter-spacing:.08em;transition:background .25s ease,color .25s ease,border-color .25s ease}
.pr-anios button .i{font-style:normal;opacity:.55;margin-left:3px}
.pr-anios button:hover{border-color:var(--ga-marina)}
.pr-anios button[aria-pressed=true]{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.pr-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.pr-lista li[hidden]{display:none}
.pr-lista .pr-n{height:100%;grid-template-rows:auto 1fr}
.pr-vacio{text-align:center;color:var(--ga-acero);padding:30px 0}
@media (max-width:980px){.pr-lista{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-portada__reja{grid-template-columns:1fr}}
@media (max-width:700px){
  .pr-portada__lado .pr-n{grid-template-columns:1fr}.pr-portada__lado .pr-n__foto{aspect-ratio:16/10;height:auto}
  .pr-n--grande .pr-n__foto{min-height:220px}
  .pr-medios{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding:10px var(--lado)}
  .pr-medios::-webkit-scrollbar{display:none}.pr-medios button{flex:none;width:100px}
  .pr-anios{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding-inline:var(--lado)}
  .pr-anios button{flex:none}
  /* carrusel con la vecina asomando (ley de la casa) */
  .pr-lista{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding:4px var(--lado) 12px;scroll-padding-inline:var(--lado)}
  .pr-lista::-webkit-scrollbar{display:none}.pr-lista li{flex:0 0 78%;scroll-snap-align:start}
  .pr-cinta li a{padding:14px 22px}
}
/* muro de medios: 8 por fila (4 líneas con 32), logos algo mayores y más aire hasta los años (Carlos, 2026-09-29) */
@media (min-width:701px){
  .pr-medios{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;max-width:1080px;margin:0 auto clamp(36px,4vw,56px)}
  .pr-medios button{width:auto;height:72px;padding:14px 16px}
}
.pr-anios{margin-bottom:clamp(36px,4.4vw,60px)}
.pr-portada{padding-top:clamp(56px,7vw,96px)}
.pr-n--grande .pr-n__txt strong{-webkit-line-clamp:unset;display:block;max-width:100%}

/* ── TALENTO (2026-09-29): hero = mosaico del personal a pantalla completa ── */
.tl-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#000}
.tl-hero__reja{display:grid;grid-template-columns:repeat(var(--cols,8),1fr);line-height:0}
.tl-tile{position:relative;aspect-ratio:1;overflow:hidden;background:#000}
.tl-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity .9s ease-in-out}
.tl-tile img.visible{opacity:1}
.tl-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(22,32,47,.45) 0,rgba(22,32,47,0) 20%)}
.tl-cab{text-align:center;margin-bottom:clamp(32px,4vw,52px)}
.tl-areas__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.tl-area{display:grid;justify-items:center;gap:10px;text-align:center;padding:0 0 22px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid transparent;
  box-shadow:0 1px 2px rgba(22,32,47,.05),0 16px 36px -26px rgba(22,32,47,.3);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .45s ease}
.tl-area__foto{display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:#000;margin-bottom:8px}
.tl-area__foto img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.tl-area strong{font-size:17px;font-weight:700;color:var(--ga-marina)}
.tl-area p{margin:0;padding:0 16px;font-size:14px;line-height:21px;color:var(--ga-acero)}
@media (hover:hover){.tl-area:hover{border-color:var(--ga-marina);transform:translateY(-5px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 26px 48px -26px rgba(22,32,47,.42)}.tl-area:hover .tl-area__foto img{transform:scale(1.05)}}
.tl-form__caja{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.tl-form__lado{display:grid;gap:16px}
.tl-form__lado p{margin:0;font-size:15px;line-height:23px;color:var(--ga-tinta)}
.tl-form__nota{color:var(--ga-acero)!important}
.tl-form__nota a{color:var(--ga-marina);font-weight:700}
.tl-form__bolsas{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.tl-form__tarjeta{padding:clamp(24px,3vw,40px);border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(22,32,47,.05),0 24px 50px -30px rgba(22,32,47,.35)}
.pd-boton--oscuro{background:var(--ga-marina);color:#fff}
.pd-boton--oscuro:hover{background:var(--ga-noche);color:#fff}
@media (max-width:980px){.tl-areas__reja{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-form__caja{grid-template-columns:1fr}}
@media (max-width:620px){
  .tl-areas__reja{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding:4px var(--lado) 12px;scroll-padding-inline:var(--lado)}
  .tl-areas__reja::-webkit-scrollbar{display:none}.tl-area{flex:0 0 70%;scroll-snap-align:start}
}
/* talento: formulario más compacto (Carlos, 2026-09-29) */
.tl-form__caja{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1080px;margin-inline:auto}
.tl-form__tarjeta{padding:clamp(20px,2.4vw,30px)}
.tl-form .form{gap:14px 16px}
.tl-form .form label{gap:6px;font-size:12px}
.tl-form .form input:not([type=file]),.tl-form .form select{height:42px;padding:0 14px;font-size:14.5px;border-radius:10px}
.tl-form .form input[type=file]{padding:8px 10px;font-size:13px;border-radius:10px}
.tl-form .form textarea{min-height:86px;padding:10px 14px;font-size:14.5px;border-radius:10px}
.tl-form .form .form__aviso{font-size:12px}
.tl-form .pd-boton{padding:12px 22px}
.tl-form .pd-boton--oscuro{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}.tl-form .pd-boton--oscuro:hover{background:var(--ga-noche);border-color:var(--ga-noche)}
/* el mosaico llena el alto EXACTO del hero: filas repartidas, sin fila cortada asomando */
.tl-hero__reja{position:absolute;inset:0;grid-template-rows:repeat(var(--filas,5),1fr)}
.tl-tile{aspect-ratio:auto;min-height:0}
.tl-tile img{transition-duration:.7s}
/* talento: postúlate en HORIZONTAL (Carlos): franja de texto arriba y formulario a lo ancho, sin hueco */
.tl-form__caja{grid-template-columns:1fr;max-width:1140px;gap:28px}
.tl-form__lado{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 36px}
.tl-form__lado h2{grid-row:span 2}
.tl-form__lado .tl-form__bolsas{grid-column:3;grid-row:1 / span 2;margin:0}
@media (min-width:981px){
  .tl-form .form{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tl-form .form label.ancho,.tl-form .form .ancho{grid-column:span 2}
  .tl-form .form label:has(textarea){grid-column:span 2;grid-row:span 2}
  .tl-form .form label:has(textarea) textarea{height:calc(100% - 26px);min-height:0}
  .tl-form .form p.ancho,.tl-form .form div.ancho{grid-column:span 2}
}
@media (max-width:980px){.tl-form__lado{grid-template-columns:1fr}.tl-form__lado h2,.tl-form__lado .tl-form__bolsas{grid-row:auto;grid-column:auto}}
@media (min-width:981px){
  .tl-form .form label:has(textarea){grid-row:auto}
  .tl-form .form label:has(textarea) textarea{height:86px;min-height:86px}
  .tl-form .form p.ancho{align-self:end}
}
.tl-form .form label .form__aviso{display:inline;margin-left:4px}
.tl-form .form label:has(textarea){display:block}
.tl-form .form label:has(textarea) textarea{display:block;width:100%;margin-top:6px}
@media (min-width:981px){
  .tl-form .form label:has(textarea){grid-column:1 / 3;grid-row:3}
  .tl-form .form p.ancho{grid-column:3 / 5;grid-row:3;align-self:start;margin-top:30px}
  .tl-form .form div.ancho{grid-column:3 / 5;grid-row:3;align-self:end}
}

/* talento · cabecera del formulario: título | filete vertical | texto (+ bolsas con icono debajo) */
.tl-form__lado{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0;align-items:center}
.tl-form__lado h2{grid-row:auto;padding-right:clamp(24px,3vw,44px);margin:0}
.tl-form__txt{display:grid;gap:10px;padding-left:clamp(24px,3vw,44px);border-left:1px solid var(--ga-acero-2)}
.tl-form__txt .tl-form__bolsas{grid-column:auto;grid-row:auto;margin:6px 0 0}
.tl-bolsa{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;border:1px solid var(--ga-marina);color:var(--ga-marina);text-decoration:none;
  font:700 11.5px/1 var(--ga-texto);letter-spacing:.14em;text-transform:uppercase;transition:background .25s ease,color .25s ease}
.tl-bolsa svg{width:18px;height:18px}
.tl-bolsa:hover{background:var(--ga-marina);color:#fff}
@media (max-width:700px){.tl-form__lado{grid-template-columns:1fr;gap:16px}.tl-form__lado h2{padding:0}.tl-form__txt{padding:16px 0 0;border-left:0;border-top:1px solid var(--ga-acero-2)}}
/* áreas con icono (en disco cielo, como el legado) */
.tl-area{padding:clamp(28px,2.6vw,36px) 18px 26px}
.tl-area__ico{display:grid;place-items:center;width:84px;height:84px;margin-bottom:8px;border-radius:50%;background:var(--ga-cielo-claro);color:var(--ga-marina);transition:background .35s ease,color .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.tl-area__ico svg{width:40px;height:40px}
.tl-area p{padding:0}
@media (hover:hover){.tl-area:hover .tl-area__ico{background:var(--ga-marina);color:#fff;transform:translateY(-4px) rotate(-6deg)}}
/* iconos de las áreas ANIMADOS (Carlos: «logos animados»), un gesto propio por área, en bucle suave */
.tl-area__ico svg{width:46px;height:46px;overflow:visible}
.tl-area__ico svg *{transform-box:fill-box}
/* cocina: el gorro flota */
.tl-ico--cocinero svg{animation:tlFlota 2.6s ease-in-out infinite}
/* servicio: la tapa de la charola se levanta y vuelve */
.tl-ico--mesero svg path{transform-origin:50% 100%;animation:tlTapa 2.8s ease-in-out infinite}
/* bar: la copa se mece */
.tl-ico--SenorFrogs svg{transform-origin:50% 90%;animation:tlMece 2.4s ease-in-out infinite}
/* hostess: la campana suena */
.tl-ico--Porfirios svg{transform-origin:50% 85%;animation:tlCampana 3s ease-in-out infinite}
/* oficinas: el maletín rebota */
.tl-ico--Falcon svg{animation:tlRebota 2.2s cubic-bezier(.3,.7,.4,1) infinite}
@keyframes tlFlota{0%,100%{transform:translateY(1px)}50%{transform:translateY(-4px)}}
@keyframes tlTapa{0%,55%,100%{transform:none}70%{transform:translateY(-3px) rotate(-8deg)}85%{transform:translateY(-1px) rotate(-3deg)}}
@keyframes tlMece{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes tlCampana{0%,60%,100%{transform:rotate(0)}66%{transform:rotate(-14deg)}72%{transform:rotate(12deg)}78%{transform:rotate(-8deg)}84%{transform:rotate(5deg)}90%{transform:rotate(0)}}
@keyframes tlRebota{0%,100%{transform:translateY(0)}35%{transform:translateY(-6px)}55%{transform:translateY(0)}65%{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.tl-area__ico svg,.tl-area__ico svg *{animation:none!important}}
.tl-intro .pd-quienes{margin-bottom:0}   /* sin galería debajo: margen de abajo igual al de arriba */
/* CONTACTO (2026-09-30): el corporativo con su foto junto al formulario; atajos a quien atiende de verdad */
.ct-form .ct-form__caja{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);max-width:1140px;gap:clamp(28px,4vw,56px);align-items:stretch}
.ct-corp{display:grid;grid-template-rows:auto 1fr;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(22,32,47,.05),0 24px 50px -30px rgba(22,32,47,.35)}
.ct-corp__foto{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--ga-cielo-claro)}
.ct-corp__foto img{width:100%;height:100%;object-fit:cover;display:block}
.ct-corp__datos{display:grid;align-content:start;gap:14px;padding:clamp(22px,2.6vw,32px)}
.ct-corp__datos h2{margin:0 0 4px}
.ct-dato{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;margin:0;font-size:15px;line-height:23px;color:var(--ga-tinta)}
.ct-dato a{color:var(--ga-marina);font-weight:700;text-decoration:none}
.ct-dato a:hover{text-decoration:underline}
.ct-dato__ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ga-cielo-claro);color:var(--ga-marina)}
.ct-dato__ico svg{width:20px;height:20px}
.ct-corp__datos p:last-child{margin:6px 0 0}
.ct-form__titulo{margin:0 0 18px}
@media (min-width:981px){
  .ct-form .form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ct-form .form label.ancho,.ct-form .form .ancho,.ct-form .form p.ancho,.ct-form .form div.ancho,.ct-form .form label:has(textarea){grid-column:1 / -1}
  .ct-form .form label:has(textarea) textarea{height:120px;min-height:120px}
}
@media (max-width:980px){.ct-form .ct-form__caja{grid-template-columns:1fr}}
.ct-atajos__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.ct-atajo{display:grid;justify-items:center;align-content:start;gap:10px;height:100%;padding:30px 20px 26px;text-align:center;text-decoration:none;border-radius:18px;background:#fff;border:1px solid transparent;
  transition:border-color .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.ct-atajo strong{font-size:17px;font-weight:700;color:var(--ga-marina)}
.ct-atajo p{margin:0;font-size:14px;line-height:21px;color:var(--ga-acero)}
.ct-atajo__ir{margin-top:auto;padding-top:8px;font-size:13px;font-weight:700;letter-spacing:.3px;color:var(--ga-marina);border-bottom:1px solid currentColor}
@media (hover:hover){.ct-atajo:hover{border-color:var(--ga-marina);transform:translateY(-5px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 26px 48px -26px rgba(22,32,47,.42)}
  .ct-atajo:hover .tl-area__ico{background:var(--ga-marina);color:#fff;transform:translateY(-4px) rotate(-6deg)}}
@media (max-width:980px){.ct-atajos__reja{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .ct-atajos__reja{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding:4px var(--lado) 12px;scroll-padding-inline:var(--lado)}
  .ct-atajos__reja::-webkit-scrollbar{display:none}.ct-atajos__reja li{flex:0 0 72%;scroll-snap-align:start}
}
.ct-intro .pd-quienes{margin-bottom:0}
/* el formulario de Contacto va a 2 columnas, con el tamaño compacto de Talento pero sin sus posiciones fijas */
.ct-form .form{gap:14px 16px}
.ct-form .form label{display:flex;flex-wrap:wrap;align-items:baseline;gap:0;font-size:12px}
.ct-form .form label .form__aviso{display:inline;margin-left:4px;font-size:12px}
.ct-form .form label>input,.ct-form .form label>select,.ct-form .form label>textarea{flex:1 0 100%;width:100%;margin-top:6px}
.ct-form .form input,.ct-form .form select{height:42px;padding:0 14px;font-size:14.5px;border-radius:10px}
.ct-form .form textarea{height:120px;min-height:120px;padding:10px 14px;font-size:14.5px;border-radius:10px}
.ct-form .form p.form__aviso{font-size:12px;margin:0}
.ct-form .pd-boton{padding:12px 22px;border-color:var(--ga-marina)}
.ct-form .pd-boton--oscuro:hover{border-color:var(--ga-noche)}
.ct-form .ct-form__titulo{margin:0 0 20px}
.ct-form .pd-boton--oscuro,.ct-corp .pd-boton--oscuro{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.ct-form .pd-boton--oscuro:hover,.ct-corp .pd-boton--oscuro:hover{background:var(--ga-noche);border-color:var(--ga-noche);color:#fff}
/* PROVEEDORES (2026-09-30): qué compramos junto al formulario y los tres pasos (tarjeta con cinta, disco con número, escalonadas) */
.pv-compras .ct-corp__datos{gap:18px;padding:clamp(26px,3vw,38px)}
.pv-dato{align-items:start}
.pv-dato strong{display:block;margin-bottom:2px;color:var(--ga-marina)}
.pv-pasos__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);max-width:1080px;margin-inline:auto}
.pv-paso{--c:var(--ga-marina);position:relative;display:grid;justify-items:center;gap:10px;padding:34px 24px 28px;text-align:center;border-radius:18px;background:#fff;overflow:hidden;
  box-shadow:0 1px 2px rgba(22,32,47,.05),0 22px 44px -28px rgba(22,32,47,.35)}
.pv-paso::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--c)}
.pv-paso:nth-child(2){--c:var(--ga-acero-2);transform:translateY(22px)}
.pv-paso:nth-child(3){--c:var(--ga-cielo);transform:translateY(44px)}
.pv-paso__n{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--c);color:#fff;font-family:var(--ga-titular);font-weight:700;font-size:22px}
.pv-paso:nth-child(3) .pv-paso__n{color:var(--ga-marina)}
.pv-paso strong{font-size:17px;color:var(--ga-marina)}
.pv-paso p{margin:0;font-size:14px;line-height:21px;color:var(--ga-acero)}
.pd-sec.pv-pasos{padding-bottom:calc(clamp(64px,8vw,112px) + 44px)}
.pv-compras .ct-corp__datos{align-content:center}
@media (max-width:760px){
  .pv-pasos__reja{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding:4px var(--lado) 16px;scroll-padding-inline:var(--lado)}
  .pv-pasos__reja::-webkit-scrollbar{display:none}
  .pv-paso{flex:0 0 74%;scroll-snap-align:start}.pv-paso:nth-child(n){transform:none}
  .pd-sec.pv-pasos{padding-bottom:clamp(64px,8vw,112px)}
}
/* KIDS CLUB (2026-09-30): las cuatro láminas de la web original como carteles, cada una a su marca */
.kd-entrada{margin:12px auto 0;max-width:560px;font-size:15px;line-height:23px;color:var(--ga-acero)}
.kd-clubs__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}
.kd-club{display:grid;border-radius:18px;overflow:hidden;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(22,32,47,.05),0 22px 44px -28px rgba(22,32,47,.35);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.kd-club__foto{display:block;aspect-ratio:764/1250;overflow:hidden;background:var(--ga-marina)}
.kd-club__foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.kd-clubs__reja li{display:flex}.kd-club{flex:1;grid-template-rows:auto 1fr}
.kd-club__pie{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:14px 18px}
.kd-club__pie strong{font-size:16px;color:var(--ga-marina)}
.kd-club__pie span{font-size:12.5px;font-weight:700;color:var(--ga-marina);border-bottom:1px solid currentColor;white-space:nowrap}
@media (hover:hover){.kd-club:hover{transform:translateY(-6px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 30px 54px -28px rgba(22,32,47,.45)}.kd-club:hover .kd-club__foto img{transform:scale(1.04)}}
.kd-claves{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin-inline:auto}
@media (max-width:980px){.kd-clubs__reja{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){
  .kd-clubs__reja{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding:4px var(--lado) 16px;scroll-padding-inline:var(--lado)}
  .kd-clubs__reja::-webkit-scrollbar{display:none}.kd-clubs__reja li{flex:0 0 72%;scroll-snap-align:start}
}
/* KIDS CLUBS (2026-10-15): la portada en filas grandes por club y una página por club (/kids-club/<club>/),
   sobre el modelo de Piccolitos. En móvil TODO va hacia abajo, nada de carrusel (Carlos). */
.kd-filas{list-style:none;margin:0;padding:0;display:grid;gap:clamp(22px,3vw,40px)}
.kd-fila{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;background:#fff;border-radius:var(--ga-radio-caja);overflow:hidden;box-shadow:var(--ga-sombra)}
.kd-fila:nth-child(even) .kd-fila__foto{order:2}
.kd-fila__foto{display:block;min-height:340px;overflow:hidden;background:var(--ga-marina)}
.kd-fila__foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.kd-fila:hover .kd-fila__foto img{transform:scale(1.04)}}
.kd-fila__txt{display:grid;align-content:center;justify-items:start;gap:14px;padding:clamp(28px,4vw,56px)}
.kd-fila__txt .pd-quienes__etq{color:var(--ga-acero);margin:0}
.kd-fila__nombre{margin:0;font-family:var(--ga-titular);font-weight:600;font-size:clamp(30px,3.2vw,42px);line-height:1.05;color:var(--ga-marina)}
.kd-fila__logo{margin:0}.kd-fila__logo img{display:block;height:clamp(40px,4vw,54px);width:auto}
.kd-fila__lema{margin:0;font-size:17px;line-height:1.5;color:var(--ga-acero);max-width:44ch}
.kd-fila__amen{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kd-fila__amen li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--ga-fondo);border:var(--ga-borde);font-size:13.5px;font-weight:600;color:var(--ga-marina)}
.kd-fila__amen svg{width:20px;height:20px;flex:none}
@media (max-width:860px){
  .kd-fila{grid-template-columns:1fr}
  .kd-fila:nth-child(even) .kd-fila__foto{order:0}
  .kd-fila__foto{min-height:0;aspect-ratio:16/10}
}
.kd-claves .ct-atajo{height:100%}
@media (max-width:620px){
  .ct-atajos__reja.kd-claves{display:grid;grid-template-columns:1fr;overflow:visible;margin-inline:0;padding:0}
}

.kc-logo{margin:0;display:block;width:fit-content;justify-self:start;padding:18px 24px;border-radius:18px;background:#fff}.kc-logo img{display:block;width:min(100%,260px);height:auto}
.kc-amen .pd-legado__titular,.kc-gal .pd-legado__titular,.kc-saber .pd-legado__titular,.kc-donde .pd-legado__titular,.kc-otros .pd-legado__titular,.kd-clubs .pd-legado__titular{white-space:normal;text-wrap:balance;max-width:28ch;margin-inline:auto}
.kc-intro__der{display:grid;gap:18px}
.kc-lema{margin:0;font-family:var(--ga-titular);font-weight:600;font-size:clamp(22px,2.4vw,30px);line-height:1.25;letter-spacing:.02em;color:#fff;text-wrap:balance}
.kc-etq{margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:var(--ga-track-etiqueta);text-transform:uppercase;color:var(--ga-acero)}
.kc-amen__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:clamp(14px,1.6vw,22px)}
.kc-amen__reja--texto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.kc-amen__item{display:grid;justify-items:center;align-content:start;gap:12px;padding:30px 20px 28px;text-align:center;border-radius:18px;background:#fff;box-shadow:var(--ga-sombra)}
.kc-amen__item strong{font-size:16px;line-height:1.35;font-weight:700;color:var(--ga-marina);max-width:20ch}
.kc-amen__item p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ga-acero)}
.kc-amen__ico{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--ga-cielo-claro);color:var(--ga-marina)}
.kc-amen__ico svg{width:40px;height:40px}
.kc-accion{margin:clamp(28px,3.4vw,44px) 0 0;text-align:center}
.kc-gal__reja{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kc-gal__reja figure{margin:0;aspect-ratio:4/3;border-radius:var(--ga-radio-foto);overflow:hidden;background:var(--ga-cielo-claro)}
.kc-gal__reja img{width:100%;height:100%;object-fit:cover;display:block}
.kc-gal__reja--4,.kc-gal__reja--8{grid-template-columns:repeat(4,minmax(0,1fr))}
.kc-gal__reja--7 > :first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.kc-gal__reja--7{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.kc-gal__reja,.kc-gal__reja--4,.kc-gal__reja--7,.kc-gal__reja--8{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .kc-gal__reja--7 > :first-child{grid-row:auto;aspect-ratio:16/10}}
.kc-saber__caja{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.kc-saber__caja--una{grid-template-columns:minmax(0,720px);justify-content:center}
.kc-saber .pd-legado__titular{text-align:left;margin:0 0 22px}
.kc-datos ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.kc-datos li{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:var(--ga-sombra)}
.kc-datos__ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ga-cielo-claro);color:var(--ga-marina)}
.kc-datos__ico svg{width:32px;height:32px}
.kc-datos strong{display:block;font-size:13px;font-weight:700;letter-spacing:var(--ga-track-etiqueta);text-transform:uppercase;color:var(--ga-acero);margin:4px 0 6px}
.kc-datos p{margin:0;font-size:16px;line-height:1.5;color:var(--ga-marina)}
.kc-menu{padding:clamp(24px,3vw,36px);border-radius:var(--ga-radio-caja);background:#fff;box-shadow:var(--ga-sombra)}
.kc-menu__foto{margin:0 0 22px;aspect-ratio:16/10;border-radius:var(--ga-radio-foto);overflow:hidden}
.kc-menu__foto img{width:100%;height:100%;object-fit:cover;display:block}
.kc-menu__platos{list-style:none;margin:0;padding:0}
.kc-menu__platos li{display:grid;gap:3px;padding:13px 0;border-top:var(--ga-borde)}
.kc-menu__platos li:first-child{border-top:0;padding-top:0}
.kc-menu__platos strong{font-size:16px;color:var(--ga-marina)}
.kc-menu__platos span{font-size:14px;line-height:1.5;color:var(--ga-acero)}
@media (max-width:860px){.kc-saber__caja{grid-template-columns:1fr}}
.kc-donde__caja{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.kc-donde__foto{position:sticky;top:calc(var(--ga-cabecera) + 24px);margin:0;aspect-ratio:4/3;border-radius:var(--ga-radio-caja);overflow:hidden;background:var(--ga-marina);box-shadow:var(--ga-sombra)}
.kc-donde__foto img{width:100%;height:100%;object-fit:cover;display:block}
.kc-donde__sello{position:absolute;left:20px;bottom:20px;display:grid;gap:2px;padding:14px 20px;border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px)}
.kc-donde__sello strong{font-family:var(--ga-titular);font-weight:600;font-size:22px;color:var(--ga-marina)}
.kc-donde__sello span{font-size:12px;font-weight:700;letter-spacing:var(--ga-track-etiqueta);text-transform:uppercase;color:var(--ga-acero)}
.kc-donde__txt{display:grid;align-content:start;gap:14px}
.kc-donde__titular{margin:0;font-family:var(--ga-titular);font-weight:600;font-size:clamp(22px,2.2vw,30px);line-height:1.15;color:var(--ga-marina);white-space:nowrap}
.kc-donde__entrada{margin:0 0 10px;font-size:17px;line-height:1.6;color:var(--ga-acero);max-width:46ch}
.kc-sucs{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.kc-suc{display:grid;gap:14px;padding:24px 26px;border-radius:20px;background:#fff;box-shadow:var(--ga-sombra);border-left:4px solid var(--ga-cielo)}
.kc-suc__cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.kc-suc__cab h3{margin:0;font-size:20px;color:var(--ga-marina)}
.kc-suc__cab span{font-size:12px;font-weight:700;letter-spacing:var(--ga-track-etiqueta);text-transform:uppercase;color:var(--ga-acero)}
.kc-suc__datos{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.kc-suc__datos li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:15px;line-height:1.5;color:var(--ga-acero)}
.kc-suc__datos svg{width:22px;height:22px;color:var(--ga-marina)}
.kc-suc__datos a{color:var(--ga-marina);font-weight:600}
.kc-suc__acciones{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-top:4px}
@media (max-width:900px){
  .kc-donde__caja{grid-template-columns:1fr}
  .kc-donde__foto{position:relative;top:auto;aspect-ratio:4/3}
  .kc-donde__titular{white-space:normal}
  .kc-donde__sello{left:12px;bottom:12px;padding:9px 14px;border-radius:12px}.kc-donde__sello strong{font-size:17px}.kc-donde__sello span{font-size:10.5px}
}
.kc-otros__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.kc-otro{display:grid;text-decoration:none;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--ga-sombra);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.kc-otro__foto{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--ga-marina)}
.kc-otro__foto img{width:100%;height:100%;object-fit:cover;display:block}
.kc-otro__txt{display:grid;gap:2px;padding:14px 18px 16px}
.kc-otro__txt strong{font-size:17px;color:var(--ga-marina)}
.kc-otro__txt span{font-size:13.5px;color:var(--ga-acero)}
@media (hover:hover){.kc-otro:hover{transform:translateY(-6px)}}
@media (max-width:860px){.kc-otros__reja{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){
  .kc-otros__reja{grid-template-columns:1fr;gap:10px}
  .kc-otro{grid-template-columns:120px 1fr;align-items:center}
  .kc-otro__foto{aspect-ratio:1;height:100%}
}
/* CONVENIO (2026-09-30): directorio de los negocios del catálogo; filtros en píldora como los del home, buscador y tarjetas */
.cv__cab{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;margin-bottom:24px}
.cv__pdf{gap:10px;padding:12px 22px;background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.cv__pdf:hover{background:var(--ga-noche);border-color:var(--ga-noche);color:#fff}
.cv__pdf svg{width:18px;height:18px}
.cv__pdf small{font-size:10px;opacity:.7;letter-spacing:.1em}
.cv__mandos{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;margin-bottom:clamp(26px,3vw,40px)}
.cv__filtros{display:flex;flex-wrap:wrap;gap:8px}
.cv__filtros button{padding:10px 18px;border-radius:999px;border:1px solid var(--ga-linea);background:transparent;color:var(--ga-marina);cursor:pointer;
  font:600 11.5px/1 var(--ga-texto);letter-spacing:.16em;text-transform:uppercase;transition:background .25s ease,color .25s ease,border-color .25s ease}
.cv__filtros button span{margin-left:4px;opacity:.6;letter-spacing:0}
.cv__filtros button:hover{border-color:var(--ga-marina)}
.cv__filtros button[aria-pressed=true]{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.cv__buscar{position:relative;flex:0 1 320px}
.cv__buscar svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--ga-acero)}
.cv__buscar input{width:100%;height:44px;padding:0 16px 0 42px;border:1px solid var(--ga-linea);border-radius:999px;background:#fff;font:500 14.5px var(--ga-texto);color:var(--ga-tinta)}
.cv__buscar input:focus{outline:2px solid var(--ga-cielo);border-color:var(--ga-marina)}
.cv__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.cv-card[hidden]{display:none}
.cv-card{display:grid;grid-template-rows:auto 1fr;border-radius:18px;overflow:hidden;background:#fff;border:1px solid transparent;
  transition:border-color .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.cv-card__foto{position:relative;aspect-ratio:16/10;background:var(--ga-cielo-claro)}
.cv-card__foto>img{width:100%;height:100%;object-fit:cover;display:block}
.cv-card__logo{position:absolute;left:20px;bottom:-28px;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 6px 18px -6px rgba(22,32,47,.35);overflow:hidden}
.cv-card__logo img{width:100%;height:100%;object-fit:cover;display:block}
.cv-card__cuerpo{display:grid;align-content:start;gap:8px;padding:40px 22px 24px}
.cv-card__cat{margin:0;font:600 11px/1.2 var(--ga-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--ga-acero-2)}
.cv-card h3{margin:0;font:700 18px/1.25 var(--ga-texto);color:var(--ga-marina)}
.cv-card__giro{margin:0;font-size:14px;line-height:21px;color:var(--ga-acero)}
.cv-card__ben{margin:4px 0 2px;padding:12px 14px;border-radius:12px;background:var(--ga-cielo-claro)}
.cv-card__ben p{margin:0;font-size:14.5px;line-height:21px;font-weight:600;color:var(--ga-marina)}
.cv-card__ben p+p{margin-top:4px}
.cv-card__datos{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.cv-card__datos li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;font-size:13.5px;line-height:20px;color:var(--ga-tinta)}
.cv-card__datos svg{width:18px;height:18px;margin-top:1px;color:var(--ga-acero-2)}
.cv-card__datos a{color:var(--ga-marina);font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.cv-card__datos a:hover{text-decoration:underline}
@media (hover:hover){.cv-card:hover{border-color:var(--ga-marina);transform:translateY(-5px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 26px 48px -26px rgba(22,32,47,.42)}}
.cv__vacio{margin:24px 0 0;text-align:center;color:var(--ga-acero)}
@media (max-width:980px){.cv__reja{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .cv__cab{justify-content:center;text-align:center}
  .cv__mandos{flex-direction:column;align-items:stretch}
  .cv__filtros{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding-inline:var(--lado)}
  .cv__filtros::-webkit-scrollbar{display:none}.cv__filtros button{flex:0 0 auto}
  .cv__buscar{flex:none}
  .cv__reja{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding:4px var(--lado) 16px;scroll-padding-inline:var(--lado);align-items:stretch}
  .cv__reja::-webkit-scrollbar{display:none}.cv-card{flex:0 0 80%;scroll-snap-align:start}
}
.cv .cv__pdf{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff;padding:12px 22px}
.cv .cv__pdf:hover{background:var(--ga-noche);border-color:var(--ga-noche);color:#fff}
@media (max-width:620px){.cv__reja{align-items:flex-start}}
@media (max-width:620px){.cv__mandos>*{min-width:0;max-width:calc(100% + 2 * var(--lado))}.cv__filtros{width:auto}.cv__buscar{width:100%}}
.cv-card h3{white-space:nowrap}
.cv-card__sec{margin:-4px 0 0;font-size:13px;font-weight:600;color:var(--ga-acero-2)}
@media (max-width:760px){.ct-hero .banner__foto{object-position:42% 50%}}   /* el letrero de Anderson's entero en móvil */
/* banda navy de presentación en las páginas nuevas: menos aire arriba y abajo (Carlos, 2026-09-30: «mucho margen») */
.pd-sec.ct-intro,.pd-sec.tl-intro{padding-block:clamp(40px,4.5vw,64px)}
/* PÁGINAS DE TEXTO (legales y landings, 2026-09-30, Carlos: «títulos más pequeños y texto justificado») */
.tx-titular{font-size:clamp(22px,2.2vw,30px);line-height:1.2}
.tx-solo{grid-template-columns:1fr}
.tx-prosa{font-size:16px;line-height:1.75}
.tx-prosa p,.tx-prosa li{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.tx-prosa h2{font-size:clamp(17px,1.5vw,20px);font-weight:700;line-height:1.3;margin-top:2em;color:var(--ga-marina)}
.tx-prosa h3{font-size:16px;font-weight:700;margin-top:1.6em;color:var(--ga-marina)}
.tx-prosa > :first-child{margin-top:0}
.pd-sec.tx{padding-block:clamp(40px,4.5vw,64px)}
.tx-junto{hyphens:none;-webkit-hyphens:none;overflow-wrap:anywhere}
/* FICHA DE MARCA (2026-09-30): banda navy con logo, locaciones en tarjetas, secciones con el titular del sistema */
.mc-logo{margin:0;width:min(260px,70%);height:84px;background:#fff;-webkit-mask:var(--logo) left center/contain no-repeat;mask:var(--logo) left center/contain no-repeat}
.mc-eslogan{margin:14px 0 0;font:500 15px/1.4 var(--ga-texto);color:var(--ga-cielo)}
.mc-der{display:grid;gap:22px}
.mc-desc p{margin:0;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.mc-desc p+p{margin-top:.9em}
.mc-desc h2,.mc-desc h3{display:none}
.mc-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mc-intro .mc-web{border-color:rgba(255,255,255,.7);color:#fff;padding:12px 22px}
.mc-intro .mc-web:hover{background:#fff;color:var(--ga-marina)}
.mc-red{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(201,222,240,.4);color:#fff;transition:background .25s,color .25s,border-color .25s}
.mc-red svg{width:18px;height:18px}
.mc-red:hover{background:#fff;color:var(--ga-marina);border-color:#fff}
.mc-locs__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.mc-locs__reja--una{grid-template-columns:minmax(0,440px);justify-content:center}
.mc-loc{display:grid;align-content:start;gap:10px;padding:26px 24px;border-radius:18px;background:#fff;border:1px solid transparent;
  transition:border-color .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.mc-loc h3{margin:0;font:700 18px/1.25 var(--ga-texto);color:var(--ga-marina)}
.mc-loc__acciones{display:flex;align-items:center;gap:18px;margin-top:auto;padding-top:10px}
.mc-loc .pd-boton--oscuro{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff;padding:10px 20px}
.mc-loc .pd-boton--oscuro:hover{background:var(--ga-noche);border-color:var(--ga-noche)}
.mc-loc .ct-atajo__ir{margin:0;padding:0;text-decoration:none}
@media (hover:hover){.mc-loc:hover{border-color:var(--ga-marina);transform:translateY(-5px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 26px 48px -26px rgba(22,32,47,.42)}}
@media (max-width:980px){.mc-locs__reja{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .mc-logo{margin-inline:auto;background-position:center;-webkit-mask-position:center;mask-position:center}
  .mc-acciones{justify-content:center}
  .mc-locs__reja{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--lado));padding:4px var(--lado) 16px;scroll-padding-inline:var(--lado);align-items:flex-start}
  .mc-locs__reja::-webkit-scrollbar{display:none}.mc-loc{flex:0 0 80%;scroll-snap-align:start}
  .mc-locs__reja--una .mc-loc{flex-basis:100%}
}
.mc-desc{font:500 15px/1.6 var(--ga-texto);color:var(--ga-cielo);padding-left:clamp(24px,4vw,56px);border-left:1px solid rgba(201,222,240,.3)}
.mc-der .mc-acciones{padding-left:clamp(24px,4vw,56px)}
@media (max-width:620px){.mc-desc{padding-left:0;border-left:0}.mc-der .mc-acciones{padding-left:0}}
/* ENTRADA DEL BLOG (2026-09-30): portada de revista del índice, cuerpo justificado, vecinas con foto */
.en-titulo{margin:0;font-family:var(--ga-titular);font-weight:700;font-size:clamp(22px,2.1vw,30px);line-height:1.22;letter-spacing:0;color:#fff;text-wrap:balance}
.en-portada .mb-e__texto .em{-webkit-line-clamp:unset;display:block}
.en-compartir{border:0;cursor:pointer}
.en-compartir:hover{gap:16px}
.pd-sec.en-portada{padding-block:clamp(40px,4.5vw,64px)}
.en-prosa figure img{border-radius:18px}
.en-prosa figure{margin-block:2.2em}
.en-vecinas__reja{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px);max-width:1080px;margin-inline:auto}
.en-vecina{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:18px;padding:14px;border-radius:18px;background:#fff;border:1px solid transparent;text-decoration:none;color:var(--ga-tinta);
  transition:border-color .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.en-vecina--sig{grid-template-columns:minmax(0,1fr) 120px;text-align:right}
.en-vecina--sig .en-vecina__foto{order:2}
.en-vecina__foto{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--ga-cielo-claro)}
.en-vecina__foto img{width:100%;height:100%;object-fit:cover;display:block}
.en-vecina small{display:block;margin-bottom:6px;font:700 10.5px/1 var(--ga-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--ga-acero-2)}
.en-vecina strong{font:700 15.5px/1.35 var(--ga-texto);color:var(--ga-marina)}
@media (hover:hover){.en-vecina:hover{border-color:var(--ga-marina);transform:translateY(-4px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 22px 44px -26px rgba(22,32,47,.42)}}
@media (max-width:760px){.en-vecinas__reja{grid-template-columns:1fr}.en-vecina,.en-vecina--sig{grid-template-columns:88px minmax(0,1fr);text-align:left}.en-vecina--sig .en-vecina__foto{order:0}.en-vecinas__reja>span{display:none}}
.en-mas .pd-mas{margin-top:clamp(28px,3vw,40px);text-align:center}
.en-vecinas__reja--una{grid-template-columns:minmax(0,520px);justify-content:center}
.en-vecinas__reja--una .en-vecina--sig{grid-template-columns:120px minmax(0,1fr);text-align:left}.en-vecinas__reja--una .en-vecina--sig .en-vecina__foto{order:0}
.en-prosa p,.en-prosa li{text-wrap:pretty}
.pd-sec.en-vecinas{padding-block:clamp(40px,4.5vw,64px)}
@media (max-width:380px){.pd-ig__cab{flex-wrap:wrap;justify-content:center;text-align:left}}   /* a 320 px el perfil y «Seguir» no caben en una fila */
/* MANDOS DE LOS CARRILES EN MÓVIL (carriles.js, 2026-09-30): flecha · puntos (o barra) · flecha, como los galardones del home.
   Toman el color del texto de su sección, así valen en bandas claras y navy. */
.carril-mandos{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}
.carril-mandos[hidden]{display:none}
.carril-mandos button[data-paso]{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:99px;cursor:pointer;background:transparent;color:inherit;
  border:1px solid color-mix(in srgb, currentColor 35%, transparent);transition:background .25s,color .25s,border-color .25s,opacity .25s}
.carril-mandos button[data-paso]::before{content:"";width:11px;height:11px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:translateX(-2px) rotate(45deg)}
.carril-mandos button[data-paso="-1"]::before{transform:translateX(2px) rotate(-135deg)}
.carril-mandos button[data-paso][disabled]{opacity:.35;cursor:default}
.carril-mandos__puntos{display:flex;gap:7px;align-items:center}
.carril-mandos__puntos button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:currentColor;opacity:.28;cursor:pointer;transition:width .3s,opacity .3s}
.carril-mandos__puntos button.es-activo{width:22px;opacity:.9}
.carril-mandos__barra{position:relative;width:120px;height:3px;border-radius:3px;background:color-mix(in srgb, currentColor 18%, transparent);overflow:hidden}
.carril-mandos__barra span{position:absolute;inset:0 auto 0 0;width:10%;border-radius:3px;background:currentColor;opacity:.8;transition:width .2s}
@media (max-width:620px){.ct-atajos__reja.kd-claves{max-width:none;margin-inline:calc(-1 * var(--lado))}}   /* Kids: el carril llega a los bordes como los demás */
@media (max-width:620px){.cv__reja{align-items:flex-start}}
.gv__cab > *{max-width:100%;min-width:0}   /* móvil: el titular centrado no puede ser más ancho que la pantalla (Galardones se salía de lado) */
/* móvil: el cierre «La historia sigue» de Nosotros y la cabecera de «Postúlate» en Talento van centrados como el resto */
@media (max-width:620px){
  .seccion--cielo .caja:has(> .rotulo), .seccion--cielo .rotulo{text-align:center;justify-items:center;margin-inline:auto}
  .seccion--cielo .rotulo::after{justify-self:center}
  .seccion--cielo .botones{justify-content:center}
  .tl-form__lado{text-align:center;justify-items:center}
  .tl-form__lado h2{padding-right:0}
  .tl-form__txt{padding-left:0;border-left:0}
  .tl-form__bolsas{justify-content:center}
}
/* con 3 atajos (Contacto sin Proveedores) la rejilla va en 3 columnas centradas: sin hueco */
@media (min-width:981px){.ct-atajos__reja:has(> li:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin-inline:auto}}
/* Galardones: los años en que se ganó cada premio, en píldoras pequeñas arriba de la tarjeta (Carlos, 2026-09-30) */
.gv__anios{position:absolute;left:14px;top:14px;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100% - 64px)}
.gv__anios span{padding:4px 8px;border-radius:999px;background:var(--ga-cielo-claro);color:var(--ga-marina);font:700 10.5px/1 var(--ga-texto);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.gv__t:hover .gv__anios span{background:var(--ga-marina);color:#fff}
.pr-n--grande .pr-n__logo{inset:auto auto 22px 24px;width:min(190px,40%);height:46px;-webkit-mask-position:left bottom;mask-position:left bottom;z-index:2}
/* nota grande: el logo del medio pequeño en la esquina, con un degradado detrás; ya no tapa la foto (Carlos, 2026-09-30: el de Selecciones se veía mal) */
.pr-n--grande .pr-n__foto::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(22,32,47,.7));pointer-events:none}
.pr-n--grande .pr-n__foto img{filter:grayscale(1) brightness(.8)}
/* medio sin logo: su nombre contenido y centrado, en una o dos líneas cortas, no un titular gigante sobre la foto (2026-09-30) */
.pr-n__foto .pr-n__medio{position:absolute;inset:auto 16px 50% 16px;transform:translateY(50%);text-align:center;font:700 clamp(14px,1.3vw,17px)/1.25 var(--ga-titular);letter-spacing:.06em;text-transform:uppercase;color:#fff;text-wrap:balance;text-shadow:0 1px 8px rgba(0,0,0,.4)}

/* ══ Móvil · el botón fijo de contacto (el de Keybourne, con la piel de Anderson's) ══
   Barra ancha abajo, siempre a mano desde que carga. Se retira con el formulario
   de contacto en pantalla o el menú abierto, y no existe en /contacto/.
   Cielo con letra tinta (el CTA del header) y píldora (radio de botón de la casa). */
.cta-movil{display:none}
@media (max-width:880px){
  .barra__cta{display:none}
  .cta-movil{display:flex;position:fixed;z-index:50;left:28px;right:28px;
    bottom:calc(12px + env(safe-area-inset-bottom));height:50px;
    align-items:center;justify-content:center;text-decoration:none;
    background:var(--ga-cielo);color:var(--ga-tinta);border-radius:var(--ga-radio-boton);
    font:600 13px/1 var(--ga-texto);letter-spacing:.2em;text-transform:uppercase;
    box-shadow:0 10px 28px -12px rgba(22,32,47,.55);
    transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;
    transition:transform .45s cubic-bezier(.23,1,.32,1),opacity .3s ease}
  .cta-movil.visible{transform:none;opacity:1;pointer-events:auto}
  body.menu-abierto .cta-movil{opacity:0;pointer-events:none}
  /* Que el botón no tape el final del pie. */
  body:has(.cta-movil) .pie{padding-bottom:calc(32px + 84px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.cta-movil{transition:none}}

/* ══ Menú del teléfono · el de Keybourne con la piel de Anderson's (Carlos, 2026-10-01: «más bonito, la letra
   se ve grande»). Lista centrada en mayúsculas espaciadas, sin rayas, que entra escalonada; el idioma abajo
   tras un filete fino; la página en la que estás, en cielo. ══ */
.menu-movil{display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-content:stretch;justify-items:center;
  padding:calc(var(--barra-alto) + 2 * var(--flota) + 16px) var(--lado) calc(28px + env(safe-area-inset-bottom))}
.menu-movil[hidden]{display:none}
.menu-movil nav{align-self:center;display:grid;justify-items:center;gap:clamp(4px,1.4vh,12px)}
.menu-movil nav a{display:block;padding:10px 12px;border-bottom:0;
  font-family:var(--ga-titular);font-weight:700;font-size:clamp(17px,4.8vw,20px);letter-spacing:.16em;text-transform:uppercase;
  color:#fff;animation:menu-entra .5s cubic-bezier(.23,1,.32,1) both}
.menu-movil nav a[aria-current="page"]{color:var(--ga-cielo)}
.menu-movil nav a:nth-child(2){animation-delay:.04s}.menu-movil nav a:nth-child(3){animation-delay:.08s}
.menu-movil nav a:nth-child(4){animation-delay:.12s}.menu-movil nav a:nth-child(5){animation-delay:.16s}
.menu-movil nav a:nth-child(6){animation-delay:.2s}.menu-movil nav a:nth-child(7){animation-delay:.24s}
.menu-movil nav a:nth-child(8){animation-delay:.28s}
.menu-movil__idioma{padding:14px 20px 4px;text-decoration:none;font:600 12px/1 var(--ga-texto);letter-spacing:.18em;
  text-transform:uppercase;color:var(--ga-cielo);border-top:1px solid rgba(201,222,240,.28)}
/* Escritorio (2026-10-15): el mismo menú completo como cajón lateral derecho. Lo abre el botón del extremo
   derecho de la barra; velo oscuro detrás que lo cierra al hacer clic fuera. */
.menu-velo{display:none}
@media (min-width:1081px){
  .barra__abrir{display:block;margin-left:-4px}
  .menu-movil{inset:0 0 0 auto;width:min(440px,92vw);justify-items:start;box-shadow:-30px 0 80px -30px rgba(10,16,26,.6);
    padding:calc(var(--barra-alto) + 2 * var(--flota) + 40px) 56px 40px;animation:cajon-entra .45s cubic-bezier(.23,1,.32,1) both}
  .menu-movil nav{justify-items:start;align-self:start;gap:6px}
  .menu-movil nav a{font-size:19px;padding:12px 0;letter-spacing:.14em}
  .menu-movil nav a:hover{color:var(--ga-cielo)}
  .menu-movil__idioma{padding:16px 0 0;justify-self:start;border-top:1px solid rgba(201,222,240,.28)}
  .menu-velo{display:block;position:fixed;inset:0;z-index:54;background:rgba(10,16,26,.45);backdrop-filter:blur(2px);animation:velo-entra .35s ease both}
  .menu-velo[hidden]{display:none}
}
@keyframes cajon-entra{from{transform:translateX(100%)}to{transform:none}}
@keyframes velo-entra{from{opacity:0}to{opacity:1}}
@keyframes menu-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.menu-movil nav a{animation:none}}

/* Marcas · filtros en una sola línea en el teléfono (Carlos, 2026-10-01): se reparten el ancho, letra y relleno
   más chicos; si una pantalla muy estrecha no da, la fila se desliza en vez de partirse. */
@media (max-width:620px){
  .mk__filtros{flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;scrollbar-width:none;
    margin-inline:calc(-1 * var(--lado));padding-inline:var(--lado)}
  .mk__filtros::-webkit-scrollbar{display:none}
  .mk__filtros button{flex:1 0 auto;padding:9px 9px;font-size:10px;letter-spacing:.06em;white-space:nowrap}
}

/* Galardones en el teléfono: los años ya no flotan en la esquina (con 3-4 años bajaban a una 2.ª fila y pisaban el
   logo, Carlos 2026-10-01). Van como primera fila de la tarjeta y el logo empieza debajo; las tarjetas sin años
   guardan el mismo hueco para que los logos sigan alineados. */
@media (max-width:700px){
  .gv__t{grid-template-rows:auto auto 1fr;gap:12px}
  .gv__anios{position:static;order:-1;max-width:calc(100% - 38px);min-height:40px;align-content:start;justify-self:start}
  .gv__t:not(.gv__t--cierre):not(:has(.gv__anios))::before{content:"";order:-1;height:40px}
  .gv__mas{top:12px;right:10px;width:28px;height:28px}
}

/* Teléfono: la tarjeta del corporativo centrada (Carlos, 2026-10-01); cada dato con su icono encima */
@media (max-width:760px){
  .ct-corp__datos{justify-items:center;text-align:center}
  .ct-corp .ct-dato{flex-direction:column;align-items:center;gap:8px}
  .ct-corp .ct-dato{display:flex}
}

/* Titulares que en el teléfono pasaban de 3 líneas (revisión de las 484 páginas, 2026-10-01):
   el de cada entrada del blog (22 px, hasta 5 líneas) y el de los hitos de la historia en inglés. */
@media (max-width:760px){
  .en-titulo{font-size:17px;line-height:1.3}
}
@media (max-width:360px){
  .en-titulo{font-size:16px}   /* iPhone SE y teléfonos estrechos: que no pasen de 3 líneas */
}

/* ── Preguntas frecuentes (partials/preguntas.php) · AEO, 2026-10-15 ───────── */
.preguntas{border-top:var(--ga-borde)}
.preguntas__item{border-bottom:var(--ga-borde)}
.preguntas__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--ga-4);padding-block:var(--ga-5);font-weight:600;font-size:18px;color:var(--ga-tinta)}
.preguntas__item summary::-webkit-details-marker{display:none}
.preguntas__item summary::after{content:"+";flex:none;font-size:22px;line-height:1;color:var(--ga-acero)}
.preguntas__item[open] summary::after{content:"–"}
.preguntas__item summary:focus-visible{outline:2px solid var(--ga-marina);outline-offset:4px}
.preguntas__item p{margin:0 0 var(--ga-5);color:var(--ga-acero);max-width:65ch}

/* ENTRADA DEL BLOG · abre con su foto destacada sola, sin texto encima; debajo h1 y fecha (2026-10-16) */
.en-foto{position:relative;margin:0;height:clamp(380px,78svh,820px);overflow:hidden;background:var(--ga-marina)}
.en-foto__img{width:100%;height:100%;object-fit:cover;display:block}
.en-foto::after{content:"";position:absolute;inset:0 0 auto;height:140px;background:linear-gradient(180deg,rgba(22,32,47,.45),rgba(22,32,47,0));pointer-events:none}
.pd-sec.en-art{padding-top:clamp(36px,5vw,64px)}
.en-cab__h1{margin:0 0 22px;font-family:var(--ga-titular);font-weight:600;font-size:clamp(28px,3.6vw,46px);line-height:1.14;letter-spacing:.01em;color:var(--ga-tinta);text-wrap:balance}
.en-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px;font-size:13.5px;color:rgba(22,32,47,.7)}
.en-meta__btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(22,32,47,.18);border-radius:999px;background:none;color:var(--ga-tinta);font:inherit;font-weight:600;cursor:pointer;transition:gap .2s ease,border-color .2s ease}
.en-meta__btn svg{width:16px;height:16px}
.en-meta__btn:hover{gap:12px;border-color:var(--ga-marina)}
.en-meta__btn:focus-visible{outline:2px solid var(--ga-marina);outline-offset:2px}