/* assets/d-inicio.css — auditoría del dueño (9-oct-2026) · unidad I · Inicio (index.html y atlas.html).
   Va DESPUÉS de assets/ux.css: aquí se afina portada, «¿Cómo viajar?», ritual, nosotros, colección, mapa (solo presentación), Expedición y ornamento.
   Usa el sistema de ux.css: --t-portada · --t-seccion · --t-sub · --t-cuerpo · --t-ante · --t-min (docs/AUDITOR-PLAN.md,
   «Sistema entregado»). Sin colores ni tipografías nuevas; el papel con fibra se queda. */

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   1 · PORTADA (hallazgos 2 y 10 · ley 3: retoque conservador). Mismas piezas —firma, titular, bajada, botón,
   botellas, estampillas y botánicos— recompuestas para que quepan en UNA pantalla, se vea el producto y la firma
   respire. Sin marcos, sin coordenadas, sin tocar el texto.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
/* celular y tableta: la columna de texto arriba, las dos botellas de pie en las esquinas de abajo */
.portada{min-height:max(100svh,600px);justify-content:flex-start;
  padding:calc(var(--casa-bar-h) + clamp(18px,4.2svh,56px) + env(safe-area-inset-top)) 24px 0}
.portada .logo{width:156px;margin-bottom:clamp(14px,2.6svh,26px)}
.portada .k{margin-bottom:clamp(10px,1.8svh,18px);position:relative;z-index:3}
.portada h1{font-size:var(--t-portada);line-height:1.04;margin-bottom:clamp(10px,1.9svh,18px);position:relative;z-index:3}
.portada .sub{font-size:var(--t-cuerpo);line-height:1.36;max-width:21.5em;margin-bottom:clamp(16px,3svh,30px);
  text-wrap:balance;position:relative;z-index:3}
.zarpar{position:relative;z-index:3}
.zarpar .btn{transform:none;padding:14px 28px}                 /* un botón no va torcido */
.zarpar .cue{margin-top:0;padding:6px 10px;gap:3px}
.zarpar .flat{letter-spacing:.2em;max-width:150px;line-height:1.5;text-align:center}
.zarpar .flecha{font-size:18px}
/* botellas: de pie, enteras de lado a lado, con la etiqueta a la vista */
.hero-bot{bottom:-12px;width:auto;height:clamp(200px,calc(100svh - 440px),300px)}
.hb-1{left:6px}
.hb-2{right:6px}
/* ornamento con mesura: un botánico (detrás de la botella) y una estampilla, enteros y sin tocar texto ni firma */
.bot-tr{display:none}
.bot-bl{left:0;bottom:0;width:auto;height:clamp(190px,calc(100svh - 452px),290px);transform:scaleX(-1);opacity:.9}
.sh-1{top:calc(var(--casa-bar-h) + clamp(14px,3.4svh,46px));left:26px;width:50px}
.sh-2,.sh-3{display:none}
/* en la primera pantalla del celular el botón de WhatsApp caía sobre la etiqueta de la botella: aparece al bajar,
   cuando la barra se vuelve sólida (mismo umbral que la firma de la barra) */
@media (max-width:959px){
  #navbar:not(.solid) ~ .wa-burbuja{opacity:0;visibility:hidden;pointer-events:none}
}

/* escritorio: la escena completa cabe en la ventana (también en 1440×615) */
@media (min-width:960px){
  .portada{min-height:max(100svh,560px);justify-content:center;
    padding:calc(var(--casa-bar-h) - 6px) 26px clamp(10px,2.4svh,30px)}
  .portada .logo{width:clamp(176px,27svh,240px);margin-bottom:clamp(12px,2.6svh,30px)}
  .portada .k{margin-bottom:clamp(10px,2svh,20px)}
  .portada h1{font-size:min(clamp(58px,5.6vw,86px),13.2svh);line-height:1.05;margin-bottom:clamp(10px,2.2svh,20px)}
  .portada .sub{font-size:clamp(17px,3.1svh,21px);line-height:1.5;max-width:29em;margin-bottom:clamp(16px,3.4svh,40px)}
  .zarpar .btn{font-size:19px;padding:clamp(13px,2.3svh,18px) 40px}
  .zarpar .cue{margin-top:clamp(2px,1svh,10px)}
  .zarpar .flat{max-width:none;letter-spacing:.3em}
  /* botellas ancladas abajo: alto ≈ 62 % de la ventana, etiqueta completa a la vista */
  .hero-bot{height:clamp(300px,min(62svh,34vw),600px);bottom:-3.2svh}
  .hb-1{left:10vw}
  .hb-2{right:10vw}
  /* dos botánicos (cuelga el yuzu de su esquina; la naranja agria nace del borde de abajo) y dos estampillas */
  .bot-tr{display:block;top:0;right:0;width:auto;height:clamp(250px,46svh,500px);transform:none}
  .bot-bl{left:0;bottom:0;width:auto;height:clamp(210px,40svh,400px);transform:scaleX(-1);opacity:.9}
  .sh-1{left:16vw;top:clamp(84px,16svh,150px);width:clamp(78px,13svh,108px)}
}
@media (min-width:1200px){
  /* la segunda estampilla, junto a su botella y a 28 px del borde (en ventanas más angostas no cabe sin tocarla) */
  .hb-2{right:max(10vw,150px)}
  .sh-2{display:block;right:28px;left:auto;bottom:24%;width:clamp(72px,12svh,98px)}
}
/* tableta de pie: la misma escena, a su escala */
@media (min-width:600px) and (max-width:959px) and (min-height:760px){
  .portada{padding-top:calc(var(--casa-bar-h) + 7svh)}
  .portada .logo{width:210px}
  .portada h1{font-size:clamp(47px,8.6vw,72px)}
  .portada .sub{font-size:20px;max-width:24em}
  .hero-bot{height:clamp(300px,42svh,470px)}
  .hb-1{left:5vw}
  .hb-2{right:5vw}
  .bot-bl{height:clamp(240px,34svh,380px)}
  .sh-1{left:9vw;width:76px}
  .zarpar .flat{max-width:none}
}
/* los dos botánicos de «La colección» se colaban en la portada (su sección no era su marco): ahora se quedan en casa */
.sabores{position:relative}

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   2 · «¿CÓMO VIAJAR?» + RITUAL (hallazgo 4). Una sola pista de scroll en todo el inicio (la de la portada): se van
   «Sigue bajando» y el antetítulo repetido. En escritorio, dos mitades sobre la misma rejilla: titular a la
   izquierda, el vaso a la derecha (el carril de la botella sigue libre). El canvas y sus tiempos no se tocan.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.viajar-intro .baja{display:none}                 /* 2.ª pista de scroll */
.rs-sticky>.rk{display:none}                      /* «El ritual — 10 segundos» ya está en el titular de al lado */
.viajar-intro{min-height:0;padding:72px 26px 30px}
.viajar-intro .k{margin-bottom:14px}
.viajar-intro h2{max-width:13.5em;text-wrap:balance}
.viajar-intro p{max-width:26em;margin-top:14px;line-height:1.45;text-wrap:balance}
@media (min-width:1200px){
  .rit-duo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:stretch;
    padding:0 max(40px,calc((100vw - 1240px) / 2))}
  .rit-duo .viajar-intro{min-height:0;align-items:flex-start;justify-content:center;text-align:left;padding:var(--casa-bar-h) 24px 0 0}
  .rit-duo .viajar-intro h2{max-width:11.6em;margin:0}
  .rit-duo .viajar-intro p{max-width:23em;margin-top:18px;line-height:1.5}
  .rit-duo .viajar-intro::after{content:"";display:block;width:56px;height:1px;margin-top:26px;background:rgba(92,76,55,.45)}
  .rit-duo .rs-sticky{background:none}                /* sin costura entre las dos mitades */
  .rit-duo .rrec{right:auto;left:max(6px,calc(50% - 382px))}   /* misma distancia al vaso; nunca cortada por el borde */
  .rit-duo .rs-sticky .deco{display:none!important}   /* el racimo quedaba fuera del cuadro; un botánico menos */
}
@media (min-width:960px) and (max-width:1199px){
  .viajar-intro{padding-top:calc(var(--casa-bar-h) + 40px)}
  .rs-sticky .deco{display:none!important}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   3 · QUIÉNES SOMOS (hallazgo 4). Celular: titular en 3–4 renglones parejos. Escritorio: dos columnas sobre la
   rejilla — sello y titular a la izquierda, texto a la derecha, alineado a la izquierda y a ~60 caracteres.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.nosotros h2{max-width:13em;text-wrap:balance}
.nosotros .sello-ns{width:88px}
.nosotros .ns-cta{letter-spacing:.11em;white-space:nowrap}            /* la flecha no cae sola al segundo renglón */
.nosotros .mapa-fondo{mix-blend-mode:multiply;                         /* marca de agua sin caja: se funde con el papel */
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);
  mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%)}
@media (min-width:960px){
  .nosotros{padding:76px max(40px,calc((100vw - 1240px) / 2)) 68px}
  .nosotros .ns-in{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;
    align-items:center;text-align:left}
  .nosotros .ns-a{padding-right:24px}
  .nosotros .sello-ns{width:104px;margin:0 0 22px}
  .nosotros h2{max-width:11.5em;margin:0}
  .nosotros .ns-b{max-width:28em;font-size:var(--t-cuerpo);padding-left:clamp(0px,4vw,64px);
    border-left:1px solid rgba(92,76,55,.22)}
  .nosotros p{max-width:none;margin:0 0 16px;line-height:1.55}
  .nosotros .firma{max-width:none;margin:20px 0 0;font-size:calc(var(--t-cuerpo) + 2px)}
  .nosotros .ns-cta{margin-top:18px}
  .nosotros .mapa-fondo{left:27%;width:min(720px,56%);opacity:.085}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   4 · LA COLECCIÓN (hallazgo 9). Celular: se queda el carrusel, con la botella mandando en la tarjeta y sin
   «Desliza» (la tarjeta siguiente asoma). Escritorio ancho: la vitrina — las siete a la vista, de pie sobre un
   filete, sin cajas; nombre, notas y precio debajo. Las tarjetas ya no van torcidas (llevan botón).
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.car-hint{display:none}                                              /* 3.ª pista de scroll */
.sabores{padding-bottom:40px}
.scard:nth-child(odd),.scard:nth-child(even){transform:none}
.scard img{height:220px}
.scard .sk{letter-spacing:.14em}
@media (max-width:1099px){ .car{padding-bottom:22px} }
@media (min-width:1100px){
  .sabores{padding:76px 0 64px}
  .sabores .shead{margin-bottom:6px}
  .sabores .shead p:not(.rinde):not(.k){max-width:none}
  .car{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,auto);gap:0;
    overflow:visible;scroll-snap-type:none;-webkit-mask-image:none;mask-image:none;
    max-width:1320px;margin:0 auto;padding:30px 40px 0;box-sizing:border-box}
  .scard{display:grid;grid-template-rows:subgrid;grid-row:span 7;justify-items:center;align-content:start;
    flex:none;max-width:none;min-width:0;background:none;border:0;box-shadow:none;padding:0;scroll-snap-align:none}
  .scard img{grid-row:1;height:clamp(230px,40svh,300px);margin:0;transition:translate .45s cubic-bezier(.2,.7,.2,1)}
  .scard .barra{grid-row:2;position:static;justify-self:stretch;height:1px;background:rgba(92,76,55,.5)}   /* el filete */
  .scard .sk{grid-row:3;display:flex;flex-direction:column;align-items:center;gap:1px;margin:18px 0 6px;line-height:1.35;align-self:end}
  .scard .sk .sep{display:none}
  .scard h3{grid-row:4;font-size:26px;line-height:1.04;max-width:5.4em;text-wrap:balance;margin:0 0 8px;padding:0 6px}
  .scard .ci{grid-row:5;font-size:16px;line-height:1.3;max-width:10.5em;text-wrap:balance;margin:0 0 12px;padding:0 6px;color:#5C4C37}
  .scard .pr{grid-row:6;margin:0 0 14px;align-self:end}
  .scard .add{grid-row:7;width:auto;min-width:0;max-width:calc(100% - 10px);padding:10px clamp(6px,.9vw,14px);font-size:clamp(14px,1.14vw,16px);white-space:nowrap;
    background:transparent;color:var(--espresso);border:1px solid rgba(44,38,31,.55);
    transition:background .25s ease,color .25s ease,border-color .25s ease}
  .scard:hover .add,.scard .add:hover,.scard .add:focus-visible{background:var(--espresso);color:var(--crema);border-color:var(--espresso)}
  .scard:hover img{translate:0 -6px}
  /* dos botánicos, arriba, flanqueando el titular: enteros y lejos de las botellas */
  .sabores>.deco{top:34px!important;width:126px!important}
  .sabores>.deco:first-of-type{left:max(28px,calc(50% - 600px))!important}
  .sabores>.deco:nth-of-type(2){right:max(28px,calc(50% - 600px))!important;width:112px!important}
}
@media (hover:none) and (min-width:1100px){ .scard .add{background:var(--espresso);color:var(--crema);border-color:var(--espresso)} }

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   5 · VOCES (hallazgos 4 y 10). Los papeles se quedan (con su fibra) pero derechos: llevan texto de lectura.
   Escritorio: las tres notas en fila, a la misma altura; un botánico y una estampilla junto al titular, enteros.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.voz,.voz:nth-of-type(even),.voz:nth-child(odd),.voz:nth-child(even){transform:none}
.voz{text-align:left}
.voz footer{letter-spacing:.16em;color:#5C4C37}
@media (min-width:960px){
  .voces{max-width:1240px;padding:84px 40px 72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;align-items:stretch}
  .voces>*{grid-column:1 / -1}
  .voces>.voz{grid-column:auto;display:flex;flex-direction:column;margin:0;padding:26px 28px 20px}
  .voces h2{margin-bottom:34px}
  .voz p{line-height:1.45;margin-bottom:18px}
  .voz footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(92,76,55,.28)}
  .voces>.deco:nth-of-type(1){left:max(28px,calc(50% - 520px))!important;top:52px!important;width:168px!important}
  .voces>.deco.st{right:max(48px,calc(50% - 430px))!important;top:74px!important;width:78px!important}
  .voces>.deco:nth-of-type(3){display:none!important}                  /* el saúco vuelve en la entrada del mapa */
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   6 · MAPA DEL VIAJE (hallazgos 3 y 10) — SOLO presentación: cámara, pasos, WAYS y paradas intactos.
   · Giro solo en la polaroid y su estampilla; receta, botón, botella, precio y ficha a 0°.
   · Nombre del destino más grande.  · Una sola numeración a la vista (la del viaje: «Destino 2 de 7»).
   · Nada tapado: el pie de la polaroid queda libre; los atajos bajan a la fila del paginador.
   · Ventana baja: la foto de la receta va A UN LADO, entera (ya no es una tira que corta la copa).
   · Entrada: el mapa solo, con un botánico por lado; fuera el rótulo «Desliza…» (4.ª pista de scroll).
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.pcard.pinfo{transform:translateY(34px)}
.vstop.on .pcard.pinfo{transform:none}
.vbottle{transform:translateY(36px)}
.vstop.on .vbottle{transform:none}
.vbottle .tag{transform:none}
.vbottle .ficha{rotate:0deg}
.vstop.on .pcard.pfoto{transform:rotate(-3deg)}
.vstop.on .pcard.pfoto.flip{transform:rotate(-3deg) rotateY(180deg)}
.pcard.pfoto figcaption{color:#2C261F}
.pcard.pinfo .vk b{display:none}                                      /* «Nº 05»: segunda numeración */
.vhint{display:none}
/* entrada del mapa: dos botánicos (uno por lado, en diagonal), enteros y bajo la barra */
@media (min-width:960px){
  .vlado .vb2,.vlado .vb3{display:none}
  .vl-l .vb1{left:1.6vw;top:calc(var(--casa-bar-h) + 3svh);width:min(15vw,30svh);transform:rotate(-6deg)}
  .vl-r .vb4{right:1.6vw;bottom:9svh;width:min(12.5vw,26svh);transform:rotate(-5deg)}
  /* nombre del destino */
  .vref{font-size:31px;padding:8px 32px 10px}
  /* atajos en fila, abajo a la derecha, a la altura del paginador: ya no rozan la receta */
  /* top:auto — atlas.html lo ancla con top:118px; sin soltarlo, top+bottom lo estiraban y tapaba «Agregar» */
  .vskip-group{flex-direction:row;gap:0 8px;right:16px;top:auto;bottom:calc(9px + env(safe-area-inset-bottom))}
}
/* escritorio en ventana baja (portátil): receta en dos columnas, foto entera a la izquierda */
@media (min-width:960px) and (max-height:800px){
  .vstop{width:min(1100px,94vw)}
  .pcard.pinfo{width:min(570px,calc(94vw - 520px));display:grid;grid-template-columns:minmax(150px,41%) minmax(0,1fr);
    grid-auto-rows:auto;column-gap:18px;align-items:start;align-content:start;padding:14px}
  .pcard.pinfo>*{grid-column:2}
  .pcard.pinfo .rph{grid-column:1;grid-row:1 / span 5;align-self:stretch;aspect-ratio:auto;height:auto;min-height:0;margin:0}
  .pcard.pinfo .vk{justify-self:start;margin-bottom:6px}
  .pcard.pinfo .ving{display:block;margin-bottom:8px}
  .pcard.pinfo .ving li{padding:3.5px 0}
  .pcard.pinfo .vmet{margin-bottom:12px}
  .pcard.pinfo .add{align-self:end}
}
@media (min-width:960px) and (max-height:800px){ .pcard.pinfo .vk i{display:none} }   /* el nombre ya está en el rótulo de arriba */
/* celular: nombre del destino más grande; en pantallas bajas va a dos renglones sobre la columna de la foto, y la
   polaroid (cuadrada) se apoya ENCIMA de la botella: su pie de foto ya no queda detrás del precio */
@media (max-width:820px) and (min-height:820px){ .vref{font-size:27px;padding:8px 22px 10px} }
@media (max-width:820px) and (max-height:819px){
  .vref{font-size:24px;line-height:1.02;white-space:normal;max-width:calc(44vw - 16px);padding:8px 13px 10px;text-align:left}
  .vbottle{width:84px}
  .pcard.pfoto{width:31%;bottom:204px}
  .pcard.pfoto .ph{aspect-ratio:1 / 1}
  .pcard.pfoto figcaption{font-size:14.5px;line-height:1.15;margin-top:5px}
}
@media (max-width:374px) and (max-height:819px){ .vref{font-size:22px} .vbottle{width:78px} .pcard.pfoto{bottom:190px} }
/* celulares muy bajos (≈360×640) con la receta más larga: la foto pasa a un lado del nombre, chica pero entera
   (antes quedaba en una tira de 54 px que cortaba el vaso) */
@media (max-width:820px) and (max-height:655px){
  .pcard.pinfo:has(.ving li:nth-child(5)){display:grid;grid-template-columns:minmax(0,1fr) 78px;align-content:start;align-items:start}
  .pcard.pinfo:has(.ving li:nth-child(5))>*{grid-column:1 / -1}
  .pcard.pinfo:has(.ving li:nth-child(5)) .rph{grid-column:2;grid-row:1 / span 2;width:78px;height:94px;aspect-ratio:auto;min-height:0;margin:0 0 7px 8px}
  .pcard.pinfo:has(.ving li:nth-child(5)) .vk{grid-column:1;grid-row:1;justify-self:start}
  .pcard.pinfo:has(.ving li:nth-child(5)) h3{grid-column:1;grid-row:2}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   7 · EXPEDICIÓN ×4 + EXPEDICIÓN COMPLETA (hallazgo 8). Un solo capítulo «cargamento» en el café #432918: sin la
   franja crema entre los dos ni un segundo café. Botellas grandes; en la Completa los accesorios van en la misma
   línea de base que las siete, a su escala. Un sello y una estampilla por bloque, enteros y a ≥ 24 px del borde.
   Precios, textos y botones: los mismos.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.cierre-amb{padding:104px 24px 72px}
.cierre-amb.completa{margin-top:0;padding-top:96px;
  background:linear-gradient(rgba(67,41,24,.93),rgba(67,41,24,.93)),url("../img/fondo-papel.jpg");background-size:auto,600px}
.cierre-amb.completa::before{content:"";position:absolute;top:0;left:max(24px,calc(50% - 600px));right:max(24px,calc(50% - 600px));
  height:1px;background:rgba(239,233,219,.3)}                         /* filete crema fino entre los dos cargamentos */
.cierre-amb .k{margin-bottom:22px}
.cierre-amb p{text-wrap:balance}
.exp-botellas{margin:0 0 26px}
.exp-botellas img{width:clamp(84px,24vw,116px)}
.exp-botellas img:nth-child(n+2){margin-left:-20px}
.cierre-amb.completa .exp-botellas img{width:clamp(48px,15.6vw,72px);margin-left:-10px}
.cierre-amb.completa .exp-botellas img:first-child{margin-left:0}
.cierre-amb.completa .exp-botellas{margin-bottom:22px}
.exp-merch{align-items:flex-end;gap:14px 30px;margin:0 0 30px}
.exp-merch .it{width:auto;min-width:76px;gap:9px}
.exp-merch img{height:calc(clamp(48px,15.6vw,72px) * 1.04)}            /* vaso ≈ 46 % de la botella */
.exp-merch .it:nth-child(2) img{height:calc(clamp(48px,15.6vw,72px) * .78)}   /* copa ≈ 34 % */
.exp-merch .it:nth-child(3) img{height:calc(clamp(48px,15.6vw,72px) * 1.24)}  /* manual ≈ 55 % */
.exp-merch span{max-width:6.2em;opacity:.92}
.exp-sello{top:24px;right:24px;width:68px;transform:rotate(8deg);
  mix-blend-mode:screen;filter:invert(.92) sepia(.45) brightness(1.12);opacity:.85}   /* el negativo crema que ya usaba el escritorio: en celular salía café sobre café */
@media (min-width:960px){
  .cierre-amb{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:1fr repeat(6,auto) 1fr;column-gap:48px;
    justify-items:start;text-align:left;padding:72px max(40px,calc((100vw - 1240px) / 2)) 72px}
  .cierre-amb>.exp-botellas,.cierre-amb>.exp-fila{grid-column:1;grid-row:1 / -1;align-self:center;justify-self:center;margin:0}
  .cierre-amb>.k{grid-column:2;grid-row:2;margin-bottom:16px}
  .cierre-amb>h2{grid-column:2;grid-row:3;margin:0 0 14px}
  .cierre-amb>p{grid-column:2;grid-row:4;margin:0 0 22px;max-width:22em}
  .cierre-amb>.precio{grid-column:2;grid-row:5;font-size:28px;margin-bottom:8px}
  .cierre-amb>.ahorro,.cierre-amb>.ahorro-c{grid-column:2;grid-row:6;margin:0 0 26px!important}
  .cierre-amb>.btn{grid-column:2;grid-row:7}
  /* ×4: botellas a la izquierda, bien grandes */
  .exp-botellas img{width:auto;height:clamp(210px,min(46svh,24vw),320px)}
  .exp-botellas img:nth-child(n+2){margin-left:-14px}
  .cierre-amb>.deco.st:nth-of-type(1){left:max(28px,calc(50% - 624px))!important;top:auto!important;bottom:56px!important;width:78px!important}
  .cierre-amb>.deco.st:nth-of-type(2){display:none!important}
  .exp-sello{right:max(28px,calc(50% - 600px));top:24px;width:72px}
  /* Completa: en espejo — texto a la izquierda, las siete y sus accesorios en una sola línea de base a la derecha */
  .cierre-amb.completa{grid-template-columns:minmax(0,4fr) minmax(0,8fr);padding-top:72px;--bh:clamp(120px,min(35svh,14.6vw),250px)}
  .cierre-amb.completa>.exp-fila{grid-column:2;display:flex;align-items:flex-end;gap:24px}
  /* atlas.html todavía no trae el envoltorio .exp-fila: ahí las siete van arriba y los accesorios debajo, en la misma columna */
  .cierre-amb.completa>.exp-botellas{grid-column:2;grid-row:1 / span 4;align-self:end;margin:0 0 22px}
  .cierre-amb.completa>.exp-merch{grid-column:2;grid-row:5 / -1;align-self:start;justify-self:center}
  .cierre-amb.completa>.k,.cierre-amb.completa>h2,.cierre-amb.completa>p,.cierre-amb.completa>.precio,
  .cierre-amb.completa>.ahorro-c,.cierre-amb.completa>.btn{grid-column:1}
  .cierre-amb.completa .exp-botellas{margin:0}
  .cierre-amb.completa .exp-botellas img{width:auto;height:var(--bh);margin-left:calc(var(--bh) * -.1)}
  .cierre-amb.completa .exp-merch{flex-wrap:nowrap;gap:24px;margin:0;padding-bottom:0}
  .cierre-amb.completa .exp-merch .it{position:relative;min-width:0;width:auto}
  .cierre-amb.completa .exp-merch img{height:calc(var(--bh) * .46)}
  .cierre-amb.completa .exp-merch .it:nth-child(2) img{height:calc(var(--bh) * .34)}
  .cierre-amb.completa .exp-merch .it:nth-child(3) img{height:calc(var(--bh) * .54)}
  .cierre-amb.completa .exp-merch span{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;width:6.2em;max-width:none}
  .cierre-amb.completa>.deco.st:nth-of-type(1){left:auto!important;right:max(40px,calc(50% - 600px))!important;top:48px!important;bottom:auto!important;width:80px!important}
}
@media (min-width:1200px){ .exp-sello{right:max(40px,calc(50% - 600px));top:52px;width:104px} }

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   8 · EQUIPAJE y ornamento en general (hallazgo 10): con mesura. Por pantalla, máximo dos botánicos y dos
   estampillas, siempre enteros (nunca cortados por el borde de la ventana ni montados en otra sección) y sin
   tocar texto ni firma. Donde la ventana no da para tenerlos enteros, no salen.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
@media (min-width:960px){
  .equipaje>.deco.st:nth-of-type(2){top:34px!important;right:-128px!important;width:80px!important}   /* dentro de su sección */
  .equipaje>.deco.st:nth-of-type(4){display:none!important}                                         /* una estampilla */
  .equipaje>.deco:nth-of-type(3){bottom:10px!important}
}
@media (min-width:960px) and (max-width:1399px){ .equipaje>.deco{display:none!important} }          /* se cortarían */
@media (min-width:960px) and (max-width:1139px){ .voces>.deco{display:none!important} }
@media (min-width:960px) and (max-width:1279px){ .sabores>.deco{display:none!important} }
@media (max-width:820px){ .vbottle{left:12px} }

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   REMATE (ronda 2 del dueño, 9-oct) — solo presentación. El papel con fibra se queda; cámara, pasos y paradas del
   mapa, canvas del ritual, precios y textos: intactos.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/* R1 · MAPA · «Agregar <destino>»: crema sobre el acento no pasaba 4,5:1 en cuatro destinos (3,49–3,79). Ahora es el
   botón de la casa —tinta con letra crema, 12:1— y el acento del destino queda de filete de 3 px, como el que va bajo
   el precio en la tienda. Un solo botón de compra en todo el sitio. */
.vstop[data-stop] .pcard.pinfo .add{background:#2C261F;color:#EFE9DB;box-shadow:inset 0 -3px 0 var(--ac,#5C4C37)}
.vstop[data-stop="0"]{--ac:#C96A5E} .vstop[data-stop="1"]{--ac:#C8641E} .vstop[data-stop="2"]{--ac:#9E2B25}
.vstop[data-stop="3"]{--ac:#5C8A5E} .vstop[data-stop="4"]{--ac:#C4647E} .vstop[data-stop="5"]{--ac:#B08D5B}
.vstop[data-stop="6"]{--ac:#C9A227}
.vstop[data-stop] .pcard.pinfo .add:hover{background:#432918}
.vstop[data-stop] .pcard.pinfo .add:focus-visible{outline:2px solid #2C261F;outline-offset:2px}

/* R2 · MAPA EN CELULAR: la parada cargaba un tiquete de tres renglones y cinco controles en dos filas (~17 % de la
   pantalla). Ahora: el tiquete en UNA línea bajo la botella y UNA fila de controles (sonido · ‹ destino › · Saltar).
   «Volver arriba» sobra en celular (la barra está fija y la firma lleva al inicio). Lo que se gana (≈50 px) se lo
   queda la mesa: la postal de la receta respira y su foto crece. */
@media (max-width:820px){
  .vstop{bottom:calc(100px + env(safe-area-inset-bottom))}
  .pcard.pinfo{max-height:calc(100svh - 172px - env(safe-area-inset-bottom))}
  .vbottle .ficha{top:calc(100% + 5px);left:0;translate:none;rotate:0deg;flex-direction:row;align-items:baseline;gap:0 6px;
    padding:6px 11px 5px;line-height:1.2}
  .vbottle .ficha b{font-size:13.5px}
  .vbottle .ficha i+i::before,.vbottle .ficha b+i::before{content:"· "}
  .vskip-group{right:10px;top:auto;bottom:calc(8px + env(safe-area-inset-bottom));gap:0}   /* top:auto: ver nota de escritorio (atlas.html) */
  /* v42 (Diego: «tengo la flecha de saltar para abajo pero no para saltar arriba a donde estaba antes del mapa»):
     «Volver arriba» vuelve al celular como flecha ↑ de 44 px, al lado de ↓ */
  .vskip{padding:8px 11px;letter-spacing:1.6px}
  .snav{left:54px;transform:none;bottom:calc(11px + env(safe-area-inset-bottom));gap:5px}
  .snav button{width:44px;height:44px}
  .snav .snav-label{min-width:0;padding:10px 11px;letter-spacing:1.4px}
}
@media (max-width:374px){ .snav{left:54px;gap:3px} .snav .snav-label{padding:10px 6px;letter-spacing:.6px} .vskip{padding:8px 7px;letter-spacing:1px} .vskip-group{right:6px} }
@media (max-width:820px){ .vskip-group{bottom:calc(6px + env(safe-area-inset-bottom))} }
/* «Saltar ↓» tapaba el botón › (‹ Destino N de 7 › más la palabra no caben en una fila bajo 421 px; a 390 px
   el centro de › disparaba «Saltar»). Bajo 430 px el atajo queda en su flecha, 44 px; el nombre sigue en el
   texto del enlace y en su aria-label. A 320 px la etiqueta cede 14 px para que › y ↓ no se rocen. */
@media (max-width:479px){
  .vskip[href="#expedicion"]{width:44px;min-width:44px;padding:0;justify-content:center;font-size:0;letter-spacing:0}
  .vskip[href="#expedicion"]::after{content:"↓";font-size:20px;line-height:1}
}
@media (max-width:820px){
  .vskip-group{gap:0 4px}
  .vskip[href="#sabores"]{width:44px;min-width:44px;padding:0;justify-content:center;font-size:0;letter-spacing:0}
  .vskip[href="#sabores"]::after{content:"↑";font-size:20px;line-height:1}
}
@media (max-width:389px){ .snav .snav-label{padding:10px 5px;letter-spacing:.9px} }
@media (max-width:374px){ .snav .snav-label{padding:10px 3px;letter-spacing:.3px} }   /* 375 px: ‹ rótulo › ↑ ↓ en una fila sin rozarse */
@media (max-width:339px){ .snav .snav-label{padding:10px 3px;letter-spacing:0} }

/* R3 · ORNAMENTO EN ESCRITORIO: un botánico por pantalla (en celular ya estaba limpio). Nada se borra ni se redibuja:
   solo deja de salir lo que sobraba. La portada conserva sus piezas (ley 3) y el limonero ya no pasa por detrás
   del menú. */
@media (min-width:960px){
  .bot-tr{top:calc(var(--casa-bar-h) + 6px);right:-34px;height:clamp(220px,42svh,460px)}   /* cuelga del borde derecho, bajo la barra */
  .sabores>.deco{display:none!important}                               /* la colección: las siete botellas son el adorno */
  .voces>.deco.st{display:none!important}                              /* intertítulo: se queda la rosa */
  .vl-l .vb1,.vl-r .vb4{display:none}                                  /* entrada del mapa: el mapa solo */
  .equipaje>.deco.st,.equipaje>.deco:nth-of-type(3){display:none!important}   /* equipaje: solo las uvas */
}

/* R4 · RITUAL. Los rótulos del paso se cruzaban con un fundido de 0,55 s y se leían encimados: ahora van a corte seco
   (un rótulo a la vista). La receta de la casa es lectura: derecha. En escritorio ancho el par va centrado en la
   rejilla —texto corrido una columna, lámina más a la derecha—, la lámina no pasa de la ventana menos 110 px, el
   sifón baja de la barra y «Ver el recetario» pasa junto al texto (ya no va pegado al borde, sobre la lámina). */
.rcap span{transition:none}
.rrec{transform:translateY(-50%)}
.rcta-d{display:none}
@media (min-width:960px){
  .rframe{max-height:calc(100svh - 110px)}
  .rsifon{top:calc(8svh + 46px)}
}
@media (min-width:1200px){
  .rit-duo{grid-template-columns:minmax(0,5.58fr) minmax(0,7.42fr)}
  .rit-duo .viajar-intro{padding-left:64px;padding-right:12px}
  .rit-duo .viajar-intro::after{display:none}
  .rit-duo .rcta-d{display:inline-block;margin-top:26px;padding:14px 30px;border-radius:2px;background:var(--espresso);color:var(--crema);
    font-family:var(--t-serif);font-size:18px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .25s ease}
  .rit-duo .rcta-d:hover{background:#432918}
  .rit-duo .rcta-d:focus-visible{outline:2px solid #2C261F;outline-offset:3px}
  .rit-duo .rcta{display:none}
  /* en ventana baja la lámina se corre hacia el margen derecho (hasta 100 px) para equilibrar el par */
  .rit-duo .ritual-scroll{margin-right:calc(-1 * clamp(0px,100px - (100svh - 615px) * .16,max(40px,(100vw - 1240px) / 2)))}
  /* la receta guarda siempre la misma distancia al vaso (que crece con la ventana) y, si la columna es angosta, cede ancho */
  .rit-duo .rrec{right:auto;left:max(6px,calc(50% - 9svh - 300px));width:min(272px,calc(50% - 9svh - 34px))}
  .rit-duo .rcap{bottom:calc(30px + env(safe-area-inset-bottom))}
}

/* R5 · EXPEDICIÓN COMPLETA: el pedido más caro llevaba las botellas más pequeñas (210 px / 140 en celular).
   Escritorio: las siete a ~260 px en su estante y, debajo, los tres accesorios a su escala real. Celular: dos
   filas (4 + 3) a ~190 px. Aire de abajo: 64 px. Mismo texto, mismo precio, mismo botón. */
.cierre-amb.completa{padding-bottom:64px}
@media (max-width:959px){
  .cierre-amb.completa .exp-botellas{--bw:clamp(74px,22vw,92px);flex-wrap:wrap;max-width:calc(var(--bw) * 4 - 42px + 2px);margin:0 auto 26px}
  .cierre-amb.completa .exp-botellas img{width:var(--bw);margin-left:-14px}
  .cierre-amb.completa .exp-botellas img:first-child,.cierre-amb.completa .exp-botellas img:nth-child(5){margin-left:0}
  .cierre-amb.completa .exp-botellas img:nth-child(n+5){margin-top:calc(var(--bw) * -.42)}
  .exp-merch img{height:calc(clamp(74px,22vw,92px) * 1.0)}
  .exp-merch .it:nth-child(2) img{height:calc(clamp(74px,22vw,92px) * .74)}
  .exp-merch .it:nth-child(3) img{height:calc(clamp(74px,22vw,92px) * 1.18)}
}
@media (min-width:960px){
  .cierre-amb.completa{--bh:clamp(200px,min(44svh,18.4vw),290px);padding-bottom:64px}
  .cierre-amb.completa>.exp-fila{flex-direction:column;align-items:center;gap:26px}
  .cierre-amb.completa .exp-merch{align-self:center;gap:14px;padding-bottom:42px}
  .cierre-amb.completa .exp-merch .it{min-width:118px;align-items:center}
  .cierre-amb.completa .exp-merch img{height:calc(var(--bh) * .44)}
  .cierre-amb.completa .exp-merch .it:nth-child(2) img{height:calc(var(--bh) * .32)}
  .cierre-amb.completa .exp-merch .it:nth-child(3) img{height:calc(var(--bh) * .5)}
  .cierre-amb.completa .exp-merch span{width:8em}
  /* la estampilla baja al pie de la columna, junto a los accesorios: arriba quedaba sobre la tapa de la última botella */
  .cierre-amb.completa>.deco.st:nth-of-type(1){top:auto!important;bottom:76px!important;right:max(40px,calc(50% - 600px))!important;width:84px!important}
}

/* R6 · FINAL DEL INICIO: la lista «Rastrear · Recetario · WhatsApp» repetía, pegada, lo que el pie ya ofrece. Se va;
   WhatsApp pasa al pie (el mismo en todas las páginas). */
.bitacora{display:none}

/* R7 · equipaje: filas y botones derechos (quedaba 0,3°) */
.eq,.eq:nth-child(odd),.eq:nth-child(even),.eq:nth-of-type(odd),.eq:nth-of-type(even){transform:none}