/* ════════════════════════════════════════════════════════════════════
   PROPUESTA D · la arquitectura de Keybourne con el sistema de Anderson's
   Títulos en Cinzel versales con aire (el «TERRITORIO ANDERSON'S» de la
   casa), filete corto, texto centrado, bandas navy / claro alternas.
   ════════════════════════════════════════════════════════════════════ */
.pd-sec{padding-block:clamp(64px,8vw,112px)}
.pd-sec--marina{background:var(--ga-marina);color:#fff}
.pd-sec--noche{background:var(--ga-noche);color:#fff}
.pd-sec--cielo{background:var(--ga-cielo-claro)}
.pd-cabeza{display:grid;justify-items:center;text-align:center;gap:0;margin-bottom:clamp(32px,4vw,48px)}
.pd-titulo{font-family:var(--ga-titular);font-weight:500;text-transform:uppercase;letter-spacing:.16em;text-indent:.16em;
  font-size:clamp(22px,2.8vw,36px);line-height:1.25;color:var(--ga-marina);max-width:40ch;text-wrap:balance;margin:0}
.pd-titulo--claro{color:#fff}
.pd-titulo--izq{text-align:left;text-indent:0}
.pd-raya{display:block;width:clamp(38px,4vw,58px);height:1px;background:var(--ga-acero-2);margin-top:clamp(14px,1.6vw,20px)}
.pd-sec--marina .pd-raya,.pd-sec--noche .pd-raya{background:rgba(201,222,240,.7)}
.pd-raya--izq{margin-inline:0}
.pd-entrada{margin-top:18px;max-width:56ch;color:var(--ga-acero)}
.pd-presenta{max-width:78ch;margin:0 auto clamp(40px,5vw,64px);text-align:center;font-size:16px;line-height:1.75;color:rgba(255,255,255,.9);text-wrap:pretty}
.pd-texto{max-width:72ch;margin:0 auto;text-align:center;font-size:16px;line-height:1.75;color:var(--ga-tinta)}
.pd-texto--claro{color:rgba(255,255,255,.88)}

/* ── la franja de cifras en cristal sobre el vídeo ── */
.pd-apertura .apertura__pie{display:none}
.pd-cristal{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);
  background:rgba(22,32,47,.38);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-top:1px solid rgba(201,222,240,.22)}
.pd-cristal p{display:grid;justify-items:center;gap:6px;padding:clamp(18px,2.4vw,30px) 8px;margin:0;border-left:1px solid rgba(201,222,240,.18);color:#fff}
.pd-cristal p:first-child{border-left:0}
.pd-cristal span{font-size:clamp(26px,3.2vw,44px);font-weight:400;line-height:1;letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums}
.pd-cristal small{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ga-cielo)}
@media (max-width:620px){.pd-cristal{grid-template-columns:repeat(3,1fr)}.pd-cristal p:nth-child(n+4){display:none}}

/* ── cifras de sección, entre filetes ── */
.pd-cifras{display:flex;justify-content:center;gap:clamp(32px,6vw,88px);margin:clamp(28px,3vw,40px) auto;padding-block:20px;max-width:760px;border-top:1px solid var(--ga-linea)}
.pd-cifras--claro{border-top-color:rgba(201,222,240,.22)}
.pd-cifras p{display:grid;justify-items:center;gap:6px;margin:0}
.pd-cifras span{font-size:clamp(26px,2.6vw,34px);font-weight:500;line-height:1;color:var(--ga-marina);font-variant-numeric:lining-nums}
.pd-cifras--claro span{color:#fff}
.pd-cifras small{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ga-acero)}
.pd-cifras--claro small{color:var(--ga-cielo)}

/* ── carrusel de logos en baldosa ── */
.pd-carril{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;margin-bottom:clamp(28px,3vw,40px)}
.pd-baldosas{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 16px) / 4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pd-baldosas::-webkit-scrollbar{display:none}
.pd-baldosa{aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:14px;padding:18%;border-radius:18px;background:var(--ga-cielo-claro);
  color:var(--ga-marina);text-decoration:none;scroll-snap-align:start;transition:background .3s ease}
.pd-baldosa:hover{background:var(--ga-cielo)}
.pd-baldosa__logo{display:block;width:100%;height:64px;background:var(--ga-marina);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.pd-baldosa b{font-family:var(--ga-titular);font-size:20px;text-align:center}
.pd-baldosa small{font-size:11.5px;color:var(--ga-acero);text-align:center;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pd-carril--oscuro .pd-baldosa{background:rgba(201,222,240,.08);color:#fff}
.pd-carril--oscuro .pd-baldosa:hover{background:rgba(201,222,240,.16)}
.pd-carril--oscuro .pd-baldosa__logo{background:#fff}
.pd-carril--oscuro .pd-baldosa small{color:var(--ga-cielo)}
.pd-flecha{width:40px;height:40px;border-radius:50%;border:1px solid var(--ga-linea);background:transparent;color:var(--ga-marina);font-size:20px;cursor:pointer}
.pd-carril--oscuro .pd-flecha{border-color:rgba(201,222,240,.35);color:#fff}
.pd-flecha:disabled{opacity:.35;cursor:default}
@media (max-width:860px){.pd-baldosas{grid-auto-columns:calc((100% - 16px) / 2)}}
@media (max-width:620px){.pd-carril{grid-template-columns:minmax(0,1fr)}.pd-flecha{display:none}
  .pd-baldosas{grid-auto-columns:44%;margin-inline:calc(-1 * var(--lado));padding-inline:var(--lado);scroll-padding-inline:var(--lado)}}

/* ── mosaico de fotos (grande · ancha · 2 chicas · alta …) ── */
.pd-mosaico{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,clamp(120px,13vw,190px));gap:10px;
  grid-template-areas:"g g a a" "g g c t" "d w w t"}
.pd-mosaico__f{margin:0;border-radius:14px;overflow:hidden;background:rgba(201,222,240,.1)}
.pd-mosaico__f img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pd-mosaico__f:hover img{transform:scale(1.05)}
.pd-mosaico__f:nth-child(1){grid-area:g}.pd-mosaico__f:nth-child(2){grid-area:a}.pd-mosaico__f:nth-child(3){grid-area:c}
.pd-mosaico__f:nth-child(4){grid-area:t}.pd-mosaico__f:nth-child(5){grid-area:d}.pd-mosaico__f:nth-child(6){grid-area:w}
@media (max-width:620px){.pd-mosaico{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,120px);grid-template-areas:"g g" "a t" "c t" "w w"}
  .pd-mosaico__f:nth-child(5){display:none}}
.pd-mas{display:flex;justify-content:center;margin-top:clamp(28px,3vw,40px)}
.pd-boton{display:inline-flex;align-items:center;padding:14px 26px;border:1px solid var(--ga-marina);border-radius:4px;color:var(--ga-marina);text-decoration:none;
  font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;background:transparent;cursor:pointer;transition:background .2s ease,color .2s ease}
.pd-boton:hover{background:var(--ga-marina);color:#fff}
.pd-boton--claro{border-color:rgba(255,255,255,.7);color:#fff}
.pd-boton--claro:hover{background:#fff;color:var(--ga-marina)}
.pd-boton--solido{background:var(--ga-cielo);border-color:var(--ga-cielo);color:var(--ga-marina)}
.pd-boton--solido:hover{background:#fff;border-color:#fff;color:var(--ga-marina)}

/* ── destinos: lista de países + foto ── */
.pd-destinos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:stretch}
.pd-destinos__lista{list-style:none;padding:0;margin:0;border-top:1px solid var(--ga-linea)}
.pd-destinos__lista li{border-bottom:1px solid var(--ga-linea)}
.pd-destinos__lista button{width:100%;display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:baseline;padding:18px 4px;border:0;background:none;text-align:left;cursor:pointer;color:var(--ga-acero)}
.pd-destinos__pais{font-family:var(--ga-titular);font-size:clamp(17px,1.6vw,21px);letter-spacing:.12em;text-transform:uppercase;transition:color .2s ease}
.pd-destinos__cuenta{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.pd-destinos__ciudades{grid-column:1/-1;font-size:13px;display:none}
.pd-destinos__lista button[aria-current] .pd-destinos__pais,.pd-destinos__lista button:hover .pd-destinos__pais{color:var(--ga-marina)}
.pd-destinos__lista button[aria-current] .pd-destinos__ciudades{display:block}
.pd-destinos__foto{position:relative;margin:0;min-height:420px;border-radius:18px;overflow:hidden;background:var(--ga-marina)}
.pd-destinos__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}
.pd-destinos__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(22,32,47,.78))}
.pd-destinos__foto figcaption{position:absolute;z-index:2;left:28px;bottom:26px;display:grid;gap:6px;color:#fff}
.pd-destinos__foto small{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ga-cielo)}
.pd-destinos__foto strong{font-family:var(--ga-titular);font-weight:500;font-size:clamp(26px,3vw,40px);letter-spacing:.12em;text-transform:uppercase}
@media (max-width:860px){.pd-destinos{grid-template-columns:1fr}.pd-destinos__foto{min-height:300px;order:-1}}

/* ── vinos: la retícula del vídeo de referencia, en UNA pantalla ──
   Columnas 59 · 28 · 13 separadas por filetes. Izquierda: titular en
   Cormorant Garamond Light, texto y el botón de la casa, centrados en el alto.
   Centro: la botella ENTERA con su nombre, un
   filete y el viñedo. Derecha: la siguiente, cortada por el borde. El botón
   redondo va sobre el filete entre las dos, y el color del vino se abre en
   círculo desde él. */
.pv{--linea:color-mix(in srgb,currentColor 16%,transparent);position:relative;overflow:hidden;height:max(600px,min(100svh,800px));
  display:grid;grid-template-rows:60px minmax(0,1fr);color:#1B1B1B;
  background:var(--fondo)}   /* color liso: el halo claro se veía rosado sobre el tinto (Carlos) */
.pv:not([data-claro]){color:#fff}
.pv__capa{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--siguiente,transparent);
  clip-path:circle(0 at var(--x,80%) var(--y,40%))}
.pv.anima .pv__capa{transition:clip-path 1s cubic-bezier(.65,0,.35,1);clip-path:circle(160% at var(--x,80%) var(--y,40%))}
.pv__arriba,.pv__reja{position:relative;z-index:1;display:grid;grid-template-columns:59fr 28fr 13fr}
.pv__arriba{border-bottom:1px solid var(--linea);align-items:center}
.pv__arriba > *,.pv__izq,.pv__col--actual{border-right:1px solid var(--linea)}
.pv__etq{margin:0;height:100%;display:flex;align-items:center;padding-inline:clamp(28px,5vw,80px) 16px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.pv__etq--c,.pv__etq--d{padding-inline:24px}
.pv__etq--d{border-right:0!important;font-variant-numeric:tabular-nums lining-nums}
.pv__reja{min-height:0}
.pv__izq{display:grid;min-height:0}
.pv__texto{display:grid;align-content:center;gap:18px;padding:0 clamp(28px,5vw,72px) clamp(20px,4vh,44px) clamp(28px,5vw,80px)}
/* Carlos: el bloque de texto, 100 px más a la derecha (y la etiqueta de arriba con él, alineada) */
@media (min-width:981px){
  .pv__texto{padding-left:calc(clamp(28px,5vw,80px) + 100px)}
  .pv__arriba > .pv__etq:first-child{padding-left:calc(clamp(28px,5vw,80px) + 100px)}
}
.pv__titular{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;font-size:clamp(40px,5.1vw,88px);line-height:1;letter-spacing:-.02em;margin:0;max-width:12ch;text-wrap:balance}
.pv__fichas{display:grid}
.pv__ficha{grid-area:1/1;margin:0;max-width:54ch;font-size:13.5px;line-height:1.7;text-align:justify;text-align-last:left;hyphens:none}
.pv__ficha[hidden]{display:block;visibility:hidden}
/* las botellas: UN carril con todas (y las dos primeras repetidas al final para
   dar la vuelta sin salto). Se desliza de un solo gesto, con la misma curva y
   duración que el círculo de color: por eso fluye. */
.pv__vista{grid-column:2 / 4;position:relative;overflow:hidden;min-height:0}
.pv__vista::after{content:"";position:absolute;top:0;bottom:0;left:calc(28 / 41 * 100%);border-left:1px solid var(--linea);pointer-events:none}
.pv__carril{display:flex;height:100%;will-change:transform;transform:translate3d(calc(var(--i,0) * -28 / 41 * 100%),0,0)}
.pv.mueve .pv__carril{transition:transform 1s cubic-bezier(.65,0,.35,1)}
.pv__vino{flex:0 0 calc(28 / 41 * 100%);margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:clamp(60px,12vh,116px) 24px clamp(20px,4vh,44px);min-width:0}
.pv__vino img{height:100%;width:auto;justify-self:center;max-width:none;min-height:0;object-fit:contain;
  transition:transform 1s cubic-bezier(.65,0,.35,1)}
.pv__vino{position:relative}
/* el pie de cada botella: variedad en versales, nombre en Cinzel, filete y viñedo */
.pv__vino figcaption{display:grid;gap:6px;padding-top:18px}
.pv__vino figcaption small{font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;opacity:.7}
.pv__vino figcaption strong{font-family:var(--ga-titular);font-weight:500;font-size:17px;letter-spacing:.03em;padding-bottom:12px;
  border-bottom:1px solid var(--linea);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv__vino figcaption span{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:6px;font-size:12px;opacity:.9}
/* el «+»: botón redondo de la casa; abre la ficha y gira a «×» */
.pv__abre{flex:0 0 34px;width:34px;height:34px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;
  transition:background .3s ease,color .3s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.pv__abre svg{width:16px;height:16px}
.pv__abre:hover{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.pv:not([data-claro]) .pv__abre:hover{background:var(--ga-cielo);border-color:var(--ga-cielo);color:var(--ga-marina)}
.pv__vino.abierto .pv__abre{transform:rotate(45deg);background:var(--ga-marina);border-color:var(--ga-marina);color:#fff;position:relative;z-index:3}
/* la ficha: tarjeta blanca que sube desde el pie, sobre la botella */
.pv__detalle{position:absolute;z-index:2;left:8px;right:8px;bottom:clamp(64px,10vh,96px);display:grid;gap:10px;padding:24px 22px 22px;border-radius:var(--ga-radio-caja);
  background:var(--ga-tarjeta);color:var(--ga-tinta);box-shadow:var(--ga-sombra-hover);
  opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.pv__vino.abierto .pv__detalle{opacity:1;transform:none;pointer-events:auto}
.pv__detalle small{font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ga-acero)}
.pv__detalle strong{font-family:var(--ga-titular);font-weight:500;font-size:22px;color:var(--ga-marina)}
.pv__detalle strong{padding-bottom:12px;border-bottom:1px solid var(--ga-linea);margin-bottom:4px}
/* texto justificado, sin partir palabras (ley de la casa) */
.pv__detalle p{margin:0;font-size:13px;line-height:1.7;text-align:justify;text-align-last:left;hyphens:none;word-spacing:-.02em}
.pv__detalle-vinedo{font-size:12px!important;color:var(--ga-acero)}
/* el texto del vino se funde, no salta */
.pv__ficha{transition:opacity .45s ease}
.pv__ficha[hidden]{display:block;visibility:visible;opacity:0;pointer-events:none}
.pv{transition:color .5s ease .35s}
/* «Siguiente»: redondo y sobre el filete, en el lenguaje de la casa: disco
   navy con la flecha en blanco (sobre el tinto, disco cielo y flecha navy). */
.pv__sig{position:absolute;z-index:3;left:calc(87% - 36px);top:calc(50% - 36px);width:72px;height:72px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.pv__sig-disco{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:var(--ga-marina);color:#fff;
  box-shadow:var(--ga-sombra-boton);transition:background .3s ease,color .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.pv:not([data-claro]) .pv__sig-disco{background:var(--ga-cielo);color:var(--ga-marina)}
.pv__sig-disco{overflow:hidden}
/* al pasar el ratón el disco se llena desde el centro con el color del PRÓXIMO vino */
.pv__sig-disco::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--proximo);transform:scale(0);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.pv__sig:hover .pv__sig-disco::before,.pv__sig:focus-visible .pv__sig-disco::before{transform:scale(1)}
.pv__sig:hover .pv__sig-disco,.pv__sig:focus-visible .pv__sig-disco{color:#fff}
.pv__sig[data-claro]:hover .pv__sig-disco,.pv__sig[data-claro]:focus-visible .pv__sig-disco{color:var(--ga-marina)}
.pv__sig-disco svg{position:relative;width:24px;height:24px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}

.pv__sig:hover .pv__sig-disco{transform:scale(1.08)}
.pv__sig:hover .pv__sig-disco svg{transform:translateX(3px)}
.pv__sig:active .pv__sig-disco{transform:scale(.95)}
.pv__sig:focus-visible{outline:2px solid currentColor;outline-offset:6px}
@media (prefers-reduced-motion:reduce){.pv.mueve .pv__carril{transition:none}}
.pv .pd-afinador{top:72px;right:16px;z-index:4}
@media (max-width:980px){
  .pv{height:auto}
  .pv__arriba{grid-template-columns:1fr auto}.pv__etq--c{display:none}
  .pv__reja{grid-template-columns:62fr 38fr}
  .pv__izq{grid-column:1/-1;border-right:0!important;border-bottom:1px solid var(--linea)}
  .pv__texto{padding:36px var(--lado) 32px}
  .pv__titular{font-size:clamp(44px,12vw,76px)}
  .pv__vista{grid-column:1/-1;height:520px}
  .pv__vista::after{display:none}
  .pv__vino{flex-basis:100%}   /* una sola botella, centrada; la siguiente no asoma (Carlos, 2026-10-01; antes 62 %) */
  .pv__carril{transform:translate3d(calc(var(--i,0) * -100%),0,0)}
  .pv__sig{left:auto;right:var(--lado);top:auto;bottom:340px;width:60px;height:60px}
  .pv .pd-afinador{top:auto;bottom:12px}
}
/* ── galardones: fichas anchas logo | texto ── */
.pd-premios{position:relative}
.pd-premios__pista{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pd-premios__pista::-webkit-scrollbar{display:none}
.pd-premio{scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);background:var(--ga-fondo);color:var(--ga-tinta);border-radius:18px;min-height:280px;overflow:hidden}
.pd-premio__logo{display:grid;place-items:center;padding:40px;border-right:1px solid var(--ga-linea)}
.pd-premio__logo img{max-width:220px;max-height:120px;object-fit:contain}
.pd-premio__logo span{font-family:var(--ga-titular);font-size:22px;text-align:center;color:var(--ga-marina)}
.pd-premio__texto{padding:clamp(28px,4vw,48px);display:grid;gap:12px;align-content:center}
.pd-premio__texto h3{font-family:var(--ga-titular);font-weight:500;font-size:clamp(20px,2vw,26px);letter-spacing:.1em;text-transform:uppercase;color:var(--ga-marina)}
.pd-premio__sub{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ga-acero)}
.pd-premio__texto p{font-size:15px;line-height:1.65;color:var(--ga-tinta)}
.pd-premio__texto div p + p{margin-top:.7em}
.pd-premios__mandos{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px}
.pd-premios__mandos button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,222,240,.35);background:transparent;color:#fff;font-size:20px;cursor:pointer}
.pd-premios__puntos{display:flex;gap:8px}
.pd-premios__puntos .i{width:6px;height:6px;border-radius:50%;background:rgba(201,222,240,.35);transition:width .3s ease,background .3s ease}
.pd-premios__puntos .i.es-actual{width:22px;border-radius:3px;background:var(--ga-cielo)}
@media (max-width:760px){.pd-premio{grid-template-columns:1fr}.pd-premio__logo{border-right:0;border-bottom:1px solid var(--ga-linea);padding:28px}}

/* ── prensa: fotos en B/N con el logo del medio encima ── */
.pd-notas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.pd-nota{display:grid;gap:12px;align-content:start;text-decoration:none;color:var(--ga-tinta);text-align:center}
.pd-nota__foto{position:relative;display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--ga-marina)}
.pd-nota__foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.55);transition:filter .5s ease,transform .8s ease}
.pd-nota:hover .pd-nota__foto img{filter:grayscale(.2) brightness(.55);transform:scale(1.05)}
.pd-nota__logo{position:absolute;inset:26% 14%;background:#fff;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.pd-nota__t{font-family:var(--ga-titular);font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pd-nota__m{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ga-acero)}
@media (max-width:980px){.pd-notas{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.pd-notas{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;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)}.pd-nota{scroll-snap-align:start}}

/* ── blog: una grande y tres renglones ── */
.pd-diario{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px)}
.pd-diario__grande{position:relative;display:block;min-height:420px;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none}
.pd-diario__grande img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pd-diario__grande::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(22,32,47,.86))}
.pd-diario__grande > span{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;display:grid;gap:10px}
.pd-diario__grande small,.pd-diario__filas small{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ga-cielo)}
.pd-diario__grande strong{font-family:var(--ga-titular);font-weight:500;font-size:clamp(22px,2.3vw,30px);line-height:1.22}
.pd-diario__grande .em{font-style:normal;font-size:14px;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pd-diario__filas{display:grid;align-content:center;border-top:1px solid rgba(46,55,75,.16)}
.pd-diario__filas a{display:grid;gap:6px;padding-block:22px;border-bottom:1px solid rgba(46,55,75,.16);text-decoration:none;color:var(--ga-tinta)}
.pd-diario__filas small{color:var(--ga-acero)}
.pd-diario__filas strong{font-family:var(--ga-titular);font-weight:500;font-size:20px;line-height:1.3;color:var(--ga-marina)}
.pd-diario__filas .pd-diario__mas{border-bottom:0;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ga-marina)}
@media (max-width:860px){.pd-diario{grid-template-columns:1fr}.pd-diario__grande{min-height:340px}}

/* ── hablemos ── */
.pd-hablemos__caja{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.pd-hablemos p{color:rgba(255,255,255,.86);margin-top:24px;max-width:40ch;line-height:1.7}
.pd-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.pd-form label{display:grid;gap:8px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ga-cielo)}
.pd-form input,.pd-form textarea{font:400 16px/1.4 var(--ga-texto);color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(201,222,240,.45);padding:10px 0;border-radius:0}
.pd-form textarea{min-height:120px;resize:vertical}
.pd-form input:focus,.pd-form textarea:focus{outline:0;border-bottom-color:#fff}
.pd-form .ancho{grid-column:1/-1}
.pd-form .trampa{position:absolute;left:-9999px}
.pd-form__pie{display:flex;align-items:center;gap:18px}
.pd-form__pie small{font-size:12px;color:rgba(255,255,255,.7)}
@media (max-width:860px){.pd-hablemos__caja{grid-template-columns:1fr}}
@media (max-width:620px){.pd-form{grid-template-columns:1fr}}

/* ── conmutador de las maquetas (sólo mientras Carlos elige; fuera de cada sección para no perderlo al rehacerla) ── */
.pd-afinador{position:absolute;display:flex;gap:6px;align-items:center;background:rgba(255,255,255,.92);color:var(--ga-tinta);padding:6px 8px;border-radius:999px;font-size:12px;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.pd-afinador button{border:1px solid var(--ga-linea);background:#fff;color:var(--ga-tinta);border-radius:999px;padding:5px 10px;font:600 12px/1 var(--ga-texto);cursor:pointer}
.pd-afinador button[aria-pressed=true]{background:var(--ga-marina);color:#fff;border-color:var(--ga-marina)}

/* el viñedo, con su icono de ubicación */
.pv__lugar{display:inline-flex;align-items:center;gap:6px;font-style:normal}
.pv__pin{flex:0 0 14px;width:14px;height:14px;opacity:.85}

/* ── galería, como la de Fred's ──
   Cinta horizontal de fotos altas en su propia proporción (nada de mosaico
   recortado), alineada con el titular y con la siguiente asomando por la
   derecha. Se arrastra; con ratón hay flechas; abajo, la barra de cuánto
   queda. Al tocar una foto se abre el visor a pantalla completa. */
.pd-galeria{margin-top:clamp(8px,1vw,16px)}
.pd-galeria__mandos{display:none;justify-content:flex-end;gap:8px;margin-bottom:16px}
@media (hover:hover) and (pointer:fine){.pd-galeria__mandos{display:flex}}
.pd-galeria__flecha{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--ga-linea);background:transparent;color:var(--ga-marina);cursor:pointer;
  transition:background .22s ease,color .22s ease,opacity .22s ease}
.pd-galeria__flecha svg{width:20px;height:20px}
.pd-galeria__flecha:hover:not(:disabled){background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.pd-galeria__flecha:disabled{opacity:.3;cursor:default}
.pd-galeria--oscura .pd-galeria__flecha{border-color:rgba(201,222,240,.35);color:#fff}
.pd-galeria--oscura .pd-galeria__flecha:hover:not(:disabled){background:var(--ga-cielo);border-color:var(--ga-cielo);color:var(--ga-marina)}
.pd-galeria__lista{list-style:none;margin:0;padding:0 0 4px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding-inline:max(var(--lado),calc((100vw - var(--ga-ancho)) / 2 + var(--lado)));scroll-padding-inline:max(var(--lado),calc((100vw - var(--ga-ancho)) / 2 + var(--lado)));
  scrollbar-width:none;cursor:grab}
.pd-galeria__lista::-webkit-scrollbar{display:none}
.pd-galeria__lista.arrastrando{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.pd-galeria__lista.arrastrando img{pointer-events:none}
.pd-galeria__pieza{flex:0 0 auto;scroll-snap-align:start;height:clamp(300px,58svh,580px);border-radius:14px;overflow:hidden;background:rgba(201,222,240,.12)}
.pd-galeria__pieza img{height:100%;width:auto;max-width:none;display:block;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1);user-select:none;-webkit-user-drag:none}
@media (hover:hover){.pd-galeria__pieza:hover img{transform:scale(1.04)}}
@media (max-width:899px){.pd-galeria__pieza{max-width:calc(100vw - var(--lado) * 3)}.pd-galeria__pieza img{width:100%}}
/* Móvil: todas las fotos del mismo tamaño, 4:5 (Carlos, 2026-10-01), como la galería de las fichas de marca. */
@media (max-width:760px){
  .pd-galeria__pieza{width:calc(100vw - var(--lado) * 3);max-width:none;height:auto;aspect-ratio:4/5}
  .pd-galeria__pieza img{width:100%;height:100%;object-fit:cover}
}
.pd-galeria__abrir{display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in}
.pd-galeria__lista.arrastrando .pd-galeria__abrir{cursor:grabbing}
.pd-galeria__barra{height:2px;margin-top:22px;background:var(--ga-linea);position:relative;overflow:hidden}
.pd-galeria__avance{position:absolute;inset:0 auto 0 0;width:calc(var(--avance,0) * 100%);min-width:48px;background:var(--ga-marina);transition:width .2s linear}
.pd-galeria--oscura .pd-galeria__barra{background:rgba(201,222,240,.2)}
.pd-galeria--oscura .pd-galeria__avance{background:var(--ga-cielo)}
/* el visor */
.pd-visor{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;margin:0;background:color-mix(in srgb,var(--ga-noche) 96%,#000);color:#fff;
  grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.pd-visor[open]{display:grid}
.pd-visor::backdrop{background:rgba(0,0,0,.6)}
.pd-visor__marco{margin:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:56px 0 24px}
.pd-visor__marco img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.pd-visor__marco figcaption{display:flex;gap:16px;justify-content:center;padding-top:16px;font-size:13px;color:var(--ga-cielo)}
.pd-visor__flecha,.pd-visor__cerrar{width:56px;height:56px;margin:0 18px;border-radius:50%;border:1px solid rgba(201,222,240,.35);background:transparent;color:#fff;font-size:26px;cursor:pointer}
.pd-visor__flecha:hover,.pd-visor__cerrar:hover{background:var(--ga-cielo);color:var(--ga-marina)}
.pd-visor__cerrar{position:absolute;top:16px;right:0;width:46px;height:46px;font-size:22px}
@media (max-width:620px){.pd-visor{grid-template-columns:1fr}.pd-visor__flecha{position:absolute;bottom:18px;margin:0}.pd-visor__flecha[data-visor="-1"]{left:18px}.pd-visor__flecha[data-visor="1"]{right:18px}}

/* la barra de avance de la galería va con la columna del texto, no con el borde de la caja */
.pd-galeria__barra{width:calc(100% - 2 * var(--lado));max-width:calc(var(--ga-ancho) - 2 * var(--lado));padding-inline:0}
/* cifras de sección en móvil: 2 × 2, nada se sale por los lados */
@media (max-width:620px){
  .pd-cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;max-width:none}
  .pd-cifras small{letter-spacing:.14em}
  .pv .pd-afinador{bottom:auto;top:72px}
}

/* ── afinador de la letra del menú (sólo en la maqueta, mientras Carlos elige) ──
   Elegida 2026-09-29: Cinzel 700, 13 px, 1 px entre letras (vive en sitio.css). */
.pd-afinador--menu{position:fixed;z-index:80;left:50%;bottom:18px;transform:translateX(-50%)}
@media (max-width:980px){.pd-afinador--menu{display:none}}
/* blog en móvil: el texto sube más, así que el velo también (la etiqueta se perdía sobre la foto) */
@media (max-width:620px){.pd-diario__grande::after{background:linear-gradient(180deg,rgba(22,32,47,.15) 0%,rgba(22,32,47,.55) 35%,rgba(22,32,47,.9) 70%)}}

/* afinador: «Todo en Cinzel», para ver la página entera con la letra de los titulares (sólo maqueta) */
.pd-afinador--menu .pd-afinador__sep{width:1px;height:18px;background:var(--ga-linea);margin-inline:4px}
.pd-afinador button{white-space:nowrap}

/* afinador: grosor de la Cinzel (500 · 600 · 700) — titulares de sección y, con «Todo en Cinzel», la página entera */
html :is(.pd-titulo,.pd-destinos__pais,.pd-destinos__foto strong,.pd-nota__t,.pd-diario__grande strong,.pd-diario__filas strong,.pv__vino figcaption strong){font-weight:700}
.pd-afinador input[type=range]{width:120px;accent-color:var(--ga-marina)}
.pd-afinador__val{min-width:40px;font:600 12px/1 var(--ga-texto);font-variant-numeric:tabular-nums}

/* ── NUESTRO LEGADO EN NÚMEROS ──
   Cabecera como la de Quiénes somos (etiqueta · filete · titular parejo en dos renglones).
   Tres versiones mientras Carlos elige (html[data-legado]): A discos · B tarjetas · C 50/50.
   Iconos: los de la web actual. Sin dorado. Las cifras suben contando al entrar en pantalla. */
.pd-legado{padding-block:clamp(64px,8vw,112px)}
.pd-legado__cab{display:grid;justify-items:center;text-align:center;margin-bottom:clamp(40px,5vw,64px)}
.pd-legado__etq{margin:0;font-family:var(--ga-titular);font-weight:var(--cz-peso,700);font-size:clamp(16px,1.3vw,19px);letter-spacing:.2em;text-transform:uppercase;color:var(--ga-acero)}
.pd-legado .pd-raya{margin-block:14px 20px}
.pd-legado__titular{margin:0;font-family:var(--ga-titular);font-weight:var(--cz-peso,700);font-size:clamp(22px,2.2vw,32px);line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--ga-marina);white-space:nowrap}   /* una sola línea (Carlos) */
.pd-legado__texto{display:none;margin:22px 0 0;max-width:44ch;font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:15px;line-height:22px;color:var(--ga-acero)}
.pd-legado__lista{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;max-width:1140px}
.pd-legado__lista li{position:relative;display:grid;justify-items:center;align-content:start;gap:12px;padding:8px 10px;text-align:center}
.pd-legado__icono{display:grid;place-items:center;color:var(--ga-marina)}
.pd-legado__icono svg{display:block;width:100%;height:auto}
.pd-legado__lista strong{display:inline-block;font-family:var(--ga-titular);font-weight:700;font-size:clamp(34px,3.4vw,50px);line-height:1;letter-spacing:.01em;color:var(--ga-marina);font-variant-numeric:lining-nums tabular-nums}
.pd-legado__lista strong{font-family:"Quicksand",system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
html[data-num="B"] .pd-legado__lista strong{font-family:"Quicksand",system-ui,sans-serif;font-weight:500}
html[data-num="C"] .pd-legado__lista strong{font-family:var(--ga-texto);font-weight:400;letter-spacing:-.02em}
html[data-num="D"] .pd-legado__lista strong{font-family:var(--ga-texto);font-weight:600;letter-spacing:-.02em}
html[data-num="E"] .pd-legado__lista strong{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-variant-numeric:lining-nums;letter-spacing:0;font-size:clamp(40px,4vw,60px)}
html[data-num="F"] .pd-legado__lista strong{font-family:var(--ga-titular);font-weight:700;letter-spacing:.01em}
.pd-legado__lista small{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ga-acero);line-height:1.5}

/* A · DISCOS: cada icono en un disco cielo (el disco de la Gift Card), sin filetes */
html:not([data-legado]) .pd-legado__icono,html[data-legado="A"] .pd-legado__icono{display:flex;align-items:center;justify-content:center;width:clamp(88px,7.2vw,108px);aspect-ratio:1;border-radius:50%;background:var(--ga-cielo-claro);padding:clamp(18px,1.5vw,22px);
  transition:background .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
html:not([data-legado]) .pd-legado__lista li:hover .pd-legado__icono,html[data-legado="A"] .pd-legado__lista li:hover .pd-legado__icono{background:var(--ga-cielo);transform:translateY(-4px)}
html:not([data-legado]) .pd-legado__lista strong,html[data-legado="A"] .pd-legado__lista strong{margin-top:10px}

/* B · TARJETAS blancas sobre el fondo claro, icono arriba y la cifra grande */
html[data-legado="B"] .pd-legado__lista li{background:var(--ga-tarjeta);border-radius:18px;padding:clamp(26px,2.6vw,36px) 14px clamp(24px,2.4vw,32px);
  box-shadow:0 1px 2px rgba(22,32,47,.05),0 12px 32px -18px rgba(22,32,47,.22);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
html[data-legado="B"] .pd-legado__lista li:hover{transform:translateY(-6px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 22px 44px -20px rgba(22,32,47,.3)}
html[data-legado="B"] .pd-legado__icono{width:clamp(52px,4.4vw,64px);margin-bottom:6px}
html[data-legado="B"] .pd-legado__lista li::after{content:"";width:28px;height:1px;background:var(--ga-linea);order:2}
html[data-legado="B"] .pd-legado__lista small{order:3}

/* C · 50/50 como Quiénes somos: cabecera a la izquierda, filete vertical, cifras en rejilla 3 + 2 */
html[data-legado="C"] .pd-legado__caja{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center}
html[data-legado="C"] .pd-legado__cab{justify-items:start;text-align:left;margin:0;padding-right:clamp(28px,4vw,64px)}
html[data-legado="C"] .pd-legado__texto{display:block}
html[data-legado="C"] .pd-legado__lista{grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 8px;margin:0;padding-left:clamp(28px,4vw,64px);border-left:1px solid var(--ga-linea)}
html[data-legado="C"] .pd-legado__lista li{grid-column:span 2;justify-items:start;text-align:left;padding:0}
html[data-legado="C"] .pd-legado__icono{width:48px}
html[data-legado="C"] .pd-legado__lista strong{font-size:clamp(32px,3vw,44px)}

@media (max-width:860px){
  html[data-legado="C"] .pd-legado__caja{grid-template-columns:1fr}
  html[data-legado="C"] .pd-legado__cab{justify-items:center;text-align:center;padding:0 0 32px}
  html[data-legado="C"] .pd-legado__lista{border-left:0;border-top:1px solid var(--ga-linea);padding:32px 0 0;grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-legado="C"] .pd-legado__lista li{grid-column:auto;justify-items:center;text-align:center}
  html[data-legado="C"] .pd-legado__lista li:last-child{grid-column:1/-1}
}
@media (max-width:760px){
  html:not([data-legado]) .pd-legado__lista,html[data-legado="A"] .pd-legado__lista{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  /* en móvil sólo 4 cifras, dos filas de dos (Carlos, 2026-10-01): fuera la quinta, Países */
  html:not([data-legado]) .pd-legado__lista li:nth-child(n+5),html[data-legado="A"] .pd-legado__lista li:nth-child(n+5){display:none}
  /* tarjetas en móvil = carrusel con la vecina asomando (ley de la casa) */
  html[data-legado="B"] .pd-legado__lista{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    margin-inline:calc(-1 * var(--lado));padding:6px var(--lado) 24px;scroll-padding-inline:var(--lado)}
  html[data-legado="B"] .pd-legado__lista::-webkit-scrollbar{display:none}
  html[data-legado="B"] .pd-legado__lista li{flex:0 0 58%;scroll-snap-align:start}
}
@media (max-width:620px){.pd-legado__titular{font-size:min(20px,calc((100vw - 2 * var(--lado)) / 18.8));letter-spacing:.03em}}   /* una línea que cabe en cualquier móvil */

/* ── QUIÉNES SOMOS en 50/50: etiqueta + titular | filete vertical | texto ──
   Titular en 1–2 líneas (Carlos, 2026-09-29: el de 4 líneas era demasiado grande). */
.pd-quienes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin-bottom:clamp(40px,5vw,64px)}
.pd-quienes__izq{padding-right:clamp(28px,4vw,64px)}
.pd-quienes__etq{margin:0;font-family:var(--ga-titular);font-weight:var(--cz-peso,700);font-size:clamp(16px,1.3vw,19px);letter-spacing:.2em;text-transform:uppercase;color:var(--ga-cielo)}
.pd-quienes .pd-raya{margin-block:14px 20px}
.pd-quienes__titular{margin:0;font-family:var(--ga-titular);font-weight:var(--cz-peso,700);font-size:clamp(20px,1.72vw,27px);line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.pd-quienes__titular span{display:block;white-space:nowrap}   /* dos renglones fijos */
@media (max-width:620px){.pd-quienes__titular{font-size:clamp(15px,4.7vw,20px)}}   /* en móvil también dos renglones */
.pd-quienes__texto{margin:0;padding-block:6px;padding-left:clamp(28px,4vw,64px);border-left:1px solid rgba(201,222,240,.35);
  font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:15px;line-height:22px;color:rgba(255,255,255,.88);text-align:justify;text-align-last:left;hyphens:none;text-wrap:pretty}
/* letra de la descripción: Quicksand 500 a 15 px (Carlos, 2026-09-29) */
@media (max-width:860px){
  .pd-quienes{grid-template-columns:1fr;text-align:center}
  .pd-quienes__izq{padding:0 0 24px}
  .pd-quienes .pd-raya{margin-inline:auto}
  .pd-quienes__texto{border-left:0;border-top:1px solid rgba(201,222,240,.35);padding:24px 0 0;text-align:center;text-align-last:center}
}
.pd-quienes__titular[data-parejo]{line-height:1.18}
.pd-quienes__titular[data-parejo] span + span{margin-top:.12em}
/* la barra del afinador ya es larga: que pueda partirse en dos filas */
.pd-afinador--menu{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 32px);border-radius:22px}

/* ── iconos del legado ANIMADOS, al estilo de Mayan (piezas del dibujo original en bucle suave) ──
   Coordenadas en unidades del viewBox (331.73 × 293.76) con transform-box:view-box. */
.pd-legado__icono svg *{transform-box:view-box}
.lg-manecillas{transform-origin:165.8px 147.1px;animation:lgGira 6s linear infinite}
.lg-gafete{transform-origin:165.6px 70px;animation:lgBalanceo 3.2s ease-in-out infinite}
.lg-estrella{transform-origin:164.5px 150px;animation:lgMece 2.8s ease-in-out infinite}
.lg-continentes{animation:lgGiraGlobo 5s ease-in-out infinite alternate}
.lg-pin{animation:lgRebota 1.8s ease-in-out infinite}
.lg-pulso{transform-origin:107.2px 144.2px;animation:lgPulso 1.8s ease-out infinite}
.lg-tramo,.lg-nodo{animation:lgEnciende 2.4s ease-in-out infinite;opacity:.35}
.lg-tramo-1{animation-delay:0s}.lg-nodo-1{animation-delay:.3s}.lg-tramo-2{animation-delay:.6s}.lg-nodo-2{animation-delay:.9s}
@keyframes lgGira{to{transform:rotate(360deg)}}
@keyframes lgBalanceo{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes lgMece{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes lgGiraGlobo{from{transform:translateX(-26px)}to{transform:translateX(26px)}}
@keyframes lgRebota{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes lgPulso{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@keyframes lgEnciende{0%,100%{opacity:.35}35%,60%{opacity:1}}
@media (prefers-reduced-motion:reduce){.pd-legado__icono svg *{animation:none!important;opacity:1!important}}

/* ── RESTAURANTES rehecho (no la retícula de Keybourne) ──
   html[data-rest]: A índice (por defecto) · B cinta de tarjetas · C la anterior.
   En móvil A y B son la misma cinta con la vecina asomando (ley de la casa). */
html[data-rest="C"] .pd-rest{display:none}
/* (la versión C es ya la única: siempre visible) */
.pd-rest__cab{display:grid;justify-items:center;text-align:center;margin-bottom:28px}
.pd-rest__texto{margin:20px 0 0;max-width:62ch;font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:15px;line-height:22px;color:var(--ga-acero)}
.pd-rest__filtros{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:clamp(32px,4vw,48px)}
.pd-rest__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}
.pd-rest__filtros button:hover{border-color:var(--ga-marina)}
.pd-rest__filtros button[aria-pressed=true]{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.pd-rest__lista{list-style:none;margin:0;padding:0}
.pd-rest__lista li[hidden]{display:none}
.pd-casa{color:var(--ga-marina);text-decoration:none}
.pd-casa__logo,.pd-casa__logo-foto,.pd-rest__logo-grande{display:block;background:currentColor;-webkit-mask:var(--logo) left center/contain no-repeat;mask:var(--logo) left center/contain no-repeat}
.pd-casa__logo--txt,.pd-casa__logo-foto--txt,.pd-rest__logo-grande--txt{background:none;-webkit-mask:none;mask:none;font-family:var(--ga-titular);font-weight:700;font-size:20px;letter-spacing:.04em}
.pd-casa__datos{display:grid;gap:4px;min-width:0}
.pd-casa__datos small{font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ga-acero)}
.pd-casa__datos span{font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--ga-tinta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-casa__flecha{width:40px;height:40px;border-radius:50%;border:1px solid var(--ga-linea);display:grid;place-items:center;color:var(--ga-marina);transition:background .3s ease,color .3s ease,border-color .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.pd-casa__flecha svg{width:18px;height:18px}

/* A · ÍNDICE (escritorio): foto grande fija a la izquierda que cambia con la casa, lista a la derecha */
@media (min-width:900px){
  html[data-rest="A"] .pd-rest__cuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
  html[data-rest="A"] .pd-rest__fotos{position:sticky;top:calc(var(--barra-alto) + var(--flota) * 2 + 20px);aspect-ratio:4/5;max-height:calc(100svh - var(--barra-alto) - 80px);width:100%;border-radius:18px;overflow:hidden;background:var(--ga-marina)}
  .pd-rest__foto{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .6s ease}
  .pd-rest__foto.es-activa{opacity:1}
  .pd-rest__foto img:not(.pd-rest__logo-grande){width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
  .pd-rest__foto.es-activa img:not(.pd-rest__logo-grande){transform:none}
  .pd-rest__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(22,32,47,.72))}
  .pd-rest__logo-grande{position:absolute;z-index:2;left:clamp(24px,3vw,40px);bottom:clamp(24px,3vw,36px);width:55%;height:clamp(56px,6vw,90px);color:#fff;-webkit-mask-position:left bottom;mask-position:left bottom}
  html[data-rest="A"] .pd-rest__lista{border-top:1px solid var(--ga-linea)}
  html[data-rest="A"] .pd-casa{display:grid;grid-template-columns:clamp(120px,12vw,170px) minmax(0,1fr) 40px;align-items:center;gap:clamp(16px,2vw,28px);padding:18px 6px;border-bottom:1px solid var(--ga-linea)}
  html[data-rest="A"] .pd-casa__foto{display:none}
  html[data-rest="A"] .pd-casa__logo{height:calc(34px * var(--escala,1));max-height:50px;opacity:.55;transition:opacity .3s ease}
  html[data-rest="A"] .pd-rest__lista li.es-activa .pd-casa__logo{opacity:1}
  html[data-rest="A"] .pd-rest__lista li.es-activa .pd-casa__flecha{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff;transform:translateX(4px)}
}

/* B · CINTA (y A en móvil): tarjetas verticales con la foto y el logo en blanco; se arrastra */
html[data-rest="B"] .pd-rest__fotos{display:none}
@media (max-width:899px){.pd-rest__fotos{display:none}}
.pd-rest__cinta,html[data-rest="B"] .pd-rest__lista{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin-inline:calc(50% - 50vw);padding:4px max(var(--lado),calc((100vw - var(--ga-ancho)) / 2 + var(--lado))) 8px;scroll-padding-inline:max(var(--lado),calc((100vw - var(--ga-ancho)) / 2 + var(--lado)))}
html[data-rest="B"] .pd-rest__lista::-webkit-scrollbar{display:none}
html[data-rest="B"] .pd-rest__lista li{flex:0 0 clamp(250px,22vw,310px);scroll-snap-align:start}
html[data-rest="B"] .pd-casa{display:grid;gap:14px}
html[data-rest="B"] .pd-casa__logo,html[data-rest="B"] .pd-casa__flecha{display:none}
.pd-casa__foto{position:relative;display:block;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:var(--ga-marina)}
.pd-casa__foto img:not(.pd-casa__logo-foto){width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pd-casa__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(22,32,47,.78))}
.pd-casa__logo-foto{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;height:52px;color:#fff;-webkit-mask-position:left bottom;mask-position:left bottom}
@media (hover:hover){.pd-casa:hover .pd-casa__foto img:not(.pd-casa__logo-foto){transform:scale(1.05)}}
@media (max-width:899px){
  .pd-rest__lista{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    margin-inline:calc(-1 * var(--lado));padding:4px var(--lado) 8px;scroll-padding-inline:var(--lado)}
  .pd-rest__lista::-webkit-scrollbar{display:none}
  .pd-rest__lista li{flex:0 0 72%;scroll-snap-align:start}
  .pd-casa{display:grid;gap:12px}
  .pd-casa__logo,.pd-casa__flecha{display:none}
}
.pd-rest .pd-raya{margin-block:14px 20px}
/* afinador plegable: por defecto sólo la pastilla «Ajustes» */
.pd-afinador--menu.plegado > :not(.pd-afinador__plegar){display:none}
.pd-afinador__plegar{font-weight:700!important}
.pd-casa__logo--img,.pd-casa__logo-foto--img,.pd-rest__logo-grande--img{background:none;-webkit-mask:none;mask:none;width:auto;max-width:100%;object-fit:contain;object-position:left center}
.pd-casa__logo-foto--img,.pd-rest__logo-grande--img{object-position:left bottom}
.pd-rest__logo-grande--img{width:auto;height:clamp(80px,8vw,120px)}
.pd-casa__logo-foto--img{width:auto;height:64px}

/* D · MURO DE LOGOS (escritorio): cada casa es una baldosa con su logo; al pasar, se revela
   la foto del restaurante y el logo pasa a blanco. No repite el patrón lista + foto de Destinos. */
@media (min-width:900px){
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-rest__fotos{display:none}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-rest__lista{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa{position:relative;display:grid;place-items:center;aspect-ratio:3/2;border-radius:18px;overflow:hidden;background:var(--ga-cielo-claro);isolation:isolate}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__foto{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;opacity:0;transition:opacity .5s ease;z-index:-1}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__foto img:not(.pd-casa__logo-foto){transform:scale(1.08);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__foto::after{background:linear-gradient(180deg,rgba(22,32,47,.25),rgba(22,32,47,.72))}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__logo-foto,html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__flecha{display:none}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__logo{width:62%;height:calc(40px * var(--escala,1));max-height:64px;color:var(--ga-marina);-webkit-mask-position:center;mask-position:center;transition:color .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__logo--img{object-position:center;height:calc(40px * var(--escala,1))}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__datos{position:absolute;left:18px;right:18px;bottom:14px;text-align:center;opacity:.9;transition:color .4s ease}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__datos small{font-size:10px}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__datos span{display:none}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:hover .pd-casa__foto,html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:focus-visible .pd-casa__foto{opacity:1}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:hover .pd-casa__foto img:not(.pd-casa__logo-foto),html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:focus-visible .pd-casa__foto img:not(.pd-casa__logo-foto){transform:none}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:hover .pd-casa__logo,html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:focus-visible .pd-casa__logo{color:#fff;transform:translateY(-10px)}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:hover .pd-casa__datos small,html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:focus-visible .pd-casa__datos small{color:var(--ga-cielo)}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:hover .pd-casa__datos span,html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:focus-visible .pd-casa__datos span{display:block;color:#fff}
}
/* la baldosa «Ver todos» sólo en el muro de escritorio; en las demás, el botón de siempre */
.pd-rest__todas{display:none}
@media (min-width:900px){
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-rest__todas{display:block}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-rest__mas{display:none}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa--todas{background:var(--ga-marina);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:16px;text-align:center;
    font:600 11.5px/1.5 var(--ga-texto);letter-spacing:.18em;text-transform:uppercase;transition:background .3s ease}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa--todas .pd-casa__flecha{display:grid;border-color:rgba(201,222,240,.45);color:#fff}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa--todas:hover{background:var(--ga-noche,#16202F)}
  html:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa--todas:hover .pd-casa__flecha{background:var(--ga-cielo);border-color:var(--ga-cielo);color:var(--ga-marina);transform:translateX(4px)}
}

/* ── Fondo de Restaurantes (Carlos, 2026-09-29: se fundía con el legado) ──
   navy por defecto, alternando con las bandas claras; html[data-rest-fondo="cielo"] lo pasa a azul cielo. */
html:not([data-rest-fondo="cielo"]) .pd-rest{background:var(--ga-marina);color:#fff}
html:not([data-rest-fondo="cielo"]) .pd-rest .pd-legado__etq{color:var(--ga-cielo)}
html:not([data-rest-fondo="cielo"]) .pd-rest .pd-legado__titular{color:#fff}
html:not([data-rest-fondo="cielo"]) .pd-rest .pd-raya{background:rgba(201,222,240,.7)}
html:not([data-rest-fondo="cielo"]) .pd-rest__texto{color:rgba(255,255,255,.82)}
html:not([data-rest-fondo="cielo"]) .pd-rest__filtros button{border-color:rgba(201,222,240,.35);color:#fff}
html:not([data-rest-fondo="cielo"]) .pd-rest__filtros button:hover{border-color:var(--ga-cielo)}
html:not([data-rest-fondo="cielo"]) .pd-rest__filtros button[aria-pressed=true]{background:var(--ga-cielo);border-color:var(--ga-cielo);color:var(--ga-marina)}
html:not([data-rest-fondo="cielo"]) .pd-rest .pd-boton{border-color:rgba(255,255,255,.7);color:#fff}
html:not([data-rest-fondo="cielo"]) .pd-rest .pd-boton:hover{background:#fff;color:var(--ga-marina)}
/* textos de las casas sobre navy */
html:not([data-rest-fondo="cielo"]) .pd-casa{color:#fff}
html:not([data-rest-fondo="cielo"]) .pd-casa__datos small{color:var(--ga-cielo)}
html:not([data-rest-fondo="cielo"]) .pd-casa__datos span{color:rgba(255,255,255,.85)}
html:not([data-rest-fondo="cielo"]) .pd-casa__flecha{border-color:rgba(201,222,240,.35);color:#fff}
html:not([data-rest-fondo="cielo"]) .pd-rest__lista,html:not([data-rest-fondo="cielo"]) .pd-casa{border-color:rgba(201,222,240,.18)!important}
html:not([data-rest-fondo="cielo"]) .pd-rest__lista li.es-activa .pd-casa__flecha{background:var(--ga-cielo)!important;border-color:var(--ga-cielo)!important;color:var(--ga-marina)!important}
@media (min-width:900px){
  /* muro sobre navy: baldosas en cristal claro, logos en blanco */
  html:not([data-rest-fondo="cielo"]):not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa{background:rgba(201,222,240,.08);border:1px solid rgba(201,222,240,.14)}
  html:not([data-rest-fondo="cielo"]):not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa__logo{color:#fff}
  html:not([data-rest-fondo="cielo"]):not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa--todas{background:var(--ga-cielo);color:var(--ga-marina);box-shadow:none}
  html:not([data-rest-fondo="cielo"]):not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa--todas .pd-casa__flecha{border-color:rgba(46,55,75,.35);color:var(--ga-marina)}
  html:not([data-rest-fondo="cielo"]):not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa--todas:hover{background:#fff}
  html:not([data-rest-fondo="cielo"]):not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa--todas:hover .pd-casa__flecha{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
}
/* azul cielo: las baldosas del muro pasan a blanco para no perderse */
html[data-rest-fondo="cielo"] .pd-rest{background:var(--ga-cielo-claro)}
@media (min-width:900px){html[data-rest-fondo="cielo"]:not([data-rest="A"]):not([data-rest="B"]):not([data-rest="C"]) .pd-casa:not(.pd-casa--todas){background:#fff}}
/* Restaurantes (C): descripción y cifras en la misma Quicksand elegida para Quiénes somos y el legado */
.pd-rest-vieja .pd-texto{margin-bottom:clamp(36px,4vw,52px);font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:15px;line-height:22px}
.pd-rest-vieja .pd-cifras span{font-family:"Quicksand",system-ui,sans-serif;font-weight:700}

/* ── flechas de los carriles (logos y galardones): círculo con flecha dibujada ──
   al pasar se rellena y la flecha se adelanta un poco en su sentido */
.pd-flecha,.pd-premios__mandos button{width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%;cursor:pointer;
  border:1px solid var(--ga-linea);background:transparent;color:var(--ga-marina);
  transition:background .3s ease,border-color .3s ease,color .3s ease,transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.pd-flecha svg,.pd-premios__mandos button svg{width:20px;height:20px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.pd-flecha:hover:not(:disabled),.pd-premios__mandos button:hover{background:var(--ga-marina);border-color:var(--ga-marina);color:#fff}
.pd-flecha[data-dir="1"]:hover:not(:disabled) svg,.pd-premios__mandos button[data-premio="1"]:hover svg{transform:translateX(3px)}
.pd-flecha[data-dir="-1"]:hover:not(:disabled) svg,.pd-premios__mandos button[data-premio="-1"]:hover svg{transform:translateX(-3px)}
.pd-flecha:active:not(:disabled),.pd-premios__mandos button:active{transform:scale(.94)}
.pd-flecha:focus-visible,.pd-premios__mandos button:focus-visible{outline:2px solid var(--ga-cielo);outline-offset:3px}
.pd-flecha:disabled{opacity:.28;cursor:default}
/* sobre navy */
.pd-carril--oscuro .pd-flecha,.pd-premios__mandos button{border-color:rgba(201,222,240,.4);color:#fff;background:rgba(201,222,240,.06)}
.pd-carril--oscuro .pd-flecha:hover:not(:disabled),.pd-premios__mandos button:hover{background:var(--ga-cielo);border-color:var(--ga-cielo);color:var(--ga-marina)}
.pd-carril{grid-template-columns:48px minmax(0,1fr) 48px;gap:14px}
/* móvil: lo de arriba pisaba la regla de ≤620 (flechas visibles encima de las baldosas); el mando lo pone carriles.js */
@media (max-width:620px){.pd-carril{grid-template-columns:minmax(0,1fr)}.pd-flecha{display:none}}

/* ── Restaurantes: MOSAICO (el de Keybourne con más figuras) ──
   4 columnas × 4 filas: grande 2×2 · chica · alta · chica · alta · ancha · alta · ancha */
.pd-mos{margin-top:clamp(8px,1vw,16px)}
.pd-mos__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(100px,9.5vw,145px);gap:10px;
  grid-template-areas:"a a b c" "a a d c" "e f f g" "e h h g"}   /* más baja (Carlos): ~620 px en 1440 */
.pd-mos__p{position:relative;margin:0;border-radius:14px;overflow:hidden;background:rgba(201,222,240,.08)}
.pd-mos__p--a{grid-area:a}.pd-mos__p--b{grid-area:b}.pd-mos__p--c{grid-area:c}.pd-mos__p--d{grid-area:d}
.pd-mos__p--e{grid-area:e}.pd-mos__p--f{grid-area:f}.pd-mos__p--g{grid-area:g}.pd-mos__p--h{grid-area:h}
.pd-mos__p .pd-galeria__abrir{position:relative;display:block;width:100%;height:100%}
.pd-mos__p img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.23,1,.32,1)}
/* el nombre de la casa aparece al pasar, sobre un velo */
.pd-mos__marca{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 16px;text-align:left;color:#fff;
  font-family:var(--ga-titular);font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;
  background:linear-gradient(180deg,transparent,rgba(22,32,47,.8));opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  .pd-mos__p:hover img{transform:scale(1.05)}
  .pd-mos__p:hover .pd-mos__marca{opacity:1;transform:none}
}
.pd-mos__p .pd-galeria__abrir:focus-visible .pd-mos__marca{opacity:1;transform:none}
@media (max-width:760px){
  .pd-mos__reja{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:100px;gap:8px;
    grid-template-areas:"a a" "a a" "b c" "d c" "e g" "e g"}
  .pd-mos__p--f,.pd-mos__p--h{display:none}   /* en móvil seis piezas: no se alarga la página */
  .pd-mos__marca{opacity:1;transform:none;font-size:11px;padding:30px 12px 10px}
}
@media (prefers-reduced-motion:reduce){.pd-mos__p img,.pd-mos__marca{transition:none}}
/* el mapa va justo después de Restaurantes (navy): banda CLARA en azul cielo para alternar
   (Carlos, 2026-09-29: «dos oscuros pegados»). El lienzo del mapa sigue oscuro, como una pieza. */
.pd .pd-mapa{background:var(--ga-cielo-claro);color:var(--ga-tinta)}
.pd .pd-mapa .pd-titulo{color:var(--ga-marina)}
.pd .pd-mapa .pd-raya{background:var(--ga-acero-2)}
.pd .pd-mapa .pd-entrada{color:var(--ga-acero)}
.pd .pd-mapa .mp__lienzo{box-shadow:0 30px 60px -34px rgba(22,32,47,.45)}

/* ── NUESTROS DESTINOS rehecho: lista numerada | foto con rótulo en tarjeta de cristal ── */
.pd-dest .pd-destinos{align-items:center}
.pd-dest .pd-destinos__lista{counter-reset:none;border-top:1px solid var(--ga-linea)}
.pd-dest .pd-destinos__lista button{grid-template-columns:44px minmax(0,1fr) auto 36px;gap:4px 14px;align-items:center;padding:20px 14px 20px 10px;border-radius:12px;
  transition:background .3s ease}
.pd-destinos__num{font-family:"Quicksand",system-ui,sans-serif;font-weight:700;font-size:13px;color:var(--ga-acero-2);font-variant-numeric:tabular-nums}
.pd-dest .pd-destinos__pais{font-weight:700;color:var(--ga-acero)}
.pd-dest .pd-destinos__cuenta{font-family:"Quicksand",system-ui,sans-serif;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:none;color:var(--ga-acero)}
.pd-destinos__flecha{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ga-marina);border:1px solid transparent;opacity:0;transform:translateX(-6px);
  transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1),background .3s ease}
.pd-destinos__flecha svg{width:16px;height:16px}
.pd-dest .pd-destinos__ciudades{grid-column:2 / -1;font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--ga-acero)}
.pd-dest .pd-destinos__lista button[aria-current]{background:var(--ga-cielo-claro)}
.pd-dest .pd-destinos__lista button[aria-current] .pd-destinos__num{color:var(--ga-marina)}
.pd-dest .pd-destinos__lista button[aria-current] .pd-destinos__flecha{opacity:1;transform:none;background:var(--ga-marina);color:#fff}
.pd-dest .pd-destinos__lista button:hover .pd-destinos__flecha{opacity:1;transform:none}
.pd-dest .pd-destinos__lista li{border-bottom:1px solid var(--ga-linea);padding-block:4px}
/* la foto y su rótulo: tarjeta de cristal clara, nada de letras sueltas sobre la foto */
.pd-dest .pd-destinos__foto{min-height:460px}
.pd-dest .pd-destinos__foto::after{display:none}
.pd-dest .pd-destinos__foto img{transition:opacity .25s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pd-dest .pd-destinos__foto img.cambia{opacity:0}
.pd-destinos__rotulo{position:absolute;z-index:2;left:20px;bottom:20px;display:grid;gap:4px;padding:16px 22px 16px 20px;border-radius:14px;min-width:220px;
  background:rgba(245,248,251,.9);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 18px 40px -22px rgba(22,32,47,.55);color:var(--ga-marina)}
.pd-destinos__rotulo small{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ga-acero)}
.pd-destinos__rotulo strong{font-family:var(--ga-titular);font-weight:700;font-size:clamp(20px,1.8vw,26px);letter-spacing:.08em;text-transform:uppercase;line-height:1.15;color:var(--ga-marina)}
.pd-destinos__rotulo span{font-family:"Quicksand",system-ui,sans-serif;font-weight:600;font-size:13px;color:var(--ga-acero)}
@media (max-width:860px){.pd-dest .pd-destinos__foto{min-height:300px}.pd-destinos__rotulo{left:14px;bottom:14px;min-width:0}}
@media (max-width:1180px){
  .pd-dest .pd-destinos__lista button{grid-template-columns:32px minmax(0,1fr) 34px;padding:16px 10px 16px 6px}
  .pd-dest .pd-destinos__pais{grid-column:2;font-size:16px}
  .pd-dest .pd-destinos__cuenta{grid-column:2;grid-row:2}
  .pd-dest .pd-destinos__flecha{grid-column:3;grid-row:1 / span 2}
  .pd-dest .pd-destinos__ciudades{grid-column:2 / -1;grid-row:3}
  .pd-dest .pd-destinos__num{grid-row:1 / span 2}
}

/* ── Una línea: SÓLO los nombres de país de Nuestros destinos (Carlos, 2026-09-29: los demás títulos
   en dos líneas están bien). [data-una-linea] no parte nunca; si no cabe, portada-d.js baja la letra hasta que quepa. */
[data-una-linea]{white-space:nowrap!important;text-wrap:nowrap;min-width:0;max-width:100%}
.pd-dest .pd-destinos__pais{display:block;overflow:hidden}
/* nombres de país: una línea, todos al mismo tamaño y más contenidos (Carlos, 2026-09-29) */
.pd-dest .pd-destinos__pais{font-size:clamp(15px,1.3vw,18px);letter-spacing:.08em}
@media (max-width:620px){.pd-dest .pd-destinos__pais{font-size:15px;letter-spacing:.06em}}
@media (max-width:360px){.pd-dest .pd-destinos__pais{letter-spacing:.02em}}
@media (max-width:360px){.pd-dest .pd-destinos__lista button{grid-template-columns:24px minmax(0,1fr) 30px;gap:4px 8px;padding-inline:4px}.pd-dest .pd-destinos__num{font-size:11px}}

/* rótulo de la foto de destinos: etiqueta navy pequeña (Carlos: la tarjeta crema grande era fea) */
.pd-destinos__rotulo{left:18px;bottom:18px;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;
  background:rgba(46,55,75,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 28px -16px rgba(22,32,47,.6);color:#fff}
.pd-destinos__rotulo small{display:none}
.pd-destinos__rotulo strong{font-size:13px!important;letter-spacing:.14em;color:#fff;line-height:1}
.pd-destinos__rotulo span{font-size:12px;font-weight:600;color:var(--ga-cielo);line-height:1;padding-left:12px;border-left:1px solid rgba(201,222,240,.35)}
@media (max-width:620px){.pd-destinos__rotulo{left:12px;bottom:12px;padding:9px 14px;gap:10px}.pd-destinos__rotulo strong{font-size:12px!important}}
/* sin números en la lista de destinos (Carlos): la rejilla pierde su primera columna */
.pd-dest .pd-destinos__lista button{grid-template-columns:minmax(0,1fr) auto 36px;padding-left:14px}
.pd-dest .pd-destinos__ciudades{grid-column:1 / -1}
@media (max-width:1180px){
  .pd-dest .pd-destinos__lista button{grid-template-columns:minmax(0,1fr) 34px;padding-left:12px}
  .pd-dest .pd-destinos__pais,.pd-dest .pd-destinos__cuenta{grid-column:1}
  .pd-dest .pd-destinos__flecha{grid-column:2}
  .pd-dest .pd-destinos__ciudades{grid-column:1 / -1}
}
@media (max-width:360px){.pd-dest .pd-destinos__lista button{grid-template-columns:minmax(0,1fr) 30px}}
.pd-dest .pd-destinos__foto figcaption.pd-destinos__rotulo{display:flex;flex-wrap:nowrap;white-space:nowrap;max-width:calc(100% - 36px)}
@media (max-width:620px){.pd-destinos__rotulo span{display:none}}
.pd-rest-vieja .pd-baldosa__logo{height:min(84px,calc(58px * var(--escala,1)));width:88%}
.pd-baldosa__img{max-width:80%;max-height:90px;object-fit:contain}
.pd-rest-vieja .pd-baldosa{padding:14% 9%}
.pd-rest-vieja .pd-baldosa__logo{width:100%}
/* titular de Vinos en Cinzel, como el resto de titulares (Carlos: el Cormorant «está feo») */
.pv__titular{font-family:var(--ga-titular);font-weight:700;text-transform:uppercase;font-size:clamp(24px,2.3vw,34px);line-height:1.2;letter-spacing:.05em;max-width:18ch}
@media (max-width:980px){.pv__titular{font-size:clamp(22px,6vw,30px)}}
.pv__titular{max-width:none}
.pv__titular span{display:block;white-space:nowrap}
.pv__ficha{font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:15px;line-height:22px}
@media (max-width:980px){.pv__titular{font-size:min(30px,calc((100vw - 2 * var(--lado)) / 13))}}
/* vinos: todos los textos en negrita (Carlos, 2026-09-29) */
.pv__intro{margin:0;font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:16px;line-height:25px;text-align:justify;text-align-last:left;hyphens:none}
.pv__intro,.pv .pv__ficha{max-width:520px}
.pv .pv__ficha,.pv .pv__detalle p{font-family:"Quicksand",system-ui,sans-serif;font-weight:700}
.pv .pv__etq,.pv .pv__vino figcaption small,.pv .pv__detalle small{font-weight:700}
.pv .pv__vino figcaption span,.pv .pv__lugar{font-family:"Quicksand",system-ui,sans-serif;font-weight:700}
.pv .pv__vino figcaption strong,.pv .pv__detalle strong{font-weight:700}
/* vinos sin la franja de etiquetas de arriba (Carlos, 2026-09-29) */
.pv{grid-template-rows:minmax(0,1fr)}

/* ── Galardones a la medida de Keybourne (Carlos, 2026-09-29: se veían gruesos y grandes) ──
   titular Cinzel 500 (no 700), 17–22 px · subtítulo pequeño · texto Quicksand 14/22 justificado y centrado a 42ch */
.pd-premio__texto{text-align:center;justify-items:center;gap:0}
html .pd-premio__texto h3{font-weight:500;font-size:clamp(17px,1.5vw,22px);letter-spacing:.09em;line-height:1.2;text-wrap:balance;margin:0}
.pd-premio__texto .pd-premio__sub{margin:10px 0 16px;font-family:"Quicksand",system-ui,sans-serif;font-weight:700;font-size:10.5px;line-height:1.5;letter-spacing:.14em;color:var(--ga-acero)}
.pd-premio__texto div p{margin:0 auto;max-width:42ch;font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:14px;line-height:22px;letter-spacing:0;
  text-align:justify;text-align-last:center;hyphens:none}
.pd-premio__logo img{max-width:200px;max-height:150px}
@media (max-width:760px){.pd-premio__texto div p{text-align:center;text-align-last:center}}

/* ══ GALARDONES como Keybourne (2026-09-29) ══ */
.pd-pila .pd-cabeza{margin-bottom:0}
.pd-pila__carril{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
  --lado:calc(max(calc((100vw - var(--ga-ancho)) / 2), 0px) + clamp(28px,4vw,48px));
  padding-inline:var(--lado);scroll-padding-inline:var(--lado);margin-top:clamp(26px,3.4vw,44px);padding-block:0 90px;margin-block-end:-90px}
.pd-pila__carril::-webkit-scrollbar{display:none}
.pd-pila__pista{display:flex;align-items:stretch;gap:clamp(14px,1.8vw,26px);list-style:none;margin:0;padding:0;width:max-content}
.pd-pila__pieza{--ag:clamp(40px,5vw,72px);scroll-snap-align:start;flex:0 0 calc(min(100vw, var(--ga-ancho)) - 2 * clamp(28px,4vw,48px));
  position:relative;margin:0;min-height:340px;padding:var(--ag);border-radius:clamp(10px,1.2vw,16px);overflow:hidden;
  background:var(--ga-fondo);box-shadow:0 30px 70px -32px rgba(10,16,26,.72);
  display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:0}
.pd-pila__logo{grid-area:1/1;place-self:center;margin-right:var(--ag);width:var(--lw);height:var(--lh);object-fit:contain}
.pd-pila__logo--txt{width:auto;height:auto;font-family:var(--ga-titular);font-weight:500;font-size:20px;letter-spacing:.06em;text-align:center;color:var(--ga-marina)}
.pd-pila__texto{grid-area:1/2;align-self:center;min-height:100%;display:flex;flex-direction:column;justify-content:center;
  padding:0 0 0 var(--ag);border-left:1px solid var(--ga-linea);text-align:center;color:var(--ga-tinta)}
.pd-pila__texto h3{margin:0;font-family:var(--ga-titular);font-weight:500;text-transform:uppercase;letter-spacing:.09em;
  font-size:clamp(17px,1.9vw,25px);line-height:1.2;color:var(--ga-marina);text-wrap:balance}
.pd-pila__texto .d{margin:10px 0 14px;font-family:"Quicksand",system-ui,sans-serif;font-weight:700;font-size:10px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--ga-acero);text-wrap:balance}
.pd-pila__texto p:last-child{margin:0 auto;max-width:42ch;font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:14px;line-height:1.68;color:var(--ga-tinta);text-align:justify;text-align-last:center;hyphens:none}
/* mandos: chevrón en círculo y puntos que se estiran */
.pd-pila__mandos{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:clamp(18px,2.4vw,30px)}
.pd-pila__mandos button[data-paso]{width:42px;height:42px;padding:0;border-radius:99px;cursor:pointer;border:1px solid rgba(201,222,240,.32);background:transparent;color:#fff;
  display:grid;place-items:center;transition:border-color .3s cubic-bezier(.23,1,.32,1),background-color .3s cubic-bezier(.23,1,.32,1),color .3s cubic-bezier(.23,1,.32,1),opacity .3s}
.pd-pila__mandos button[data-paso]::before{content:"";width:13px;height:13px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg) translate(-2px,2px)}
.pd-pila__mandos button[data-paso="-1"]::before{transform:rotate(-135deg) translate(-2px,2px)}
.pd-pila__mandos button[data-paso][disabled]{opacity:.5;cursor:default}
@media (hover:hover) and (pointer:fine){.pd-pila__mandos button[data-paso]:not([disabled]):hover{background:#fff;border-color:#fff;color:var(--ga-marina)}}
.pd-pila__puntos{display:flex;gap:7px;justify-content:center;align-items:center;margin:0 clamp(10px,1.4vw,18px)}
.pd-pila__puntos button{position:relative;width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(201,222,240,.42);cursor:pointer;
  transition:width .38s cubic-bezier(.23,1,.32,1),background-color .38s cubic-bezier(.23,1,.32,1)}
.pd-pila__puntos button::after{content:"";position:absolute;inset:-10px -4px}   /* zona de toque */
.pd-pila__puntos button[aria-selected="true"]{width:24px;background:#fff}
@media (hover:hover) and (pointer:fine){.pd-pila__puntos button:hover{background:rgba(201,222,240,.72)}}
@media (max-width:820px){
  .pd-pila__carril{--lado:28px}
  .pd-pila__pieza{--ag:28px;flex-basis:calc(100vw - 56px);grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;box-shadow:none}
  .pd-pila__logo{grid-area:1/1;margin:8px auto var(--ag);width:min(var(--lw),80%)}
  .pd-pila__texto{grid-area:2/1;border-left:0;border-top:1px solid var(--ga-linea);padding:var(--ag) 0 0;min-height:0}
  .pd-pila__texto p:not(.d){font-size:15px}
  .pd-pila__texto p:last-child{text-align:center;text-align-last:center}
}
.pd-pila__mandos{position:relative;z-index:1}
/* prensa: cuatro notas en portada, más aire */
.pd-notas{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.pd-nota__t{font-size:16px}
@media (max-width:980px){.pd-notas{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── BLOG nuevo: tres tarjetas de revista ── */
.pd-blog__cab{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,3.4vw,44px)}
.pd-blog__cab .pd-legado__titular{white-space:normal}
.pd-blog__cab .pd-raya{margin-block:12px 16px}
.pd-blog__fila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,32px)}
.pd-post{display:grid;grid-template-rows:auto 1fr;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 18px 40px -26px rgba(22,32,47,.3);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.pd-post__foto{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--ga-marina)}
.pd-post__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pd-post__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 "Quicksand",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.pd-post__texto{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px}
.pd-post__texto small{font:700 11px/1.4 "Quicksand",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ga-acero)}
.pd-post__texto strong{font-family:var(--ga-titular);font-weight:500;font-size:clamp(18px,1.45vw,21px);line-height:1.3;color:var(--ga-marina);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pd-post__texto .em{font-style:normal;font-family:"Quicksand",system-ui,sans-serif;font-weight:500;font-size:14px;line-height:21px;color:var(--ga-acero);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pd-post__mas{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:8px;font:700 11px/1 "Quicksand",system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ga-marina)}
.pd-post__mas svg{width:16px;height:16px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  .pd-post:hover{transform:translateY(-6px);box-shadow:0 1px 2px rgba(22,32,47,.05),0 26px 50px -26px rgba(22,32,47,.4)}
  .pd-post:hover .pd-post__foto img{transform:scale(1.05)}
  .pd-post:hover .pd-post__mas svg{transform:translateX(4px)}
}
@media (max-width:860px){
  .pd-blog__cab{flex-direction:column;align-items:flex-start}
  .pd-blog__fila{display:flex;gap:14px;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)}
  .pd-blog__fila::-webkit-scrollbar{display:none}
  .pd-post{flex:0 0 80%;scroll-snap-align:start}
}

/* ── INSTAGRAM @gpoandersons, encima de Contáctanos ── */
.pd-ig{background:var(--ga-fondo);padding-block:clamp(56px,7vw,96px)}
.pd-ig__cab{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(22px,2.6vw,34px)}
.pd-ig__perfil{display:flex;align-items:center;gap:16px;color:var(--ga-marina);text-decoration:none}
.pd-ig__avatar{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ga-marina);color:#fff;
  box-shadow:0 0 0 3px var(--ga-fondo),0 0 0 5px var(--ga-cielo)}
.pd-ig__avatar .logo-ga{width:46px;aspect-ratio:1570/617}
.pd-ig__perfil strong{display:block;font-family:var(--ga-titular);font-weight:700;font-size:clamp(18px,1.6vw,22px);letter-spacing:.04em}
.pd-ig__perfil small{display:block;margin-top:2px;font:600 13px/1.4 "Quicksand",system-ui,sans-serif;color:var(--ga-acero)}
.pd-ig__seguir{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:var(--ga-marina);color:#fff;text-decoration:none;
  font:700 11.5px/1 "Quicksand",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:background .3s ease,color .3s ease}
.pd-ig__seguir svg{width:18px;height:18px}
.pd-ig__seguir:hover{background:var(--ga-cielo);color:var(--ga-marina)}
.pd-ig__reja{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.pd-ig__reja a{position:relative;display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--ga-cielo-claro)}
.pd-ig__reja img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.pd-ig__velo{position:absolute;inset:0;display:grid;place-items:center;background:rgba(46,55,75,.45);color:#fff;opacity:0;transition:opacity .35s ease}
.pd-ig__velo svg{width:30px;height:30px;transform:scale(.8);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){.pd-ig__reja a:hover img{transform:scale(1.06)}.pd-ig__reja a:hover .pd-ig__velo{opacity:1}.pd-ig__reja a:hover .pd-ig__velo svg{transform:none}}
@media (max-width:860px){
  .pd-ig__reja{display:flex;gap:10px;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)}
  .pd-ig__reja::-webkit-scrollbar{display:none}
  .pd-ig__reja li{flex:0 0 44%;scroll-snap-align:start}
  .pd-ig__avatar{width:52px;height:52px}.pd-ig__avatar .logo-ga{width:38px}
  .pd-ig__seguir{padding:11px 16px}
}
.pd-ig__reel{position:absolute;top:10px;right:10px;width:26px;height:26px;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.pd-ig__reel svg{width:18px;height:18px}
/* el usuario de Instagram en la letra de contenido, en minúsculas como en Instagram (Cinzel deformaba la @) */
.pd-ig__perfil strong{font-family:var(--ga-texto);font-weight:700;font-size:clamp(18px,1.5vw,21px);letter-spacing:0;text-transform:none}
/* títulos de sección sin separación entre letras (Carlos, 2026-09-29) */
.pd-titulo,.pd-legado__titular{letter-spacing:0;text-indent:0}
/* móvil: la regla de 4/2 columnas de arriba pisaba el carrusel y montaba las notas unas sobre otras (2026-09-30) */
@media (max-width:620px){.pd-notas{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;gap:14px}}
/* móvil (Carlos, 2026-09-30): los titulares de sección pueden ir en DOS líneas, a tamaño contenido y equilibrados;
   antes se encogían para caber en una y quedaban pegados al borde */
@media (max-width:620px){.pd-legado__titular{white-space:normal;font-size:22px;line-height:1.25;letter-spacing:0;text-wrap:balance}}
/* móvil (Carlos, 2026-09-30, «las cosas que van al centro»): las cabeceras de Blog, Contáctanos y Vinos van centradas
   como el resto de secciones; el formulario sigue alineado a la izquierda para leerlo bien */
@media (max-width:620px){
  .pd-blog__cab{flex-direction:column;align-items:center;text-align:center}
  .pd-blog__cab .pd-raya,.pd-hablemos .pd-raya{margin-inline:auto}
  .pd-hablemos__caja > div:first-child{text-align:center}
  .pd-hablemos .pd-titulo--izq{text-align:center}
  .pv__titular{text-align:center}
}
/* galería: la línea de abajo partida en segmentos, uno por foto, que se lee como puntos (Carlos, 2026-09-30) */
.pd-galeria__segmentos{display:flex;gap:6px;margin-top:22px;width:calc(100% - 2 * var(--lado));max-width:calc(var(--ga-ancho) - 2 * var(--lado));padding-inline:0}
.pd-galeria__segmentos button{flex:1 1 0;height:3px;padding:0;border:0;border-radius:3px;background:var(--ga-linea);cursor:pointer;transition:background .3s ease,flex-grow .3s ease}
.pd-galeria__segmentos button.es-activo{flex-grow:2.4;background:var(--ga-marina)}
.pd-galeria--oscura .pd-galeria__segmentos button{background:rgba(201,222,240,.22)}
.pd-galeria--oscura .pd-galeria__segmentos button.es-activo{background:var(--ga-cielo)}
.pd-pila__ir{margin-top:clamp(22px,2.6vw,34px)}
/* Destinos: los logos de las marcas de cada país, pequeños (Carlos, 2026-09-30) */
.pd-destinos__logos{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px}
.pd-destinos__logo{display:block;width:52px;height:18px;background:var(--ga-marina);opacity:.7;-webkit-mask:var(--logo) left center/contain no-repeat;mask:var(--logo) left center/contain no-repeat}
[aria-current="true"] .pd-destinos__logo{opacity:1}
.pd-destinos__logo-img{display:block;height:22px;width:auto}
/* Marcas del home (Carlos, 2026-09-30): 5 logos a la vista en escritorio; alto de cada logo desde el afinador */
.pd-rest-vieja .pd-baldosa__logo{height:min(var(--lb-max,84px),calc(var(--lb-base,58px) * var(--escala,1)))}
@media (min-width:1100px){.pd-baldosas{gap:var(--lb-hueco,16px);grid-auto-columns:calc((100% - (var(--lb-cols,6) - 1) * var(--lb-hueco,16px)) / var(--lb-cols,6))}}
.pd-rest-vieja .pd-baldosa{padding:var(--lb-relleno,14%) 9%}   /* columnas, aire y hueco: los decide el afinador (2026-09-30) */
/* Destinos: logos en casillas iguales, alineados y con el peso del afinador del home (Carlos, 2026-09-30: «mejora esto») */
.pd-dest .pd-destinos__logos{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px 18px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid rgba(46,55,75,.1)}
.pd-dest .pd-destinos__logo{width:100%;height:calc(34px * var(--escala,1));max-height:40px;min-height:14px;background:var(--ga-marina);opacity:.8;-webkit-mask-position:center;mask-position:center}
.pd-dest .pd-destinos__lista button[aria-current] .pd-destinos__logo{opacity:1}
.pd-dest .pd-destinos__lista button:not([aria-current]) .pd-destinos__logos{border-top:0;padding-top:4px}

/* Logos de Marcas por debajo de 1100 px: la baldosa encoge (92 px en un iPhone frente a 157 en escritorio) y el logo
   encoge con ella, guardando la proporción que se afinó a ojo; antes medían los mismos px y BAK' o The Ledge
   llenaban la baldosa (Carlos, 2026-10-01). En escritorio manda el afinador en px, sin cambios. */
@media (max-width:1099px){
  .pd-rest-vieja .pd-baldosa{container-type:inline-size}
  .pd-rest-vieja .pd-baldosa__logo{height:min(var(--lb-max-cq,65cqw),calc(var(--lb-base-cq,45cqw) * var(--escala,1)))}
}

/* Vinos en móvil (Carlos, 2026-10-01):
   · la botella con alto FIJO: con height:100% en la fila de la rejilla, Safari de iPhone a veces la pinta a su
     tamaño natural y tapa el nombre (en Chrome no pasa). 520 de vista = 52 arriba + 300 botella + pie + 20.
   · la ficha y el detalle del «+», centrados en vez de justificados. */
@media (max-width:980px){
  .pv__vino{grid-template-rows:auto auto;align-content:end;padding:52px 24px 20px}
  .pv__vino img{height:300px;width:auto;max-height:none}
  .pv__ficha,.pv__detalle p,.pv__intro{text-align:center;text-align-last:center}
  .pv__vino figcaption{justify-items:center;text-align:center}   /* variedad, nombre y viñedo centrados bajo la botella */
  .pv__vino figcaption strong{justify-self:stretch}
  .pv__vino figcaption span{justify-content:center}
}
@media (max-width:420px){.pv__vino img{height:270px}}
/* Blog en móvil: «What's new» a la izquierda y el botón Blog a la derecha, en una línea (Carlos, 2026-10-01) */
@media (max-width:860px){
  .pd-blog__cab{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:16px}
  .pd-blog__cab .pd-legado__titular{text-align:left;white-space:nowrap}
  .pd-blog__cab .pd-raya{margin-inline:0}
  .pd-blog__cab .pd-boton{flex:0 0 auto}
}