/* ===========================================================================
   VARIANTES DE DISEÑO (inc/variantes.php)
   Seis cabeceras y seis heros para presentar. Todas reutilizan las piezas de
   style.css (.cab, .cab-nav, .cab-anclas…) y solo reescriben la disposición.
   La 1 es la cabecera de grupo original y no necesita nada de aquí.
   =========================================================================== */

/* ---------- piezas comunes ---------- */
.cab-logo-enlace{display:flex;align-items:center;height:40px;flex:none;color:inherit}
.cab-logo-enlace .cab-marca-img{height:40px}
.cab-logo-enlace img{display:block;height:40px;width:auto;transition:opacity .45s}
@media (max-width:900px){.cab-logo-enlace,.cab-logo-enlace .cab-marca-img,.cab-logo-enlace img{height:32px}}
@media (max-width:640px){.cab-logo-enlace,.cab-logo-enlace .cab-marca-img,.cab-logo-enlace img{height:28px}}
.cab-hamburguesa{
  display:none;align-items:center;justify-content:center;gap:10px;flex:none;
  height:40px;min-width:40px;padding:0 11px;border:1px solid rgba(127,140,170,.45);
  background:none;color:inherit;cursor:pointer;
  font-family:var(--f-datos);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  transition:background .25s,color .25s,border-color .25s;
}
.cab-hamburguesa:hover,.cab-hamburguesa:focus-visible{background:var(--yellow);border-color:var(--yellow);color:var(--navy-deep)}
.cab-hamburguesa-rayas{position:relative;display:block;width:18px;height:12px}
.cab-hamburguesa-rayas span{position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .35s var(--ease),opacity .2s}
.cab-hamburguesa-rayas span:nth-child(1){top:0}
.cab-hamburguesa-rayas span:nth-child(2){top:5px}
.cab-hamburguesa-rayas span:nth-child(3){top:10px}
.cab.menu-abierto .cab-hamburguesa-rayas span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.cab.menu-abierto .cab-hamburguesa-rayas span:nth-child(2){opacity:0}
.cab.menu-abierto .cab-hamburguesa-rayas span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* ---------- menú en línea (2, 3, 4 y 6 en escritorio) ----------
   En escritorio el desplegable deja de serlo: se queda quieto en la barra.
   Por debajo de 1025 px vuelve a ser el desplegable de style.css. */
@media (min-width:1025px){
  .cab--2 .cab-nav,.cab--3 .cab-nav,.cab--4 .cab-nav,.cab--6 .cab-nav{
    position:static;visibility:visible;opacity:1;transform:none;min-width:0;
    padding:0;border:0;background:none;color:inherit;transition:none;
  }
  .cab--2 .cab-anclas,.cab--3 .cab-anclas,.cab--4 .cab-anclas,.cab--6 .cab-anclas{display:flex;align-items:center;gap:2px}
  .cab--2 .cab-anclas a,.cab--3 .cab-anclas a,.cab--4 .cab-anclas a{
    position:relative;padding:10px 12px;border:0;background:none;color:inherit;
  }
  .cab--2 .cab-anclas a::after,.cab--3 .cab-anclas a::after,.cab--4 .cab-anclas a::after{
    content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--yellow);
    transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);
  }
  .cab--2 .cab-anclas a:hover,.cab--3 .cab-anclas a:hover,.cab--4 .cab-anclas a:hover,
  .cab--2 .cab-anclas a.es-activo,.cab--3 .cab-anclas a.es-activo,.cab--4 .cab-anclas a.es-activo{background:none}
  .cab--2 .cab-anclas a:hover::after,.cab--3 .cab-anclas a:hover::after,.cab--4 .cab-anclas a:hover::after,
  .cab--2 .cab-anclas a.es-activo::after,.cab--3 .cab-anclas a.es-activo::after,.cab--4 .cab-anclas a.es-activo::after{transform:scaleX(1)}
}
@media (max-width:1024px){
  .cab--2 .cab-hamburguesa,.cab--3 .cab-hamburguesa,.cab--4 .cab-hamburguesa,.cab--6 .cab-hamburguesa{display:flex}
  .cab--2 .cab-nav,.cab--3 .cab-nav,.cab--4 .cab-nav{left:0;right:0}
  .cab--2 .cab-nav-acciones,.cab--3 .cab-nav-acciones,.cab--4 .cab-nav-acciones,.cab--6 .cab-nav-acciones{display:flex}
  .cab--2 .cab-cta-menu,.cab--4 .cab-cta-menu{display:flex}
  .cab--2 .cab-acciones .cab-cta,.cab--3 .cab-cta{display:none}
}
@media (max-width:640px){
  .cab--2 .cab-nav,.cab--3 .cab-nav,.cab--4 .cab-nav{left:0;right:0}
}

/* ===========================================================================
   2 · CLÁSICA
   =========================================================================== */
.cab--2 .cab-in{gap:var(--s4)}
@media (min-width:1025px){
  .cab--2 .cab-nav{margin-left:auto}
  .cab--2 .cab-anclas a{font-family:var(--f-texto);font-size:.92rem;font-weight:600;letter-spacing:0;text-transform:none}
  .cab--2 .cab-acciones{margin-left:var(--s3)}
}
@media (max-width:1024px){
  .cab--2 .cab-acciones{margin-left:auto}
}

/* ===========================================================================
   3 · DOBLE BARRA
   La franja del grupo mide 36 px; al pasar a sólida se recoge a 0.
   =========================================================================== */
.diseno-3{--alto-cab:112px}
.cab--3{height:auto}
.cab--3 .cab-in{height:76px}
.cab-franja{height:36px;overflow:hidden;background:var(--navy-deep);color:#C9D6EA;font-size:.74rem;transition:height .45s var(--ease),background .45s}
.home .cab--3:not(.is-solida) .cab-franja{background:rgba(0,22,62,.5);border-bottom:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.home .cab--3.is-solida .cab-franja{height:0}
.cab-franja-in{height:36px;display:flex;align-items:center;gap:var(--s4)}
.cab-franja-grupo{font-family:var(--f-datos);font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);white-space:nowrap}
.cab-franja-marcas{display:flex;align-items:center;gap:var(--s2)}
.cab-franja-marca{display:flex;align-items:center;height:24px;padding:3px 8px;background:#fff;border:1px solid transparent;transition:border-color .25s}
.cab-franja-marca:hover,.cab-franja-marca:focus-visible{border-color:var(--yellow)}
.cab-franja-marca img{display:block;height:16px;width:auto;max-width:96px;object-fit:contain}
.cab-franja-enlace{display:inline-flex;align-items:center;gap:6px;padding:0 4px;color:inherit;white-space:nowrap;transition:color .2s}
.cab-franja-enlace:hover{color:#fff}
.cab-franja-enlace .icono{width:14px;height:14px}
.cab-franja-der{margin-left:auto;display:flex;align-items:center;gap:var(--s4)}
.cab-franja .cab-idiomas{padding-left:var(--s3);border-color:rgba(255,255,255,.2)}
.cab-franja .cab-idiomas a{padding:3px 6px;font-size:.62rem}
.cab--3 .cab-cta{padding:12px 20px}
@media (min-width:1025px){
  .cab--3 .cab-nav{margin-left:auto}
}
@media (max-width:1024px){
  .cab--3 .cab-hamburguesa{margin-left:auto}
  .cab-franja-grupo{display:none}
}
@media (max-width:760px){
  .diseno-3{--alto-cab:76px}
  .cab-franja{display:none}
}

/* ===========================================================================
   4 · EDITORIAL CENTRADA
   Rejilla de tres columnas: las secciones abrazan el logotipo desde los dos
   lados y los idiomas se van al extremo derecho.
   =========================================================================== */
@media (min-width:1025px){
  .cab--4 .cab-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s4)}
  .cab--4 .cab-nav{display:contents}
  .cab--4 .cab-anclas-izq{grid-column:1;grid-row:1;justify-self:end}
  .cab--4 .cab-logo-enlace{grid-column:2;grid-row:1}
  .cab--4 .cab-anclas-der{grid-column:3;grid-row:1;justify-self:start}
  .cab--4 .cab-acciones{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
  .cab--4 .cab-acciones .cab-idiomas{border-left:0;padding-left:0}
  .cab--4 .cab-anclas a{font-family:var(--f-display);font-size:1.08rem;font-weight:600;letter-spacing:.08em}
  .cab--4 .cab-logo-enlace,.cab--4 .cab-marca-img,.cab--4 .cab-logo-enlace img{height:44px}
}
@media (max-width:1024px){
  .cab--4 .cab-in{justify-content:space-between}
  .cab--4 .cab-logo-enlace{position:absolute;left:50%;transform:translateX(-50%)}
  .cab--4 .cab-acciones{margin-left:0}
}

/* ===========================================================================
   5 · MENÚ A PANTALLA COMPLETA
   El menú es una capa fija dentro de la propia cabecera (con z-index
   negativo queda por debajo del logotipo y del botón, que siguen visibles
   para poder cerrarlo).
   =========================================================================== */
.cab--5 .cab-acciones{display:flex;margin-left:auto}
.cab--5 .cab-hamburguesa{display:flex}
.cab--5 .cab-hamburguesa-con-texto{padding:0 16px}
.cab--5 .cab-pantalla{
  position:fixed;inset:0;z-index:-1;min-width:0;overflow-y:auto;
  padding:calc(var(--alto-cab) + clamp(20px,6vh,72px)) 0 var(--s6);
  background:var(--navy-deep);color:#fff;border:0;
  clip-path:inset(0 0 100% 0);opacity:1;transform:none;
  transition:clip-path .7s var(--ease),visibility 0s .7s;
}
.cab--5.menu-abierto .cab-pantalla{clip-path:inset(0);transition:clip-path .7s var(--ease)}
/* con el menú abierto la barra se vuelve transparente y en blanco, sea cual sea su estado */
.cab--5.menu-abierto,.home .cab--5.menu-abierto.is-solida{background:transparent;color:#fff;border-color:transparent}
.cab--5.menu-abierto .cab-logo-color{opacity:0}
.cab--5.menu-abierto .cab-logo-blanco{opacity:1}
.cab--5.menu-abierto .cab-idiomas{visibility:hidden}
.cab-pantalla-in{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--s6);align-items:end;min-height:100%}
.cab-anclas-grandes{counter-reset:none}
.cab-anclas-grandes li{opacity:0;transform:translate3d(0,28px,0);transition:opacity .5s,transform .7s var(--ease)}
.cab--5.menu-abierto .cab-anclas-grandes li{opacity:1;transform:none}
.cab--5.menu-abierto .cab-anclas-grandes li:nth-child(1){transition-delay:.18s}
.cab--5.menu-abierto .cab-anclas-grandes li:nth-child(2){transition-delay:.24s}
.cab--5.menu-abierto .cab-anclas-grandes li:nth-child(3){transition-delay:.30s}
.cab--5.menu-abierto .cab-anclas-grandes li:nth-child(4){transition-delay:.36s}
.cab--5.menu-abierto .cab-anclas-grandes li:nth-child(5){transition-delay:.42s}
.cab--5.menu-abierto .cab-anclas-grandes li:nth-child(6){transition-delay:.48s}
.cab-anclas-grandes a{white-space:nowrap;
  display:flex;align-items:baseline;gap:.45em;padding:.1em 0;border:0;background:none;color:#fff;
  font-family:var(--f-display);font-size:clamp(2.6rem,6.4vw,5.6rem);font-weight:700;line-height:1.02;letter-spacing:-.005em;text-transform:uppercase;
  transition:color .25s,transform .45s var(--ease);
}
.cab-anclas-grandes a:hover,.cab-anclas-grandes a:focus-visible,.cab-anclas-grandes a.es-activo{background:none;color:var(--yellow);transform:translateX(14px)}
.cab-ancla-num{font-family:var(--f-datos);font-size:.8rem;font-weight:500;letter-spacing:.1em;color:var(--yellow);transform:translateY(-1.6em)}
.cab-pantalla-lado{display:grid;gap:var(--s4);justify-items:start;padding-bottom:var(--s3);border-left:1px solid rgba(255,255,255,.16);padding-left:var(--s5)}
.cab-pantalla-titulo{font-family:var(--f-datos);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow)}
.cab-pantalla-marcas{display:flex;flex-wrap:wrap;gap:var(--s2)}
.cab-pantalla-marca{display:flex;align-items:center;height:48px;padding:8px 14px;background:#fff;border:2px solid transparent;transition:border-color .25s}
.cab-pantalla-marca:hover,.cab-pantalla-marca:focus-visible{border-color:var(--yellow)}
.cab-pantalla-marca img{display:block;height:28px;width:auto;max-width:150px;object-fit:contain}
.cab-pantalla-datos{list-style:none;display:grid;gap:6px;font-family:var(--f-datos);font-size:.82rem}
.cab-pantalla-datos a{display:inline-flex;align-items:center;gap:8px;color:#C9D6EA}
.cab-pantalla-datos a:hover{color:#fff}
.cab-pantalla-datos .icono{width:16px;height:16px}
.cab--5 .cab-pantalla .cab-idiomas-menu{display:flex}
/* el grupo, en la barra junto al logotipo: mismas tarjetas blancas que en el menú */
.cab-grupo{display:flex;flex-direction:column;gap:5px;padding-left:var(--s4);border-left:1px solid rgba(127,140,170,.4);transition:opacity .3s}
.cab-grupo-titulo{font-family:var(--f-datos);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);white-space:nowrap}
.cab.is-solida .cab-grupo-titulo{color:var(--navy)}
.cab-grupo-marcas{display:flex;gap:8px}
.cab-grupo-marca{display:flex;align-items:center;height:34px;padding:5px 10px;background:#fff;border:1px solid var(--line);transition:border-color .25s}
.cab-grupo-marca:hover,.cab-grupo-marca:focus-visible{border-color:var(--yellow)}
.cab-grupo-marca img{display:block;height:20px;width:auto;max-width:120px;object-fit:contain}
/* con el menú abierto ya están en el panel */
.cab--5.menu-abierto .cab-grupo{opacity:0;visibility:hidden}
@media (max-width:1024px){.cab-grupo{display:none}}
@media (max-width:900px){
  .cab-pantalla-in{grid-template-columns:1fr;align-items:start}
  .cab-pantalla-lado{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.16);padding-top:var(--s4)}
}
@media (max-width:640px){
  .cab--5 .cab-acciones > .cab-idiomas{display:none}
}

/* ===========================================================================
   6 · ISLA FLOTANTE
   Rompe a propósito la regla de escuadra del sistema: es la variante
   «producto digital» para comparar con las demás.
   =========================================================================== */
.cab--6,.home .cab--6,.home .cab--6.is-solida{height:auto;padding-top:14px;background:transparent;border-color:transparent;pointer-events:none}
.cab--6:not(.is-solida){color:#fff}
.cab-isla{
  pointer-events:auto;position:relative;
  width:min(1120px,calc(100% - 32px));height:62px;margin:0 auto;
  display:flex;align-items:center;gap:var(--s4);padding:0 10px 0 24px;
  border-radius:999px;border:1px solid rgba(255,255,255,.2);
  background:rgba(0,22,62,.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
  transition:background .45s var(--ease),border-color .45s,width .6s var(--ease);
}
.cab--6.is-solida .cab-isla{width:min(1000px,calc(100% - 32px));background:rgba(255,255,255,.9);border-color:var(--line);color:var(--navy)}
.cab--6 .cab-logo-enlace,.cab--6 .cab-marca-img,.cab--6 .cab-logo-enlace img{height:32px}
.cab--6 .cab-cta{padding:11px 20px;border-radius:999px}
.cab--6 .cab-hamburguesa{border-radius:999px}
@media (min-width:1025px){
  .cab--6 .cab-nav{margin-left:auto}
  .cab--6 .cab-anclas a{padding:9px 14px;border:0;border-radius:999px;color:inherit;background:none;font-family:var(--f-texto);font-size:.88rem;font-weight:600;letter-spacing:0;text-transform:none}
  .cab--6 .cab-anclas a:hover{background:rgba(127,140,170,.2)}
  .cab--6 .cab-anclas a.es-activo{background:var(--yellow);color:var(--navy-deep)}
}
@media (max-width:1024px){
  .cab--6 .cab-cta{margin-left:auto}
  .cab--6 .cab-nav{left:0;right:0;top:calc(100% + 8px);border-radius:18px;overflow:hidden}
}
@media (max-width:520px){
  .cab--6 .cab-cta{display:none}
  .cab--6 .cab-hamburguesa{margin-left:auto}
}

/* índice lateral: va dentro de la cabecera fija, así que no puede fundirse con
   el fondo de la página (mix-blend-mode solo vería la cabecera). Lleva su propia
   placa translúcida y se lee igual sobre el vídeo que sobre secciones blancas o azules. */
.indice-lateral{position:fixed;right:18px;top:50%;transform:translateY(-50%);pointer-events:auto;padding:10px 8px 10px 12px;border-radius:14px;background:rgba(0,22,62,.72);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}
.indice-lateral ol{list-style:none;display:grid;gap:2px}
.indice-lateral a{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:3px 0;color:#C9D6EA;transition:color .2s}
.indice-lateral a::after{content:"";width:12px;height:2px;background:currentColor;opacity:.6;transition:width .35s var(--ease),opacity .25s,background .25s}
.indice-num{font-family:var(--f-datos);font-size:.6rem;letter-spacing:.08em}
.indice-texto{position:absolute;right:calc(100% + 18px);white-space:nowrap;padding:4px 9px;border-radius:999px;background:var(--navy-deep);color:#fff;font-family:var(--f-datos);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .25s,transform .35s var(--ease)}
.indice-lateral a:hover .indice-texto,.indice-lateral a:focus-visible .indice-texto,.indice-lateral a.es-activo .indice-texto{opacity:1;transform:none}
.indice-lateral a:hover,.indice-lateral a:focus-visible,.indice-lateral a.es-activo{color:#fff}
.indice-lateral a.es-activo::after,.indice-lateral a:hover::after{width:24px;opacity:1;background:var(--yellow)}
.indice-lateral a.es-activo .indice-num{color:var(--yellow)}
@media (max-width:1180px){.indice-lateral{display:none}}

/* ===========================================================================
   HEROS
   =========================================================================== */

/* ---------- 2 · plano único en duotono, texto a la izquierda ---------- */
.p-hero--2 .p-hero-texto{text-align:left}
.p-hero--2 .antetitulo{justify-content:flex-start}
.p-hero--2 .p-hero-titulo,.p-hero--2 .p-hero-sub{margin-left:0}
.p-hero--2 .p-hero-titulo{max-width:13ch}
.p-hero--2 .p-hero-cta{justify-content:flex-start}
.p-hero--2 .p-hero-velo{background:linear-gradient(90deg,rgba(0,22,62,.86) 0%,rgba(0,22,62,.5) 50%,rgba(0,22,62,.08) 100%),linear-gradient(180deg,rgba(0,22,62,.55) 0%,rgba(0,22,62,0) 26%,rgba(0,22,62,0) 70%,rgba(0,22,62,.7) 100%)}

/* ---------- 3 · pantalla partida con corte de librea ---------- */
@media (min-width:901px){
  .p-hero--3 .p-hero-medio,.p-hero--3 .p-hero-velo{left:46%;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
  .p-hero--3 .p-hero-velo{background:linear-gradient(90deg,rgba(0,22,62,.45),rgba(0,22,62,0) 45%),linear-gradient(0deg,rgba(0,22,62,.55),rgba(0,22,62,0) 35%)}
  /* franja amarilla paralela al corte, como la de la locomotora */
  .p-hero--3::before{content:"";position:absolute;top:0;bottom:0;left:calc(46% - 26px);right:0;z-index:-1;background:var(--yellow);clip-path:polygon(calc(16% - 4px) 0,calc(16% + 8px) 0,12px 100%,0 100%)}
  .p-hero--3 .p-hero-texto{text-align:left}
  .p-hero--3 .antetitulo{justify-content:flex-start}
  .p-hero--3 .p-hero-texto > *{max-width:min(520px,40vw);margin-left:0;margin-right:0}
  .p-hero--3 .p-hero-titulo{font-size:clamp(2.8rem,4.8vw,5rem)}
  .p-hero--3 .p-hero-cta{justify-content:flex-start}
}

/* ---------- 4 · formato cine 21:9 ---------- */
.p-hero--4{background:#040a17}
.p-hero--4 .p-hero-medio{inset:auto 0;top:50%;height:min(calc(100vw * 438 / 1024),76%);transform:translateY(-50%)}
.p-hero--4 .p-hero-medio img{animation:none}
.p-hero--4 .p-hero-medio::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  animation:grano .9s steps(3) infinite;
}
@keyframes grano{0%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}100%{transform:translate(0,0)}}
.p-hero--4 .p-hero-velo{background:radial-gradient(ellipse 60% 50% at 50% 52%,rgba(4,10,23,.62),rgba(4,10,23,0) 75%)}
.p-hero--4 .p-hero-titulo{text-transform:uppercase;letter-spacing:.01em;font-size:clamp(3rem,6.8vw,6.6rem)}
.p-hero--4 .p-hero-sub{color:#D4DDEB}
@media (max-width:760px){
  .p-hero--4 .p-hero-medio{inset:0;height:auto;transform:none}
  .p-hero--4 .p-hero-velo{background:linear-gradient(180deg,rgba(4,10,23,.7),rgba(4,10,23,.35) 45%,rgba(4,10,23,.85))}
}

/* ---------- 5 · puerto a vista de dron, zoom continuo, titular grande ---------- */
.p-hero--5{justify-content:flex-end;padding-bottom:132px}
.p-hero--5 .p-hero-video,.p-hero--5 .p-hero-medio img{animation:ken-burns 20s ease-in-out infinite alternate}
@keyframes ken-burns{from{transform:scale(1.02)}to{transform:scale(1.18) translate3d(-2%,-1.5%,0)}}
.p-hero--5 .p-hero-velo{background:linear-gradient(0deg,rgba(0,22,62,.94) 0%,rgba(0,22,62,.35) 48%,rgba(0,22,62,.2) 75%,rgba(0,22,62,.55) 100%)}
.p-hero--5 .p-hero-texto{text-align:left}
.p-hero--5 .antetitulo{justify-content:flex-start;margin-bottom:var(--s4)}
.p-hero--5 .p-hero-titulo{max-width:15ch;margin-left:0;font-size:clamp(2.7rem,7.2vw,7.2rem);line-height:.96;text-transform:uppercase}
/* con menos de .96 el acento de las mayúsculas (RAÍLES, PENÍNSULA) toca la coma de la línea de arriba */
.p-hero--5 .p-hero-sub{margin-left:0;max-width:34rem;margin-bottom:var(--s5)}
.p-hero--5 .p-hero-cta{justify-content:flex-start}

/* ---------- 6 · mosaico de tres franjas ---------- */
.p-hero--6 .p-hero-velo{background:linear-gradient(90deg,rgba(0,22,62,.9) 0%,rgba(0,22,62,.55) 45%,rgba(0,22,62,.15) 100%),linear-gradient(0deg,rgba(0,22,62,.6),rgba(0,22,62,0) 40%)}
.p-hero--6 .p-hero-medio img,.p-hero--6 .p-hero-video{animation:none}
.p-hero--6 .p-hero-texto{text-align:left}
.p-hero--6 .antetitulo{justify-content:flex-start}
.p-hero--6 .p-hero-titulo,.p-hero--6 .p-hero-sub{margin-left:0}
.p-hero--6 .p-hero-titulo{max-width:12ch}
.p-hero--6 .p-hero-cta{justify-content:flex-start}

/* ===========================================================================
   SELECTOR DE VARIANTES (solo en /vN/)
   =========================================================================== */
.selector-diseno{
  position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:300;display:flex;align-items:stretch;
  background:var(--navy-deep);color:#fff;border:1px solid rgba(255,255,255,.2);
  font-family:var(--f-datos);font-size:.7rem;letter-spacing:.08em;
  box-shadow:0 10px 30px rgba(0,10,30,.35);
}
.selector-diseno a{display:flex;align-items:center;color:#fff}
.selector-diseno-flecha{justify-content:center;width:40px;font-size:1.3rem;line-height:1;transition:background .2s,color .2s}
.selector-diseno-flecha:hover,.selector-diseno-flecha:focus-visible{background:var(--yellow);color:var(--navy-deep)}
.selector-diseno-indice{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 14px;border-inline:1px solid rgba(255,255,255,.16);text-transform:uppercase}
.selector-diseno-indice span{font-family:var(--f-texto);font-size:.76rem;letter-spacing:0;text-transform:none;color:var(--yellow)}
.selector-diseno-indice:hover{background:rgba(255,255,255,.08)}
@media (max-width:640px){.selector-diseno{bottom:10px}}

/* ===========================================================================
   ÍNDICE DE PROPUESTAS (/propuestas/)
   =========================================================================== */
.propuestas{background:var(--fog);min-height:100vh}
.propuestas-cab{background:var(--navy-deep);color:#fff}
.propuestas-cab .caja{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:76px}
.propuestas-cab img{display:block;height:36px;width:auto}
.propuestas-cab a{color:#C9D6EA;font-family:var(--f-datos);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.propuestas-intro{padding-block:var(--s7) var(--s6)}
.propuestas-intro h1{color:var(--navy);font-size:clamp(2.6rem,5vw,4.4rem);font-weight:700;line-height:.95;margin:var(--s3) 0 var(--s4)}
.propuestas-intro p{max-width:46rem;color:#3B4B5E;line-height:1.6}
.propuestas-lista{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--s5);padding-bottom:var(--s8)}
.propuesta{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);color:inherit;transition:border-color .3s,transform .45s var(--ease)}
.propuesta:hover,.propuesta:focus-visible{border-color:var(--navy);transform:translateY(-4px)}
.propuesta-imagen{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy-deep)}
.propuesta-imagen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}
.propuesta:hover .propuesta-imagen img{transform:scale(1.04)}
.propuesta-num{position:absolute;left:0;top:0;padding:8px 12px;background:var(--yellow);color:var(--navy-deep);font-family:var(--f-display);font-size:1.4rem;font-weight:700;line-height:1}
.propuesta-actual{position:absolute;right:10px;top:10px;padding:4px 8px;background:var(--via-libre);color:#fff;font-family:var(--f-datos);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.propuesta-cuerpo{display:grid;gap:var(--s3);padding:var(--s4) var(--s4) var(--s5)}
.propuesta-cuerpo h2{color:var(--navy);font-size:1.7rem;font-weight:700;line-height:1}
.propuesta-cuerpo dl{display:grid;gap:var(--s2);font-size:.9rem;line-height:1.5;color:#3B4B5E}
.propuesta-cuerpo dt{font-family:var(--f-datos);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.propuesta-ver{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-datos);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.propuesta-ver .icono{width:16px;height:16px;transition:transform .3s var(--ease)}
.propuesta:hover .propuesta-ver .icono{transform:translateX(5px)}

@media (prefers-reduced-motion:reduce){
  .cab--5 .cab-pantalla,.cab-anclas-grandes li,.cab-isla,.indice-texto{transition:none!important}
  .p-hero--4 .p-hero-medio::after{animation:none}
}