/* destileriajik.cl · mockup v2 inmersivo
   Manual de marca JIK · Gin Bohemio v1.0: Noche + Blanco (90 %), Kraft, Plata, Humo · Cinzel + Montserrat
   Recursos: arco con cielo estrellado (firma), estampilla, lista de botánicos. El color vivo lo ponen las fotos. */

:root{
  --noche:#171614; --blanco:#FFFFFF; --kraft:#A8845A; --plata:#A9ABA7; --humo:#5F5B54;
  --noche-2:#1E1C1A; --linea:rgba(255,255,255,.12); --gris:#BDB9B1;
  --brillo:255,244,226;            /* luz cálida lateral de la fotografía del manual */
  --titulo:'Cinzel',serif; --texto:'Montserrat',system-ui,sans-serif;
  --suave:cubic-bezier(.22,1,.36,1);
  --gutter:clamp(16px,4vw,56px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--noche);color:var(--blanco);font-family:var(--texto);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}  /* hidden convierte al body en contenedor de scroll y rompe position:sticky */
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--blanco);outline-offset:4px}
::selection{background:var(--blanco);color:var(--noche)}

/* Cielo fijo detrás de todo el sitio */
#cielo{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,footer{position:relative;z-index:1}

/* Tipografía: el interlineado se aprieta al crecer */
.t-xl{font-family:var(--titulo);font-weight:500;font-size:clamp(40px,6.4vw,104px);line-height:.98;letter-spacing:-.005em}
.t-l{font-family:var(--titulo);font-weight:500;font-size:clamp(32px,4.4vw,68px);line-height:1.02}
.t-m{font-family:var(--titulo);font-weight:600;font-size:clamp(22px,2.2vw,30px);line-height:1.15}
.t-s{font-family:var(--titulo);font-weight:600;font-size:19px;line-height:1.25}
.etq{font:600 11px/1.3 var(--texto);letter-spacing:.24em;text-transform:uppercase;color:var(--gris)}
.lead{font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--gris);max-width:34em}
.env{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--gutter)}

/* Botones */
.b{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;font:600 12px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;padding:19px 28px;border:1px solid var(--blanco);overflow:hidden;white-space:nowrap;transition:color .45s var(--suave)}
.b span{position:relative;z-index:1}
.b::before{content:"";position:absolute;inset:0;background:var(--blanco);transform:translateY(101%);transition:transform .55s var(--suave)}
.b:hover::before{transform:translateY(0)}
.b:hover{color:var(--noche)}
.b-lleno{background:var(--blanco);color:var(--noche)}
.b-lleno::before{background:var(--noche)}
.b-lleno:hover{color:var(--blanco)}
.b-lleno:hover{border-color:var(--blanco)}
.b-oscuro{background:var(--noche);color:var(--blanco);border-color:var(--noche)}
.b-oscuro::before{background:var(--blanco)}
.b-oscuro:hover{color:var(--noche)}
.b .precio-b{font-weight:700;letter-spacing:.06em;opacity:.85}

/* Cabecera */
.cab{position:fixed;top:0;left:0;right:0;z-index:50;transition:transform .6s var(--suave),background .4s,border-color .4s;border-bottom:1px solid transparent}
.cab.solida{background:rgba(23,22,20,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--linea)}
.cab.oculta{transform:translateY(-100%)}
.cab .env{display:flex;align-items:center;height:84px;gap:40px}
.cab .logo img{height:58px;width:auto}
.menu{display:flex;gap:34px;margin-left:auto;font-size:13px;letter-spacing:.08em}
.menu a{position:relative;padding:6px 0}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--blanco);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--suave)}
.menu a:hover::after{transform:scaleX(1);transform-origin:left}
.carro-b{display:flex;align-items:center;gap:10px;font:600 11px/1 var(--texto);letter-spacing:.18em;border:1px solid var(--linea);padding:11px 14px;transition:border-color .3s}
.carro-b:hover{border-color:var(--blanco)}
.carro-b svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.carro-b .num{min-width:20px;height:20px;border-radius:10px;background:var(--blanco);color:var(--noche);display:grid;place-items:center;font-size:11px;letter-spacing:0}
.hamb{display:none;width:26px;height:14px;border-top:1.5px solid var(--blanco);border-bottom:1.5px solid var(--blanco)}
.cinta{position:fixed;top:84px;left:0;right:0;z-index:49;text-align:center;font:600 10px/1 var(--texto);letter-spacing:.26em;text-transform:uppercase;color:var(--gris);padding:10px 16px;transition:opacity .4s}
.cinta.fuera{opacity:0}

/* HÉROE */
.heroe{position:relative;overflow:hidden;min-height:100svh;display:flex;align-items:center;padding:140px 0 90px}
.heroe .env{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:2vw}
.heroe .bohemio{width:min(380px,70%);margin-bottom:34px}
.heroe h1{margin-bottom:22px;font-size:clamp(38px,4.3vw,70px);line-height:1.02}
.heroe .acciones{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap}
.heroe .datos{display:flex;gap:28px;margin-top:44px;flex-wrap:wrap}
.escena{position:relative;height:min(74vh,700px);display:grid;place-items:center;grid-template-rows:100%;grid-template-columns:100%}
.escena .arco-trazo{position:absolute;width:min(31vw,460px);height:100%;overflow:visible}
.escena .arco-trazo path{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1}
.escena .arco-fondo{position:absolute;width:min(31vw,460px);height:100%;border-radius:999px 999px 0 0;background:radial-gradient(60% 45% at 50% 46%,rgba(var(--brillo),.22),rgba(var(--brillo),0) 70%);overflow:hidden}
.escena .botella{position:relative;height:80%;width:auto;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6));will-change:transform}
.escena .suelo{position:absolute;bottom:4%;width:46%;height:28px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent)}
.flota{position:absolute;pointer-events:none;will-change:transform}
.flota img{width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}
.flota.lejos img{filter:blur(2.5px) brightness(.7)}
.flota.cerca img{filter:blur(1px) drop-shadow(0 18px 24px rgba(0,0,0,.6))}
.desliza{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px}
.desliza i{display:block;width:1px;height:46px;background:linear-gradient(var(--blanco),transparent);animation:gotea 2.2s var(--suave) infinite}
@keyframes gotea{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* LA ETIQUETA (momento firma) */
.etiqueta{position:relative;padding:0}
.etiqueta .fijo{height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:0 var(--gutter);max-width:1320px;margin:0 auto}
.foto-etq{position:relative;height:min(84vh,860px);aspect-ratio:520/1380;justify-self:center;border-radius:999px 999px 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent);mask-image:linear-gradient(to bottom,#000 78%,transparent)}
.foto-etq img{width:100%;height:100%;object-fit:cover;transform-origin:50% 55%}
.punto{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:1px solid var(--blanco);opacity:0}
.punto::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--blanco)}
.punto::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.4);animation:late 2s ease-out infinite}
@keyframes late{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
.pasos{position:relative;height:56vh}
.paso{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden}
.paso .t-l{margin:16px 0 20px}
.paso .botanicos-lista{font-family:var(--titulo);text-transform:uppercase;letter-spacing:.16em;font-size:clamp(15px,1.25vw,19px);line-height:2.1;color:var(--gris);max-width:30em}
.paso .botanicos-lista span{display:inline-block}
.paso .botanicos-lista i{font-style:normal;color:var(--humo);padding:0 .35em}
.progreso{position:absolute;left:0;bottom:-6vh;display:flex;gap:10px}
.progreso b{width:28px;height:1px;background:rgba(255,255,255,.25);overflow:hidden;position:relative}
.progreso b i{position:absolute;inset:0;background:var(--blanco);transform:scaleX(0);transform-origin:left}

/* Etiqueta vectorial */
.lbl-escena{position:relative;justify-self:center;height:min(82vh,800px);aspect-ratio:520/780;perspective:1400px}
.lbl-luz{position:absolute;inset:-20% -40%;background:radial-gradient(50% 45% at 50% 45%,rgba(var(--brillo),.13),transparent 70%);pointer-events:none}
.lbl{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}
.etq-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 50px 70px rgba(0,0,0,.65))}
.etq-svg g{transform-box:fill-box;transform-origin:center}
.etq-svg #p-estrellas circle{transform-box:fill-box;transform-origin:center;animation:tit 3.2s ease-in-out infinite;animation-delay:var(--d)}
@keyframes tit{0%,100%{opacity:1}50%{opacity:.35}}
.etq-svg .activo{filter:drop-shadow(0 0 14px rgba(255,244,226,.45))}

/* ELIGE TU BOHEMIO */
.variedades{position:relative;padding:16vh 0 12vh;overflow:hidden}
.variedades .cabeza{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:5vh}
.selector{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:3vw;min-height:74vh}
.selector .info{max-width:400px}
.selector .info .t-l{margin:14px 0 14px}
.selector .info .perfil{color:var(--gris)}
.selector .info .serve{margin-top:26px;padding-top:22px;border-top:1px solid var(--linea);font-size:15px;color:var(--gris)}
.selector .info .serve b{display:block;font:600 11px/1 var(--texto);letter-spacing:.22em;text-transform:uppercase;color:var(--blanco);margin-bottom:10px}
.selector .info .compra{display:flex;align-items:center;gap:20px;margin-top:32px;flex-wrap:wrap}
.selector .info .precio{font:600 30px/1 var(--texto)}
.escenario{position:relative;height:72vh;display:grid;place-items:center}
.escenario .halo{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--halo,rgba(var(--brillo),.3)) 0%,transparent 100%);filter:blur(6px);transition:background 1.1s var(--suave)}
.escenario .anillo{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.16)}
.escenario::after{content:"";position:absolute;bottom:5%;width:38%;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.8),transparent)}
.escenario .anillo.dos{width:62%;border-style:dashed;opacity:.5}
.escenario .vbot{position:absolute;height:88%;width:auto;filter:drop-shadow(0 50px 50px rgba(0,0,0,.65));opacity:0}
.escenario .vbot.activa{opacity:1}
.pestanas{display:grid;gap:4px;justify-self:end;width:100%;max-width:340px}
.pestana{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;text-align:left;padding:22px 0;border-top:1px solid var(--linea);opacity:.45;transition:opacity .4s}
.pestana:last-child{border-bottom:1px solid var(--linea)}
.pestana .nom{font-family:var(--titulo);font-weight:600;font-size:21px}
.pestana .pre{font-weight:600;font-size:14px}
.pestana .sub{grid-column:1/-1;font:600 10px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}
.pestana .barra{grid-column:1/-1;height:1px;background:rgba(255,255,255,.15);position:relative;overflow:hidden}
.pestana .barra i{position:absolute;inset:0;background:var(--blanco);transform:scaleX(0);transform-origin:left}
.pestana.activa{opacity:1}
.pestana:hover{opacity:.85}

/* ARMA TU CAJA */
.caja{position:relative;padding:14vh 0}
.caja .marco-caja{display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center}
.caja .visual{position:relative;aspect-ratio:1.05/1;display:grid;place-items:center}
.caja .visual .carton{position:absolute;inset:4% 12% 2%;background:linear-gradient(180deg,#B08D62,var(--kraft) 30%,#9C7A51);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 40px 80px rgba(0,0,0,.55)}
.caja .visual .carton::before{content:"";position:absolute;top:4.5%;left:50%;transform:translateX(-50%);width:26%;height:5%;border-radius:999px;background:var(--noche);box-shadow:inset 0 2px 4px rgba(0,0,0,.6)}
.caja .visual .carton::after{content:"";position:absolute;left:12%;right:12%;top:27%;bottom:7%;background:rgba(23,22,20,.92);border-radius:999px 999px 0 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.3),inset 0 30px 60px rgba(0,0,0,.5)}
.caja .visual .logo-caja{position:absolute;top:13%;left:50%;transform:translateX(-50%);height:11%;z-index:2}
.caja .visual .ranuras{position:absolute;left:22%;right:22%;top:36%;bottom:9%;display:flex;align-items:flex-end;justify-content:center;gap:2%;z-index:2}
.caja .visual .ranura{height:96%;flex:0 0 28%;display:grid;place-items:end center;position:relative}
.caja .visual .ranura img{height:100%;width:auto;filter:drop-shadow(0 20px 22px rgba(0,0,0,.6))}
.caja .visual .ranura.vacia::after{content:"";position:absolute;bottom:0;width:70%;height:84%;border:1px dashed rgba(255,255,255,.35);border-radius:999px 999px 6px 6px}
.panel-caja .t-l{margin:14px 0 16px}
.paso-caja{margin-top:30px}
.paso-caja .etq{display:block;margin-bottom:14px;color:var(--blanco)}
.cantidades{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cant{border:1px solid var(--linea);padding:16px 14px;text-align:left;transition:border-color .3s,background .3s}
.cant b{display:block;font-family:var(--titulo);font-weight:600;font-size:22px}
.cant span{font-size:13px;color:var(--gris)}
.cant.activa{border-color:var(--blanco);background:rgba(255,255,255,.04)}
.elige{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--linea);padding:11px 14px;font:600 12px/1 var(--texto);letter-spacing:.06em;transition:border-color .3s,background .3s,color .3s}
.chip:hover{border-color:var(--blanco)}
.chip.mas::before{content:"+ "}
.resumen-caja{margin-top:30px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--linea);padding-top:24px;flex-wrap:wrap}
.resumen-caja .total{font:700 34px/1 var(--texto)}
.resumen-caja .total s{font-size:16px;font-weight:400;color:var(--gris);margin-left:10px}
.resumen-caja .ahorro{display:inline-block;margin-top:10px;font:600 11px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;color:var(--noche);background:var(--plata);padding:7px 9px}
.copa{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:14px;color:var(--gris);cursor:pointer}
.copa .tic{width:20px;height:20px;border:1px solid var(--gris);display:grid;place-items:center}
.copa.on .tic{background:var(--blanco);border-color:var(--blanco)}
.copa.on .tic::after{content:"";width:9px;height:5px;border-left:2px solid var(--noche);border-bottom:2px solid var(--noche);transform:rotate(-45deg) translate(1px,-1px)}

/* acentos por variedad */
.escenario .vacc{position:absolute;width:34%;top:6%;right:2%;opacity:0;filter:drop-shadow(0 20px 24px rgba(0,0,0,.55));pointer-events:none}
.escenario .vacc.activa{opacity:1}

/* ARMA TU CAJA v2 */
.caja2{position:relative;padding:14vh 0}
.caja2-cab{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:6vh}
.caja2-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}
.caja2-grid>*{min-width:0}
.caja2-escena{position:sticky;top:100px;width:100%;max-width:min(560px,calc((100svh - 130px) * 1100 / 1366));aspect-ratio:1100/1366;justify-self:center;perspective:1400px}
.caja3{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.caja3 .c-fondo,.caja3 .c-frente{position:absolute;inset:0;width:100%;height:100%}
.caja3 .c-frente{z-index:2;pointer-events:none}
.caja3 .c-piso{position:absolute;left:8%;right:2%;bottom:-1.5%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent);z-index:-1}
.caja2-luz{position:absolute;inset:-10% -20% 0;background:radial-gradient(45% 40% at 50% 48%,rgba(var(--brillo),.16),transparent 70%)}
.caja2-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.caja2-ventana{position:absolute;z-index:1;left:21.4%;top:39.4%;width:44.6%;height:47.6%;display:flex;align-items:flex-end;justify-content:center;gap:0;padding:0 3%}
.caja2-ventana img{height:84%;width:auto;flex:0 0 auto;filter:brightness(.8) drop-shadow(0 10px 10px rgba(0,0,0,.6))}
.caja2-ventana.n2 img{height:80%;margin:0 -2%}
.caja2-ventana.n3 img{height:76%;margin:0 -1.5%}
.sello-max{position:absolute;z-index:3;right:-2%;top:30%;width:112px;height:112px;border-radius:50%;border:2px solid var(--blanco);color:var(--blanco);display:grid;place-items:center;text-align:center;font:700 11px/1.25 var(--texto);letter-spacing:.2em;text-transform:uppercase;transform:rotate(-14deg) scale(0);opacity:0;box-shadow:inset 0 0 0 5px var(--noche),inset 0 0 0 6px rgba(255,255,255,.6)}
.vcartas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vcarta{position:relative;border:1px solid var(--linea);padding:18px 14px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;transition:border-color .4s,background .4s}
.vcarta.tiene{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.035)}
.vc-img{height:150px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:10px;pointer-events:none}
.vc-img img{height:100%;width:auto;filter:drop-shadow(0 14px 14px rgba(0,0,0,.6));transition:transform .6s var(--suave)}
.vcarta:hover .vc-img img{transform:translateY(-6px) rotate(-3deg)}
.vcarta .t-s{font-size:17px;line-height:1.15}
.vcarta>span{font:600 9.5px/1.3 var(--texto);letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}
.vc-ctl{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:14px;border:1px solid var(--linea)}
.vc-ctl button{width:40px;height:40px;font-size:20px;transition:background .3s,color .3s}
.vc-ctl button:hover{background:var(--blanco);color:var(--noche)}
.vc-ctl .vc-n{font-weight:700}
.empuje{margin:22px 0 18px;display:grid;gap:10px;font-size:14px;color:var(--gris)}
.empuje b{color:var(--blanco)}
.empuje-barra{height:2px;background:rgba(255,255,255,.14);position:relative;overflow:hidden}
.empuje-barra i{position:absolute;inset:0;background:var(--blanco);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--suave)}
.ticket{--d:8px;background:var(--blanco);color:var(--noche);padding:var(--d);
  -webkit-mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle at var(--d) var(--d),transparent 3.6px,#000 4.2px) calc(-1*var(--d)) calc(-1*var(--d))/calc(2*var(--d)) calc(2*var(--d)) round;
          mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle at var(--d) var(--d),transparent 3.6px,#000 4.2px) calc(-1*var(--d)) calc(-1*var(--d))/calc(2*var(--d)) calc(2*var(--d)) round}
.ticket .filete{border:1px solid var(--noche);margin:10px;padding:20px 22px}
.ticket-cab{display:flex;justify-content:space-between;font:700 11px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;padding-bottom:14px;border-bottom:1px dashed rgba(23,22,20,.35)}
.ticket-lineas{padding:12px 0;min-height:86px;display:grid;gap:8px;align-content:start;font-size:14px}
.ticket-lineas .vacio{color:var(--humo);font-size:13px}
.ticket-lineas .ln{display:flex;justify-content:space-between;gap:10px}
.ticket-lineas .ln.desc{color:var(--humo);border-top:1px dashed rgba(23,22,20,.25);padding-top:8px}
.copa2{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px dashed rgba(23,22,20,.25);font-size:13px;cursor:pointer}
.copa2 input{position:absolute;opacity:0;pointer-events:none}
.copa2 .tic{flex:none;width:20px;height:20px;border:1.5px solid var(--noche);display:grid;place-items:center}
.copa2 input:checked+.tic{background:var(--noche)}
.copa2 input:checked+.tic::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.copa2 input:focus-visible+.tic{outline:2px solid var(--noche);outline-offset:2px}
.copa2 img{width:44px;height:44px;object-fit:cover}
.copa2 small{display:block;color:var(--humo);font-size:11px}
.copa2.off{opacity:.35;pointer-events:none}
.ticket-total{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:14px 0 16px;border-top:1px solid var(--noche)}
.ticket-total small{display:block;font:700 10px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}
.ticket-total strong{font:700 32px/1 var(--texto)}
.ahorro2{font:700 10px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;background:var(--noche);color:var(--blanco);padding:7px 9px;opacity:0}
.ticket-cta{width:100%}
.ticket-cta:disabled{opacity:.45;cursor:not-allowed}

/* BOTÁNICOS · marquesina ligada al scroll */
.botanicos{position:relative;padding:14vh 0;overflow:hidden}
.fila-bot{display:flex;gap:4vw;white-space:nowrap;align-items:center;will-change:transform}
.fila-bot span{font-family:var(--titulo);font-weight:500;font-size:clamp(54px,9vw,150px);line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.fila-bot .hueco{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}
.fila-bot img{height:clamp(70px,9vw,140px);width:auto;filter:drop-shadow(0 16px 20px rgba(0,0,0,.6))}
.notas{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:12vh}
.nota{border-top:1px solid var(--linea);padding-top:24px}
.nota .t-m{margin:12px 0 12px}
.nota p{color:var(--gris);font-size:15px}

/* OFICIO · galería horizontal */
.oficio{position:relative;overflow:hidden}
.oficio .riel{display:flex;height:100svh;align-items:center;gap:4vw;padding:0 var(--gutter);width:max-content}
.oficio .intro{flex:0 0 min(440px,80vw)}
.panel-foto{position:relative;flex:0 0 auto;height:72vh;aspect-ratio:4/5;overflow:hidden}
.panel-foto.ancho{aspect-ratio:3/2}
.panel-foto img{width:118%;height:100%;object-fit:cover;max-width:none;will-change:transform}
.panel-foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px;background:linear-gradient(transparent,rgba(10,10,9,.85))}
.panel-foto figcaption .t-s{margin-top:8px}
.panel-medalla{flex:0 0 min(520px,86vw);display:flex;flex-direction:column;gap:22px}
.disco{width:150px;height:150px;border-radius:50%;background:conic-gradient(from 210deg,#8E918D,#E3E5E1,#A9ABA7,#6F726E,#D3D5D1,#A9ABA7);display:grid;place-items:center;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.disco div{width:118px;height:118px;border-radius:50%;border:1px solid rgba(23,22,20,.35);display:grid;place-items:center;text-align:center;color:var(--noche);font:700 10px/1.25 var(--texto);letter-spacing:.14em}
.disco div strong{display:block;font-family:var(--titulo);font-size:26px;letter-spacing:.04em}

/* SERVES */
.serves{padding:16vh 0}
.serves .cabeza{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:7vh}
.tarjetas{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tarjeta .arco{position:relative;aspect-ratio:4/5.2;border-radius:999px 999px 0 0;overflow:hidden;margin-bottom:22px}
.tarjeta .arco img{width:100%;height:115%;object-fit:cover;will-change:transform}
.tarjeta .t-m{margin:10px 0 10px}
.tarjeta p{color:var(--gris);font-size:15px}

/* DÓNDE */
.donde{padding:14vh 0;border-top:1px solid var(--linea)}
.donde .grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.donde .grid>*,.selector>*,.marco-caja>*,.heroe .env>*{min-width:0}
.contador{font-family:var(--titulo);font-weight:500;font-size:clamp(120px,18vw,280px);line-height:.8}
.cinta-bares{overflow:hidden;margin-top:30px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:16px 0}
.cinta-bares .mov{display:flex;gap:40px;white-space:nowrap;width:max-content;animation:corre 40s linear infinite}
.cinta-bares span{font-family:var(--titulo);font-weight:600;font-size:18px}
.cinta-bares em{font-style:normal;color:var(--gris);font-size:13px;margin-left:8px;font-family:var(--texto)}
@keyframes corre{to{transform:translateX(-50%)}}
.b2b{background:var(--blanco);color:var(--noche);padding:clamp(28px,4vw,56px)}
.b2b img{height:64px;width:auto;margin-bottom:24px}
.b2b p{color:var(--humo);margin:12px 0 26px}

/* CIERRE */
.cierre{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;padding:14vh var(--gutter)}
.cierre .botella-c{height:46vh;width:auto;margin:0 auto 30px;filter:drop-shadow(0 40px 50px rgba(0,0,0,.6))}
.cierre .t-xl{max-width:12em;margin:0 auto}
.cierre .lead{margin:20px auto 34px;text-align:center}
.cierre .acciones{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cierre .garantia{display:flex;gap:30px;justify-content:center;margin-top:40px;flex-wrap:wrap}

/* PIE */
.pie{border-top:1px solid var(--linea);padding:72px 0 30px;font-size:14px;color:var(--gris);background:var(--noche)}
.pie .grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr;gap:36px}
.pie h4{font:600 11px/1 var(--texto);letter-spacing:.22em;text-transform:uppercase;color:var(--blanco);margin-bottom:18px}
.pie ul{list-style:none;display:grid;gap:10px}
.pie .logo-pie{height:78px;width:auto;margin-bottom:16px}
.pie .bajo{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;border-top:1px solid var(--linea);margin-top:48px;padding-top:24px}
.advertencia{background:#000;color:#fff;border:1px solid #444;padding:14px 14px 14px 18px;display:flex;align-items:center;gap:18px;max-width:420px}
.advertencia .adv-txt{flex:1;display:grid;gap:6px;text-transform:uppercase}
.advertencia .adv-txt b{font:800 15px/1 var(--texto);letter-spacing:.14em}
.advertencia .adv-txt span{font:700 13px/1.35 var(--texto);letter-spacing:.02em}
.advertencia .adv-logo{flex:none;width:76px;height:auto;display:block}

/* Carro lateral, aviso y vuelo */
.velo{position:fixed;inset:0;background:rgba(8,8,7,.6);backdrop-filter:blur(4px);z-index:80;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.velo.abierto{opacity:1;visibility:visible}
.lateral{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--noche);border-left:1px solid var(--linea);z-index:81;transform:translateX(100%);transition:transform .7s var(--suave);display:flex;flex-direction:column}
.lateral.abierto{transform:none}
.lateral header{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;border-bottom:1px solid var(--linea)}
.lateral .items{padding:22px 26px;display:grid;gap:18px;overflow:auto}
.item{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center}
.item .mini{height:84px;display:grid;place-items:center;background:var(--noche-2)}
.item .mini img{height:76px;width:auto}
.item b{font-weight:600;font-size:15px;display:block}
.item span{font-size:13px;color:var(--gris)}
.sugerencia{margin:0 26px;border:1px dashed var(--linea);padding:16px;display:flex;gap:14px;align-items:center;font-size:14px}
.sugerencia .t{flex:1}
.sugerencia small{display:block;color:var(--gris);font-size:13px}
.sugerencia button{font:600 10px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}
.lateral footer{margin-top:auto;padding:24px 26px;border-top:1px solid var(--linea);display:grid;gap:14px}
.lateral .subtotal{display:flex;justify-content:space-between;font:600 19px/1 var(--texto)}
.vuelo{position:fixed;z-index:90;pointer-events:none;height:120px;width:auto}
.aviso{position:fixed;left:50%;bottom:30px;transform:translate(-50%,calc(100% + 80px));z-index:85;background:var(--blanco);color:var(--noche);padding:14px 20px;font:600 13px/1.3 var(--texto);display:flex;gap:14px;align-items:center;transition:transform .6s var(--suave)}
.aviso.ver{transform:translate(-50%,0)}
.barra-fija{display:none}

/* Edad */
.edad{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(10,10,9,.82);backdrop-filter:blur(10px)}
.edad[hidden]{display:none}
.edad .caja-edad{width:min(540px,100%);background:var(--noche);border:1px solid var(--linea);text-align:center;padding:0 0 36px;overflow:hidden}
.edad .cieloarco{height:180px;position:relative;display:grid;place-items:end center;padding-bottom:20px;background:radial-gradient(70% 90% at 50% 100%,rgba(var(--brillo),.12),transparent 70%)}
.edad .cieloarco canvas{position:absolute;inset:0;width:100%;height:100%}
.edad .cieloarco img{position:relative;height:74px}
.edad h2{margin:24px 36px 12px}
.edad p{color:var(--gris);font-size:14px;margin:0 36px}
.edad .acciones{display:flex;gap:10px;margin:28px 36px 18px}
.edad .acciones .b{flex:1}

/* Revelados genéricos (estado inicial lo pone JS para no ocultar sin JS) */
.js .revela{opacity:0;transform:translateY(40px)}

@media (max-width:900px){
  body{font-size:15px}
  .menu,.cab .buscar{display:none}
  .hamb{display:block}
  .cab .env{height:66px;gap:16px}
  .cab .logo img{height:44px}
  .carro-b{margin-left:auto;padding:9px 11px}
  .carro-b .txt{display:none}
  .cinta{top:66px;font-size:9px;letter-spacing:.2em}
  .heroe{padding:110px 0 70px;align-items:flex-start}
  .heroe .env{grid-template-columns:1fr;gap:0}
  .escena{order:-1;height:44vh;margin-bottom:6px}
  .escena .arco-trazo,.escena .arco-fondo{width:62vw}
  .heroe .texto{text-align:center}
  .heroe .bohemio{margin:0 auto 22px;width:240px}
  .heroe .lead{margin:0 auto}
  .heroe .acciones{justify-content:center;margin-top:28px}
  .heroe .acciones .b{flex:1 1 100%}
  .heroe .datos{justify-content:center;gap:16px 22px;margin-top:28px}
  .desliza{display:none}
  .etiqueta .fijo{display:block;height:auto;padding:12vh var(--gutter) 0}
  .lbl-escena{position:sticky;top:78px;height:54vh;margin:0 auto;z-index:0;display:block}
  .pasos{height:auto;position:relative;z-index:1;margin-top:-10vh}
  .paso{position:relative;inset:auto;opacity:1;visibility:visible;min-height:92vh;justify-content:flex-end;padding:0 0 6vh;background:linear-gradient(transparent 56%,rgba(23,22,20,.92) 66%)}
  .progreso{display:none}
  .variedades{padding:12vh 0 8vh}
  .variedades .cabeza{flex-direction:column;align-items:flex-start;gap:12px}
  .selector{grid-template-columns:1fr;min-height:0;gap:10px}
  .escenario{height:50vh;order:-1}
  .pestanas{order:-2;grid-template-columns:repeat(3,1fr);max-width:none;gap:6px}
  .pestana{grid-template-columns:1fr;padding:12px 10px;border:1px solid var(--linea);text-align:center}
  .pestana:last-child{border-bottom:1px solid var(--linea)}
  .pestana .nom{font-size:15px}
  .pestana .pre,.pestana .sub{display:none}
  .selector .info{max-width:none;text-align:center}
  .selector .info .compra{justify-content:center}
  .caja2{padding:10vh 0}
  .caja2-cab{flex-direction:column;align-items:flex-start;gap:12px}
  .caja2-grid{grid-template-columns:1fr;gap:28px}
  .caja2-grid{display:flex;flex-direction:column;gap:0}
  .caja2-panel{display:contents}
  .vcartas{order:1}
  .caja2-escena{order:2;position:relative;top:auto;max-width:300px;margin:18px auto 0}
  .empuje{order:3}
  .ticket{order:4;width:100%;min-width:0;box-sizing:border-box}
  .vcartas,.empuje{width:100%;min-width:0}
  .vcartas{gap:8px}
  .vcarta{padding:12px 8px 8px}
  .vc-img{height:96px}
  .vcarta .t-s{font-size:13px}
  .vcarta>span{display:none}
  .vc-ctl button{width:32px;height:36px}
  .sello-max{width:84px;height:84px;font-size:9px}
  .caja .marco-caja{grid-template-columns:1fr}
  .cantidades{grid-template-columns:repeat(3,1fr)}
  .notas{grid-template-columns:1fr;gap:28px}
  .oficio .riel{flex-direction:column;height:auto;width:auto;padding:10vh var(--gutter);gap:26px;align-items:stretch}
  .oficio .intro,.panel-medalla{flex:auto}
  .panel-foto,.panel-foto.ancho{height:auto;aspect-ratio:4/5;width:100%}
  .panel-foto img{width:100%;height:116%}
  .serves .cabeza{flex-direction:column;align-items:flex-start}
  .tarjetas{grid-template-columns:1fr;gap:44px}
  .donde .grid{grid-template-columns:1fr}
  .cierre .botella-c{height:38vh}
  .pie .grid{grid-template-columns:1fr 1fr;gap:28px}
  .pie .grid>.marca,.pie .grid>.contacto{grid-column:1/-1}
  .barra-fija{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(23,22,20,.94);backdrop-filter:blur(12px);border-top:1px solid var(--linea);padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:14px;align-items:center;transform:translateY(110%);transition:transform .6s var(--suave)}
  .barra-fija.ver{transform:none}
  .barra-fija div{flex:1;font-size:12px;line-height:1.3;color:var(--gris)}
  .barra-fija b{display:block;font-size:16px;color:var(--blanco)}
  .barra-fija .b{padding:15px 20px}
  .aviso{bottom:88px;width:calc(100% - 32px);transform:translate(-50%,calc(100% + 160px))}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .js .revela{opacity:1;transform:none}
}

/* FICHA DE PRODUCTO */
.ficha{position:relative;padding:130px 0 10vh}
.ficha .env{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:start}
.ficha .env>*{min-width:0}
.migas{font-size:12px;letter-spacing:.06em;color:var(--gris);margin-bottom:22px}
.galeria-v{position:sticky;top:110px;display:grid;grid-template-columns:76px 1fr;gap:16px;height:calc(100svh - 150px);max-height:820px}
.miniaturas{display:grid;gap:10px;align-content:start}
.miniaturas button{aspect-ratio:3/4;overflow:hidden;border:1px solid var(--linea);opacity:.55;transition:opacity .3s,border-color .3s}
.miniaturas button.activa{opacity:1;border-color:var(--blanco)}
.miniaturas img{width:100%;height:100%;object-fit:cover}
.lienzo{position:relative;border-radius:999px 999px 0 0;overflow:hidden;background:radial-gradient(60% 50% at 50% 48%,rgba(var(--brillo),.16),transparent 70%),var(--noche-2);border:1px solid var(--linea)}
.lienzo canvas{position:absolute;inset:0;width:100%;height:100%}
.lienzo .capa{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0}
.lienzo .capa.activa{opacity:1}
.lienzo .capa img.recorte{height:84%;width:auto;filter:drop-shadow(0 40px 50px rgba(0,0,0,.7))}
.lienzo .capa img.foto{width:100%;height:100%;object-fit:cover}
.compra-v .t-xl{font-size:clamp(46px,4.6vw,76px);margin:12px 0 12px}
.compra-v .perfil{color:var(--gris)}
.compra-v .precio-g{font:700 40px/1 var(--texto);margin:30px 0 8px;display:flex;align-items:baseline;gap:14px}
.compra-v .precio-g s{font-size:18px;font-weight:400;color:var(--gris)}
.compra-v .unidad{font-size:13px;color:var(--gris)}
.formatos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 18px}
.formato{position:relative;border:1px solid var(--linea);padding:16px 18px;text-align:left;display:grid;gap:4px;transition:border-color .3s,background .3s}
.formato b{font-weight:600;font-size:15px}
.formato span{font-size:13px;color:var(--gris)}
.formato em{position:absolute;top:-9px;right:12px;font-style:normal;font:700 9px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;background:var(--plata);color:var(--noche);padding:5px 7px}
.formato.activa{border-color:var(--blanco);background:rgba(255,255,255,.04)}
.agregar-v{display:flex;gap:10px}
.cantidad-v{display:flex;align-items:center;border:1px solid var(--linea)}
.cantidad-v button{width:46px;height:100%;font-size:20px}
.cantidad-v span{width:26px;text-align:center;font-weight:600}
.agregar-v .b{flex:1}
.garantias-v{display:grid;gap:14px;margin-top:26px;padding-top:24px;border-top:1px solid var(--linea);font-size:14px;color:var(--gris)}
.garantias-v div{display:flex;gap:14px;align-items:flex-start}
.garantias-v b{color:var(--blanco);font-weight:600}
.garantias-v svg{flex:none;width:18px;height:18px;stroke:var(--blanco);fill:none;stroke-width:1.5;margin-top:1px}
.estampilla-v{--d:8px;margin-top:28px;background:var(--blanco);color:var(--noche);padding:var(--d);
  -webkit-mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle at var(--d) var(--d),transparent 3.6px,#000 4.2px) calc(-1*var(--d)) calc(-1*var(--d))/calc(2*var(--d)) calc(2*var(--d)) round;
          mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle at var(--d) var(--d),transparent 3.6px,#000 4.2px) calc(-1*var(--d)) calc(-1*var(--d))/calc(2*var(--d)) calc(2*var(--d)) round}
.estampilla-v .filete{border:1px solid var(--noche);margin:10px;padding:16px 18px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}
.estampilla-v .col{display:grid;gap:9px;font:700 10.5px/1.3 var(--texto);letter-spacing:.08em;text-transform:uppercase}
.estampilla-v .col:first-child{text-align:right}
.estampilla-v img{height:70px;width:auto}
.sabor{padding:16vh 0;border-top:1px solid var(--linea)}
.sabor .grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}
.linea-tiempo{position:relative;padding-left:34px}
.linea-tiempo::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:var(--linea)}
.linea-tiempo .relleno{position:absolute;left:6px;top:8px;width:1px;height:0;background:var(--blanco)}
.momento{position:relative;padding:0 0 46px}
.momento::before{content:"";position:absolute;left:-34px;top:8px;width:13px;height:13px;border-radius:50%;background:var(--noche);border:1px solid var(--blanco)}
.momento .t-m{margin:8px 0 10px}
.momento p{color:var(--gris)}
.va-bien{padding:14vh 0}
.va-bien .tarjetas-v{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:6vh}
.tv{border:1px solid var(--linea);padding:26px;display:flex;flex-direction:column;gap:6px;transition:border-color .4s,transform .6s var(--suave)}
.tv:hover{border-color:rgba(255,255,255,.4);transform:translateY(-6px)}
.tv .foto-tv{height:260px;display:grid;place-items:center;margin-bottom:16px;background:radial-gradient(closest-side,rgba(var(--brillo),.12),transparent)}
.tv .foto-tv img{height:240px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 26px 30px rgba(0,0,0,.6))}
.tv .foto-tv img.foto{height:100%;width:100%;max-width:none;object-fit:cover}
.tv .l1{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.tv .t-s{font-size:20px}
.tv .b{margin-top:16px}
.preguntas-v{max-width:900px}
.preguntas-v details{border-top:1px solid var(--linea)}
.preguntas-v details:last-child{border-bottom:1px solid var(--linea)}
.preguntas-v summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-family:var(--titulo);font-weight:600;font-size:20px}
.preguntas-v summary::after{content:"+";font:300 26px/1 var(--texto);transition:transform .4s var(--suave)}
.preguntas-v details[open] summary::after{transform:rotate(45deg)}
.preguntas-v .resp{overflow:hidden}
.preguntas-v .resp p{padding:0 0 24px;color:var(--gris);max-width:46em}
@media (max-width:900px){
  .ficha{padding:96px 0 8vh}
  .ficha .env{grid-template-columns:1fr;gap:26px}
  .galeria-v{position:relative;top:auto;grid-template-columns:1fr;height:auto}
  .miniaturas{grid-template-columns:repeat(4,1fr);order:2}
  .miniaturas button{aspect-ratio:1}
  .lienzo{height:62vh}
  .compra-v .t-xl{font-size:44px}
  .formato{padding:14px}
  .agregar-v .b{white-space:normal;line-height:1.3;padding:16px 12px}
  .estampilla-v .filete{gap:10px;padding:12px}
  .estampilla-v .col{font-size:9px}
  .estampilla-v img{height:52px}
  .sabor .grid{grid-template-columns:1fr}
  .va-bien .tarjetas-v{grid-template-columns:1fr}
}
.etiqueta,.caja2,.variedades,.cierre{overflow-x:clip}

/* ===================== PÁGINAS INTERIORES ===================== */
.menu a[aria-current="page"]::after{transform:scaleX(1)}
.portada-i{position:relative;min-height:88svh;display:flex;align-items:flex-end;padding:150px 0 9vh;overflow:hidden}
.portada-i .fondo{position:absolute;inset:0;z-index:-1}
.portada-i .fondo img{width:100%;height:118%;object-fit:cover;will-change:transform}
.portada-i .fondo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,22,20,.55) 0%,rgba(23,22,20,.25) 35%,rgba(23,22,20,.92) 88%,var(--noche) 100%)}
.portada-i h1{max-width:13em;margin:16px 0 20px}
.portada-i .lead{color:#E2DED6}
.portada-s{padding:150px 0 6vh}
.portada-s h1{margin:14px 0 18px;max-width:14em}
.miga{font-size:12px;letter-spacing:.06em;color:var(--gris)}
.miga a{border-bottom:1px solid transparent}.miga a:hover{border-color:currentColor}
.sec-i{padding:13vh 0}
.sec-i.borde{border-top:1px solid var(--linea)}
.cab-i{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:6vh}
.cab-i .lead{max-width:30em}

/* Tienda */
.filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:5vh}
.filtro{border:1px solid var(--linea);padding:12px 18px;font:600 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;transition:all .3s}
.filtro small{opacity:.6;margin-left:6px}
.filtro.activo{background:var(--blanco);color:var(--noche);border-color:var(--blanco)}
.grilla-p{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pcard{position:relative;display:flex;flex-direction:column;border:1px solid var(--linea);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);transition:border-color .5s,transform .7s var(--suave)}
.pcard:hover{border-color:rgba(255,255,255,.4);transform:translateY(-6px)}
.pcard .esc{position:relative;height:420px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-bottom:26px}
.pcard .esc::before{content:"";position:absolute;width:78%;aspect-ratio:1;left:11%;top:12%;border-radius:50%;background:radial-gradient(closest-side,var(--h,rgba(255,244,226,.22)),transparent);transition:transform 1s var(--suave)}
.pcard:hover .esc::before{transform:scale(1.15)}
.pcard .esc .bot{position:relative;height:88%;width:auto;filter:drop-shadow(0 30px 30px rgba(0,0,0,.6));transition:transform .9s var(--suave)}
.pcard:hover .esc .bot{transform:translateY(-10px) rotate(-2deg)}
.pcard .esc .acc{position:absolute;width:38%;right:-4%;top:6%;opacity:0;transform:translateY(20px) rotate(-10deg);transition:all .9s var(--suave);filter:drop-shadow(0 18px 20px rgba(0,0,0,.6))}
.pcard:hover .esc .acc{opacity:1;transform:none}
.pcard .esc .foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcard .ins{position:absolute;top:16px;left:16px;z-index:2;background:var(--blanco);color:var(--noche);font:700 10px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;padding:7px 9px}
.pcard .cuerpo{padding:22px 24px 24px;border-top:1px solid var(--linea);display:flex;flex-direction:column;gap:6px;flex:1}
.pcard .l1{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pcard .t-s{font-size:21px}
.pcard .pr{font-weight:600;white-space:nowrap}
.pcard .pr s{font-weight:400;color:var(--gris);font-size:13px;margin-left:6px}
.pcard .acciones{display:flex;gap:8px;margin-top:auto;padding-top:16px}
.pcard .acciones .b{flex:1;padding:16px 12px}
.franja-envio{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.franja-envio div{padding:30px 28px;border-right:1px solid var(--linea)}
.franja-envio div:last-child{border-right:0}
.franja-envio b{display:block;font-family:var(--titulo);font-weight:600;font-size:20px;margin:8px 0 6px}
.franja-envio p{color:var(--gris);font-size:14px}

/* Gin Bohemio */
.abanico{position:relative;height:min(70vh,640px);display:flex;align-items:flex-end;justify-content:center}
.abanico img{position:absolute;bottom:0;height:88%;width:auto;filter:drop-shadow(0 40px 40px rgba(0,0,0,.6))}
.abanico img:nth-child(1){transform:translateX(-62%) rotate(-7deg);transform-origin:bottom center}
.abanico img:nth-child(3){transform:translateX(62%) rotate(7deg);transform-origin:bottom center}
.abanico img:nth-child(2){z-index:2;height:96%}
.portada-g{padding:140px 0 8vh}
.portada-g .env{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center}
.ficha-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}
.ficha-g .lbl-escena{height:min(76vh,720px)}
.datos-g{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--linea)}
.datos-g div{padding:20px 0;border-bottom:1px solid var(--linea)}
.datos-g div:nth-child(odd){padding-right:24px}
.datos-g span{display:block;font:600 10px/1 var(--texto);letter-spacing:.22em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.datos-g b{font-family:var(--titulo);font-weight:600;font-size:20px}
.bots{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea)}
.bot-c{background:var(--noche);aspect-ratio:1/1.1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:18px;overflow:hidden}
.bot-c img{position:absolute;inset:12% 12% 26%;width:76%;height:62%;object-fit:contain;transition:transform 1s var(--suave);filter:drop-shadow(0 18px 20px rgba(0,0,0,.6))}
.bot-c:hover img{transform:scale(1.1) rotate(-6deg)}
.bot-c b{font-family:var(--titulo);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:14px}
.bot-c small{font-size:11px;color:var(--gris);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
.bot-c.solo{justify-content:center}
.bot-c.solo b{font-size:18px}
.comparar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cv{border:1px solid var(--linea);padding:0 0 26px;text-align:center;position:relative;overflow:hidden}
.cv .esc{height:380px;display:flex;align-items:flex-end;justify-content:center;position:relative;padding-bottom:10px}
.cv .esc::before{content:"";position:absolute;width:80%;aspect-ratio:1;top:8%;left:10%;border-radius:50%;background:radial-gradient(closest-side,var(--h),transparent)}
.cv .esc img{position:relative;height:90%;width:auto;filter:drop-shadow(0 30px 30px rgba(0,0,0,.6))}
.cv .t-m{margin:18px 0 6px}
.cv .barras{display:grid;gap:10px;padding:18px 26px 0;text-align:left}
.cv .barra-n{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;font:600 10px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.cv .barra-n i{height:3px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.cv .barra-n i::after{content:"";position:absolute;inset:0;background:var(--blanco);transform-origin:left;transform:scaleX(var(--v,0));transition:transform 1.4s var(--suave)}
.cv .serve-c{padding:18px 26px 0;color:var(--gris);font-size:14px;text-align:left;border-top:1px solid var(--linea);margin-top:18px}

/* Destilería */
.dos-lugares{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:100svh}
.lugar-g{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:6vh 4vw;min-height:90svh}
.lugar-g img{position:absolute;inset:0;width:100%;height:115%;object-fit:cover;will-change:transform}
.lugar-g::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(23,22,20,.94))}
.lugar-g .txt{position:relative;z-index:1;max-width:30em}
.lugar-g .t-l{margin:12px 0 14px}
.pasos-h{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.est{--d:8px;background:var(--blanco);color:var(--noche);padding:var(--d);
  -webkit-mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle at var(--d) var(--d),transparent 3.6px,#000 4.2px) calc(-1*var(--d)) calc(-1*var(--d))/calc(2*var(--d)) calc(2*var(--d)) round;
          mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle at var(--d) var(--d),transparent 3.6px,#000 4.2px) calc(-1*var(--d)) calc(-1*var(--d))/calc(2*var(--d)) calc(2*var(--d)) round}
.est .filete{border:1px solid var(--noche);margin:10px;padding:24px 20px;min-height:230px;display:flex;flex-direction:column;gap:10px}
.est .n{font-family:var(--titulo);font-size:44px;line-height:1;font-weight:500}
.est b{font:700 11px/1.3 var(--texto);letter-spacing:.18em;text-transform:uppercase}
.est p{font-size:14px;color:var(--humo);margin-top:auto}
.equipo{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center}
.equipo .foto{border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:4/4.2}
.equipo .foto img{width:100%;height:112%;object-fit:cover}

/* Coctelería */
.serve-fila{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;padding:10vh 0;border-top:1px solid var(--linea)}
.serve-fila:nth-child(even) .foto-s{order:2}
.foto-s{border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:4/4.8;position:relative}
.foto-s img{width:100%;height:114%;object-fit:cover;will-change:transform}
.serve-fila .t-l{margin:12px 0 16px}
.ingredientes{list-style:none;margin:26px 0;display:grid;gap:0;border-top:1px solid var(--linea)}
.ingredientes li{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--linea)}
.ingredientes img{width:44px;height:44px;object-fit:contain}
.ingredientes span{font-size:15px}
.serve-fila .compra-s{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.clasicos{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.clasico{border:1px solid var(--linea);padding:34px}
.clasico .t-m{margin:10px 0 12px}
.clasico p{color:var(--gris)}
.blog-c{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.blog-c a{border-top:1px solid var(--linea);padding-top:22px;transition:border-color .3s}
.blog-c a:hover{border-color:var(--blanco)}
.blog-c .t-m{margin-top:10px}

/* Dónde */
.donde-g{display:grid;grid-template-columns:1.25fr .75fr;gap:0;border:1px solid var(--linea);height:min(78vh,720px)}
#mapa{height:100%;background:#111;filter:saturate(.85)}
.lista-b{overflow:auto;border-left:1px solid var(--linea)}
.lista-b button{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:18px 22px;border-bottom:1px solid var(--linea);transition:background .3s}
.lista-b button:hover,.lista-b button.activo{background:rgba(255,255,255,.05)}
.lista-b b{display:block;font-family:var(--titulo);font-weight:600;font-size:17px}
.lista-b span{font-size:13px;color:var(--gris)}
.lista-b em{font-style:normal;font:600 10px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--gris);white-space:nowrap;align-self:center}
.pin-jik{width:30px;height:30px;border-radius:50% 50% 50% 0;background:var(--blanco);transform:rotate(-45deg);box-shadow:0 6px 14px rgba(0,0,0,.5);display:grid;place-items:center}
.pin-jik::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--noche)}
.leaflet-popup-content-wrapper{background:var(--noche);color:var(--blanco);border-radius:0;border:1px solid var(--linea)}
.leaflet-popup-tip{background:var(--noche)}
.leaflet-popup-content{font-family:var(--texto);margin:16px 18px}
.leaflet-popup-content b{font-family:var(--titulo);font-size:16px}
.leaflet-container a.leaflet-popup-close-button{color:var(--gris)}
.leaflet-control-attribution{background:rgba(23,22,20,.7)!important;color:#777!important}
.leaflet-control-attribution a{color:#999!important}
.leaflet-control-zoom a{background:var(--noche)!important;color:var(--blanco)!important;border-color:var(--linea)!important}

/* Bares y eventos */
.pista{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--linea)}
.pista button{padding:26px 28px;text-align:left;border-right:1px solid var(--linea);transition:background .4s}
.pista button:last-child{border-right:0}
.pista button.activo{background:var(--blanco);color:var(--noche)}
.pista b{display:block;font-family:var(--titulo);font-weight:600;font-size:22px;margin-bottom:4px}
.pista span{font-size:14px;opacity:.75}
.panel-pista{display:none;padding:7vh 0 0}
.panel-pista.activo{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}
.lista-ok{list-style:none;display:grid;gap:0;border-top:1px solid var(--linea)}
.lista-ok li{padding:18px 0;border-bottom:1px solid var(--linea);display:grid;grid-template-columns:28px 1fr;gap:12px}
.lista-ok li::before{content:"";width:16px;height:16px;border:1px solid var(--blanco);border-radius:50%;margin-top:3px;background:radial-gradient(circle,var(--blanco) 3px,transparent 4px)}
.lista-ok b{display:block;font-weight:600}
.lista-ok span{color:var(--gris);font-size:14px}
.form-e{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-e .ancho{grid-column:1/-1}
.campo-e{display:flex;flex-direction:column;gap:8px}
.campo-e label{font:600 10px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;color:var(--noche)}
.campo-e input,.campo-e select,.campo-e textarea{font:400 16px/1.4 var(--texto);padding:13px 14px;border:1px solid #CFCBC4;background:#fff;color:var(--noche);border-radius:0;width:100%}
.campo-e input:focus,.campo-e select:focus,.campo-e textarea:focus{outline:2px solid var(--noche);outline-offset:0}
.preguntas-e details{border-top:1px solid var(--linea)}
.preguntas-e details:last-child{border-bottom:1px solid var(--linea)}
.preguntas-e summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-family:var(--titulo);font-weight:600;font-size:19px}
.preguntas-e summary::after{content:"+";font:300 26px/1 var(--texto)}
.preguntas-e details[open] summary::after{content:"−"}
.preguntas-e p{padding:0 0 22px;color:var(--gris);max-width:46em}

@media (max-width:900px){
  .portada-i{min-height:80svh;padding:110px 0 6vh}
  .portada-s{padding:110px 0 4vh}
  .portada-g{padding:100px 0 4vh}
  .portada-g .env{grid-template-columns:1fr}
  .abanico{height:46vh;order:-1}
  .cab-i{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:4vh}
  .grilla-p{grid-template-columns:1fr 1fr;gap:12px}
  .pcard .esc{height:250px;padding-bottom:14px}
  .pcard .acc{display:none}
  .pcard .cuerpo{padding:14px}
  .pcard .t-s{font-size:15px}.pcard .l1{flex-direction:column;gap:2px}
  .pcard .acciones .b{padding:13px 6px;font-size:10px}
  .pcard .acciones .b:nth-child(2){display:none}
  .franja-envio{grid-template-columns:1fr}
  .franja-envio div{border-right:0;border-bottom:1px solid var(--linea);padding:22px 16px}
  .ficha-g{grid-template-columns:1fr}
  .ficha-g .lbl-escena{height:60vh;position:relative;top:auto;margin:0 auto}
  .bots{grid-template-columns:repeat(3,1fr)}
  .bot-c b{font-size:11px}.bot-c small{display:none}
  .comparar{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px;gap:12px}
  .cv{flex:0 0 82%;scroll-snap-align:start}
  .dos-lugares{grid-template-columns:1fr}
  .lugar-g{min-height:78svh}
  .pasos-h{grid-template-columns:1fr 1fr;gap:12px}
  .est .filete{min-height:190px;padding:16px 14px}
  .est .n{font-size:32px}
  .equipo,.serve-fila,.clasicos,.blog-c{grid-template-columns:1fr;gap:28px}
  .serve-fila:nth-child(even) .foto-s{order:0}
  .donde-g{grid-template-columns:1fr;height:auto}
  #mapa{height:52vh}
  .lista-b{border-left:0;border-top:1px solid var(--linea);max-height:none}
  .pista{grid-template-columns:1fr}
  .pista button{border-right:0;border-bottom:1px solid var(--linea)}
  .panel-pista.activo{grid-template-columns:1fr}
  .form-e{grid-template-columns:1fr}
}
.bots{grid-template-columns:repeat(4,1fr)}
.bots-resto{margin-top:34px;font-family:var(--titulo);text-transform:uppercase;letter-spacing:.16em;font-size:clamp(16px,1.6vw,22px);line-height:1.9;display:flex;flex-wrap:wrap;gap:0 .2em;align-items:baseline}
.bots-resto .etq{margin-right:18px;font-family:var(--texto)}
.bots-resto i{font-style:normal;color:var(--humo);padding:0 .3em}
@media (max-width:900px){.bots{grid-template-columns:repeat(2,1fr)}.bots-resto{font-size:15px}}
.donde-g,.lista-b,.pcard,.cv,.clasico,.vcarta,.pista,.franja-envio,.bots{background-color:var(--noche)}
.sec-i,.portada-g,.portada-s{overflow-x:clip}
.serve-fila>*,.ficha-g>*,.equipo>*,.panel-pista>*{min-width:0}
@media (max-width:900px){
  .sec-i .env[style*="grid-template-columns"]{display:flex!important;flex-direction:column;align-items:stretch!important;gap:28px!important}
  .sec-i .env[style*="grid-template-columns"]>*{min-width:0;width:100%}
  .sec-i .b{white-space:normal;text-align:center;line-height:1.3}
  .campo-e select{font-size:15px;text-overflow:ellipsis}
}
.pcard .l1{flex-direction:column;align-items:flex-start;gap:6px}
.pcard .pr{font-size:17px}
.pcard .esc .bot.pack{height:84%;max-width:86%;object-fit:contain}
.pcard:hover .esc .bot.pack{transform:translateY(-8px)}

/* ===================== TEMA: piezas nuevas ===================== */
.enlace-c{display:inline-block;font:600 11px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px}
.hamb{background:none;border:0;border-top:1.5px solid var(--blanco);border-bottom:1.5px solid var(--blanco);cursor:pointer;position:relative}
.hamb::after{content:"";position:absolute;left:0;right:0;top:5px;border-top:1.5px solid var(--blanco)}
.menu-cel{position:fixed;inset:66px 0 0 0;z-index:48;background:rgba(23,22,20,.98);padding:20px var(--gutter) 40px;display:flex;flex-direction:column;overflow:auto}
.menu-cel[hidden]{display:none}
.menu-cel nav{display:grid}
.menu-cel nav a{font-family:var(--titulo);font-weight:600;font-size:26px;padding:16px 0;border-bottom:1px solid var(--linea);display:flex;justify-content:space-between;align-items:center}
.menu-cel nav a small{font:600 11px/1 var(--texto);letter-spacing:.14em;color:var(--gris)}
.menu-cel .etq{margin-top:auto;padding-top:24px;text-align:center}
.item .quitar{display:block;margin-top:6px;font:600 10px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--gris);border-bottom:1px solid;padding:0 0 3px}
.vacio-c{color:var(--gris);font-size:14px}
.agotado{margin:26px 0;padding:16px;border:1px solid var(--linea);color:var(--gris)}
.mezcla{font-size:14px;color:var(--gris);margin:-4px 0 18px}.mezcla a{color:var(--blanco);border-bottom:1px solid}
.elige-var{display:grid;gap:10px;margin:26px 0 18px}
.campo-v{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:14px;font:600 11px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.campo-v select{font:500 15px/1.3 var(--texto);padding:13px 14px;background:var(--noche-2);color:var(--blanco);border:1px solid var(--linea);border-radius:0}
.foto-sabor{margin-top:34px;border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:4/4.6;max-width:420px}
.foto-sabor img{width:100%;height:100%;object-fit:cover}
.f-estado{margin-top:12px;font-size:14px;color:var(--humo);min-height:1.4em}
.angosto{max-width:820px}
.foto-art{border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:16/10;margin-bottom:2vh}
.foto-art img{width:100%;height:100%;object-fit:cover}
.prosa{color:#DCD8D0;font-size:17px;line-height:1.75}
.prosa>*+*{margin-top:1.1em}
.prosa h2,.prosa h3,.prosa h4{font-family:var(--titulo);font-weight:600;color:var(--blanco);line-height:1.2;margin-top:1.8em}
.prosa h2{font-size:30px}.prosa h3{font-size:23px}
.prosa a{color:var(--blanco);border-bottom:1px solid}
.prosa ul,.prosa ol{padding-left:1.3em}.prosa li+li{margin-top:.4em}
.prosa img{max-width:100%;height:auto}
.prosa table{width:100%;border-collapse:collapse;font-size:15px}.prosa td,.prosa th{border-bottom:1px solid var(--linea);padding:10px 8px;text-align:left}
.prosa blockquote{border-left:2px solid var(--blanco);padding-left:18px;font-family:var(--titulo);font-size:22px;color:var(--blanco)}
.blog-g{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.post-c{display:flex;flex-direction:column;gap:10px}
.post-c .foto-p{border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:4/4.4;margin-bottom:8px}
.post-c .foto-p img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--suave)}
.post-c:hover .foto-p img{transform:scale(1.05)}
.post-c p{color:var(--gris);font-size:15px}
.paginas{margin-top:48px}.paginas .nav-links{display:flex;gap:10px;flex-wrap:wrap}
.paginas a,.paginas span{border:1px solid var(--linea);padding:10px 14px;font-size:13px}
.paginas .current{background:var(--blanco);color:var(--noche)}
.portada-s.corta{padding-bottom:3vh}
.hoja-woo{padding:0 0 12vh}
.hoja{background:#F6F4F0;color:var(--noche);padding:clamp(20px,4vw,48px)!important;font-size:15px;line-height:1.55}
.hoja a{color:var(--noche);text-decoration:underline}
.hoja h2,.hoja h3{font-family:var(--titulo);font-weight:600;color:var(--noche);margin:0 0 14px}
.hoja input.input-text,.hoja select,.hoja textarea,.hoja .select2-selection{font:400 16px/1.4 var(--texto)!important;padding:11px 12px!important;border:1px solid #CFCBC4!important;border-radius:0!important;background:#fff!important;color:var(--noche)!important;min-height:46px}
.hoja .select2-selection__rendered{line-height:22px!important;padding:0!important}
.hoja .select2-selection__arrow{top:10px!important}
.hoja label{font-weight:600;font-size:13px}
.hoja .button,.hoja button.button,.hoja #place_order,.hoja .checkout-button{background:var(--noche)!important;color:#fff!important;border-radius:0!important;font:600 12px/1 var(--texto)!important;letter-spacing:.16em;text-transform:uppercase;padding:18px 24px!important;text-decoration:none!important}
.hoja #place_order{width:100%}
.hoja table.shop_table{border:1px solid #DDD8CF;border-radius:0;background:#fff}
.hoja table.shop_table th,.hoja table.shop_table td{padding:12px 14px;border-color:#E6E2DA}
.hoja .woocommerce-info,.hoja .woocommerce-message,.hoja .woocommerce-error{background:#fff;border-top-color:var(--noche);color:var(--noche)}
.hoja .woocommerce-info::before,.hoja .woocommerce-message::before{color:var(--noche)}
.hoja #payment{background:#EFEBE4;border-radius:0}
.hoja #payment div.payment_box{background:#fff;color:var(--noche)}
.hoja #payment div.payment_box::before{border-bottom-color:#fff}
.hoja img{max-width:80px;height:auto}
@media (max-width:900px){
  .blog-g{grid-template-columns:1fr}
  .campo-v{grid-template-columns:90px 1fr}
  .hoja{padding:16px!important}
}

/* Restos de plugins del tema anterior que no se usan en Bohemio */
.adp-popup,.adp-popup-overlay,.trx_addons_scroll_to_top,#trx_addons_login_popup,.tinvwl_added_to_wishlist,.wpcqv-popup{display:none!important}
.formatos[hidden]{display:none!important}

/* Etiqueta en el teléfono: escena fija, etiqueta arriba y texto abajo (igual que en computador, pero apilado) */
@media (max-width:900px){
  .etiqueta .fijo{display:flex!important;flex-direction:column;height:100svh;padding:74px 16px 16px!important;gap:8px;max-width:none}
  .etiqueta .lbl-escena{position:relative!important;top:auto!important;height:48svh!important;margin:0 auto;flex:none;display:block}
  .etiqueta .pasos{position:relative;flex:1;height:auto;margin-top:0!important;z-index:1;width:100%;align-self:stretch}
  .etiqueta .fijo{align-items:stretch!important}
  .etiqueta .paso{position:absolute!important;inset:0!important;min-height:0!important;padding:4px 0 0!important;background:none!important;justify-content:flex-start!important;opacity:0;visibility:hidden}
  .etiqueta .paso .t-l{font-size:24px;line-height:1.14;margin:8px 0 8px}
  .etiqueta .paso .lead{font-size:14px;line-height:1.5}
  .etiqueta .paso .botanicos-lista{font-size:11px;line-height:1.8;letter-spacing:.12em}
  .etiqueta .paso .b{margin-top:6px}
  .etiqueta .progreso{display:flex!important;left:0;bottom:6px}
}
/* Restos de plugins del tema anterior */
.adp-popup,.adp-popup-overlay,.adp-popup-wrap,a.trx_addons_scroll_to_top,#trx_addons_login_popup,.wpcqv-popup{display:none!important}

/* Títulos animados: las palabras no se parten */
#f-titulo .word,#f-titulo > div{white-space:nowrap}
.compra-v .t-xl{overflow-wrap:normal;word-break:normal;hyphens:none}
/* Fotos de serve: encuadre en la copa */
.tarjeta .arco img,.foto-sabor img{object-position:50% 72%}

.lateral{visibility:hidden;transition:transform .7s var(--suave),visibility 0s linear .7s}
.lateral.abierto{visibility:visible;transition:transform .7s var(--suave),visibility 0s}

/* ===================== Ajustes 23-oct: ficha, barra, cinta, menú ===================== */
/* Las fotos de «Así lo servimos» van dentro de un <a>: sin display:block no recorta el arco y la foto tapaba el texto */
.tarjeta .arco{display:block;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}
.tarjeta .arco img{display:block}
.foto-s,.equipo .foto,.lienzo{isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}

/* Formatos: lista con radio, nombre, nota y precio a la derecha */
.formatos{grid-template-columns:1fr;gap:8px}
.formato{grid-template-columns:20px 1fr auto;grid-template-areas:"r n p" "r e p";column-gap:14px;row-gap:3px;align-items:center;padding:15px 18px;background:rgba(255,255,255,.015);cursor:pointer}
.formato::before{content:"";grid-area:r;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 0 0 4px var(--noche);transition:background .3s,border-color .3s}
.formato.activa::before{background:var(--blanco);border-color:var(--blanco)}
.formato:hover{border-color:rgba(255,255,255,.4)}
.formato b{grid-area:n;font-size:15px}
.formato span{grid-area:p;font:600 15px/1 var(--texto);color:var(--blanco);text-align:right}
.formato em{grid-area:e;position:static;background:none;padding:0;color:#C9B98F;font:600 10px/1.2 var(--texto);letter-spacing:.14em}
.formato.activa{background:rgba(255,255,255,.06)}

/* Botón principal: texto y precio separados, sin saltos de línea */
.agregar-v .b{white-space:nowrap}
.precio-b{padding-left:12px;border-left:1px solid currentColor;letter-spacing:.06em}
.cantidad-v button{min-height:54px}

/* Barra de compra fija (en la ficha siempre visible, también en escritorio) */
.barra-fija.siempre{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--noche);border-top:1px solid var(--linea);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));gap:14px;align-items:center;transform:translateY(110%);transition:transform .6s var(--suave);box-shadow:0 -18px 40px rgba(0,0,0,.45)}
.barra-fija.siempre.ver{transform:none}
.barra-fija .bf-txt{flex:1;min-width:0;font-size:12px;line-height:1.3;color:var(--gris)}
.barra-fija .bf-txt span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barra-fija .bf-txt b{display:block;font-size:16px;color:var(--blanco)}
.barra-fija.siempre .b{padding:16px 22px;gap:10px}
.barra-fija.siempre .b svg{position:relative;z-index:1}
body:has(.barra-fija.siempre) .pie{padding-bottom:110px}
body:has(.barra-fija.siempre) .aviso{bottom:100px}
@media (min-width:901px){
  .barra-fija.siempre{padding-left:max(var(--gutter),calc((100vw - 1320px)/2));padding-right:max(var(--gutter),calc((100vw - 1320px)/2))}
  .barra-fija .bf-txt{font-size:13px}
  .barra-fija .bf-txt b{font-size:18px}
  .barra-fija.siempre .b{min-width:280px}
}
@media (max-width:900px){
  .barra-fija{background:var(--noche)}
  .ficha{padding-top:118px}
  .agregar-v .b{padding:16px 14px;letter-spacing:.12em;gap:10px;font-size:11.5px}
  .precio-b{padding-left:10px}
  .advertencia{gap:14px;padding:12px 12px 12px 16px}
  .advertencia .adv-txt b{font-size:13px}
  .advertencia .adv-txt span{font-size:12px}
  .advertencia .adv-logo{width:64px}
}
@media (max-width:380px){
  .agregar-v .b{letter-spacing:.08em;font-size:11px;padding:16px 10px}
  .cantidad-v button{width:38px}
}
/* Cinta: siempre una línea, para que no se monte sobre el contenido */
.cinta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ficha{padding-top:150px}
@media (max-width:900px){
  .ficha{padding-top:118px}
  .cinta{font-size:8.5px;letter-spacing:.1em;padding:9px 12px}
}
body.menu-abierto .cinta{opacity:0}

/* Menú del teléfono: hamburguesa que se vuelve X */
.hamb{transition:border-color .3s}
.hamb::after,.hamb::before{transition:transform .45s var(--suave)}
.hamb::before{content:"";position:absolute;left:0;right:0;top:5px;border-top:1.5px solid var(--blanco);opacity:0;transition:transform .45s var(--suave),opacity .2s}
.hamb.x{border-top-color:transparent;border-bottom-color:transparent}
.hamb.x::after{transform:rotate(45deg)}
.hamb.x::before{opacity:1;transform:rotate(-45deg)}
.menu-cel{background:var(--noche)}
.menu-cel nav a{overflow:hidden}

.barra-fija .bf-txt b{white-space:nowrap}
.barra-fija .l-corto{display:none}
.aviso{visibility:hidden;transition:transform .6s var(--suave),visibility 0s .6s}
.aviso.ver{visibility:visible;transition:transform .6s var(--suave)}
@media (max-width:900px){
  .barra-fija.siempre{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .barra-fija.siempre .b{padding:15px 18px}
}
@media (max-width:480px){
  .barra-fija .l-largo{display:none}
  .barra-fija .l-corto{display:inline}
}
@media (max-width:350px){
  .precio-b{display:none}
}