/* Agave Style — páginas internas, cortina de transición y componentes nuevos. Usa los tokens de styles.css. */

/* ---------- Cortina de transición ---------- */
.curtain{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:var(--teal-950);visibility:hidden;pointer-events:none;transform:translateY(100%)}
.curtain img{width:clamp(5rem,12vw,8rem);height:auto;opacity:.9}

/* ---------- Tienda: elementos inactivos (sin destino por ahora) ---------- */
.is-inactive{cursor:default;opacity:.55;text-decoration:none!important}
.nav__shop.is-inactive{pointer-events:none}
.foot .is-inactive{opacity:.4}
.menu__off span[aria-disabled]{position:relative;display:inline-block;opacity:.32;cursor:default}
.menu__off small{position:absolute;left:calc(100% + 1.2rem);top:50%;translate:0 -50%;white-space:nowrap;font-size:.95rem;font-weight:500;color:var(--gold)}
@media (max-width:899px){.menu__off small{display:none}}
.rail[hidden]{display:none!important}

/* ---------- Encabezado de páginas internas ---------- */
.phero{position:relative;overflow:hidden;min-height:clamp(34rem,86svh,56rem);display:grid;align-content:end;padding:calc(var(--nav-h) + 4rem) 0 clamp(3rem,8vh,6rem);background:var(--bg,var(--teal-700));color:var(--bone);isolation:isolate}
.phero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(55% 70% at 78% 50%,var(--glow,rgba(252,196,4,.28)),transparent 70%)}
.phero__kicker{display:inline-flex;align-items:center;gap:.8rem;font-weight:600;font-size:.95rem;color:var(--ac,var(--gold));margin-bottom:1.2rem}
.phero__kicker::before{content:"";width:2.4rem;height:1px;background:currentColor}
.phero__title{font-size:clamp(3.6rem,11vw,12rem);line-height:.88;letter-spacing:-.02em;max-width:12ch;padding-bottom:.08em}
.phero__title .ln{padding-bottom:.14em;margin-bottom:-.14em}
.phero__lede{margin-top:clamp(1.2rem,3vh,2rem);font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.4;max-width:40ch;opacity:.92}
.phero__art{position:absolute;z-index:-1;right:var(--gut);bottom:0;height:min(86%,48rem);width:auto;pointer-events:none}
.phero__art img{height:100%;width:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.phero--light{background:var(--bone);color:var(--teal-950)}
.phero--light .phero__kicker{color:var(--teal-700)}

.sec{position:relative;z-index:2;padding:clamp(5rem,13vh,9rem) 0}
.sec--dark{background:var(--ink);color:var(--bone)}
.sec--teal{background:var(--teal-700);color:var(--bone)}
.sec--bone{background:var(--bone);color:var(--teal-950)}
.sec--mint{background:var(--teal-100);color:var(--teal-950)}
.sec__title{font-size:clamp(2.4rem,5.4vw,5.6rem);line-height:1;max-width:14ch;padding-bottom:.08em}
.sec__lede{max-width:44ch;font-size:1.1rem}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);align-items:center}
.split--top{align-items:start}
.arch{position:relative;overflow:hidden;border-radius:999px 999px 1.4rem 1.4rem;aspect-ratio:4/5;background:var(--teal-500)}
.arch img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.photo{position:relative;overflow:hidden;border-radius:1.2rem;aspect-ratio:16/10;background:var(--teal-500)}
.photo img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.bigquote{font-family:var(--display);font-size:clamp(1.9rem,4vw,4rem);line-height:1.1;max-width:22ch}
.lead{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.45;max-width:46ch}
.kv{display:grid;gap:0;max-width:34rem}
.kv div{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.75rem 0;border-top:1px solid color-mix(in srgb,currentColor 24%,transparent)}
.kv div:last-child{border-bottom:1px solid color-mix(in srgb,currentColor 24%,transparent)}
.kv dt{font-weight:600;color:var(--ac,var(--teal-700))}

/* ---------- Banda de invitación (Home) ---------- */
.band{position:relative;z-index:2;padding:clamp(5rem,13vh,9rem) 0;overflow:hidden}
.band--bone{background:var(--bone);color:var(--teal-950)}
.band--gold{background:var(--straw);color:var(--teal-950)}
.band--teal{background:var(--teal-900);color:var(--bone)}
.band__row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,7rem);align-items:center}
.band h2{font-size:clamp(2.4rem,5.6vw,6rem);line-height:1;padding-bottom:.08em}
.band p{max-width:44ch;margin-top:1.2rem}
.band .btn{margin-top:1.8rem}
.cta{display:inline-flex;align-items:center;gap:.9rem;font-weight:600;text-decoration:none;font-size:1.05rem}
.cta i{display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1px solid currentColor;border-radius:50%;transition:background-color .3s,color .3s,transform .4s var(--ease)}
.cta svg{width:1.1rem;height:1.1rem}
.cta:hover i{background:currentColor;transform:translateX(.3rem)}
.cta:hover i svg{color:var(--bg-inv,var(--bone))}
.band--bone .cta:hover i svg{color:var(--bone)}
.band--gold .cta:hover i svg{color:var(--gold)}
.band--teal .cta:hover i svg{color:var(--teal-900)}
.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.7rem,1.6vw,1.4rem)}
.mosaic .arch:nth-child(2){margin-top:3rem}

/* ---------- Marcas: índice ---------- */
.feature{position:relative;display:block;overflow:hidden;color:var(--bone);text-decoration:none;background:var(--bg);isolation:isolate;min-height:clamp(30rem,78svh,48rem)}
.feature::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 70% at 75% 55%,var(--glow),transparent 72%);opacity:.7}
.feature .wrap{height:100%;min-height:inherit;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;padding-block:clamp(5rem,12vh,8rem)}
.feature__idx{font-family:var(--display);font-size:clamp(1.1rem,1.6vw,1.5rem);color:var(--ac)}
.feature__name{font-size:clamp(3.4rem,9vw,9.5rem);line-height:.9;letter-spacing:-.02em;margin:.5rem 0 1.2rem;padding-bottom:.08em}
.feature__kind{color:var(--ac);font-weight:600;margin-bottom:.8rem}
.feature p{max-width:42ch;opacity:.9}
.feature .cta{margin-top:2rem;color:var(--ac)}
.feature .cta:hover i svg{color:var(--bg)}
.feature__vis{position:relative;display:grid;place-items:center;height:100%}
.feature__vis img{position:relative;max-height:min(66vh,34rem);width:auto;filter:drop-shadow(0 30px 36px rgba(0,0,0,.5));transition:transform .9s var(--ease)}
.feature:hover .feature__vis img{transform:translateY(-.8rem) scale(1.03)}
.feature__vis .shelf img{height:min(40vh,24rem);max-height:none}
.feature__ghost{position:absolute;inset:6% -8%;background:var(--ac);opacity:.07;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}

.others{background:var(--ink);color:var(--bone);padding:clamp(5rem,12vh,8rem) 0}
.others__head{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2rem,6vh,4rem)}
.others__head h2{font-size:clamp(2.2rem,4.8vw,4.8rem);line-height:1}
.others__head p{max-width:36ch;opacity:.75}
.fich{display:grid;grid-template-columns:4rem minmax(0,1.1fr) minmax(0,.7fr) minmax(0,1.4fr);gap:clamp(1rem,3vw,3rem);align-items:baseline;padding:1.8rem 0;border-top:1px solid rgba(241,240,231,.2);transition:padding .5s var(--ease),background-color .4s}
.fich:last-child{border-bottom:1px solid rgba(241,240,231,.2)}
.fich__n{font-family:var(--display);color:var(--gold)}
.fich__name{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,3.4rem);line-height:1}
.fich__kind{font-weight:600;color:var(--gold)}
.fich__txt{opacity:.8;max-width:56ch;font-size:.98rem}
@media (hover:hover){.fich:hover{padding-left:1rem}.fich:hover .fich__name{color:var(--gold)}}
.soon{display:inline-block;margin-top:.5rem;padding:.2rem .7rem;border:1px solid rgba(241,240,231,.35);border-radius:999px;font-size:.8rem;opacity:.7}

/* ---------- NAIPE ---------- */
.naipe-hero{--bg:#2c1809;--ac:#f1b04c;--glow:rgba(122,63,18,.9)}
.naipe-hero .phero__title{max-width:9ch}
.hand{position:absolute;z-index:-1;right:calc(var(--gut)*.6);bottom:-2%;display:flex;align-items:flex-end;height:min(88%,46rem)}
.hand img{height:100%;width:auto;margin-inline:-2.4rem;filter:drop-shadow(0 28px 34px rgba(0,0,0,.55));transform-origin:50% 100%}
.hand img:nth-child(1){rotate:-14deg;translate:0 4%}
.hand img:nth-child(2){rotate:-7deg;translate:0 1%}
.hand img:nth-child(3){rotate:0deg}
.hand img:nth-child(4){rotate:7deg;translate:0 1%}
.hand img:nth-child(5){rotate:14deg;translate:0 4%}
.hand{right:calc(var(--gut)*.2)}
.hand img{height:68%;margin-inline:-2.9rem}
.beer__ui{display:none}
.beer.is-scene .beer__ui{display:flex;position:absolute;z-index:10;right:var(--gut);top:calc(var(--nav-h) + .4rem);align-items:center;gap:1.2rem;font-weight:600}
.beer__count{font-family:var(--display);font-size:1.4rem;letter-spacing:.02em}
.beer__count small{font-family:var(--body);font-size:.85rem;opacity:.6;margin-left:.2rem}
.beer__btn{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid currentColor;border-radius:50%;transition:background-color .25s,color .25s,opacity .25s}
.beer__btn svg{width:1rem;height:1rem}
.beer__btn:disabled{opacity:.3;cursor:default}
@media (hover:hover){.beer__btn:not(:disabled):hover{background:var(--bone);color:var(--ink)}}
.bp__num{font-family:var(--display);color:var(--ac);font-size:1.1rem;position:relative;z-index:3}
.beer.is-scene .bp__num{position:absolute;left:var(--gut);top:calc(var(--nav-h) + 6vh)}
.beer__hint{font-size:.85rem;opacity:.55}

/* Móvil / sin escena fijada: la colección se desliza en horizontal */
@media (max-width:899px){
  .beer__scene{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .beer__scene::-webkit-scrollbar{display:none}
  .beer__scene>.bp{flex:0 0 100%;scroll-snap-align:start;min-height:calc(100svh - 2rem)}
  .beer__scene>.beer__prog{display:none}
  .beer__hint{padding:0 var(--gut) 1.4rem}
}

.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,7rem);align-items:center}
.story--flip>:first-child{order:2}
.story h2{font-size:clamp(2.2rem,4.6vw,4.8rem);line-height:1.02;padding-bottom:.08em}
.story p{margin-top:1.2rem;max-width:46ch}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.2rem;max-width:36rem}
.stats li{border-top:1px solid color-mix(in srgb,currentColor 30%,transparent);padding-top:.8rem}
.stats b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1;color:var(--ac,var(--gold))}
.stats span{font-size:.9rem;opacity:.8}

/* ---------- Sierpe Negra ---------- */
.sierpe-hero{--bg:#0a1b21;--ac:#7fb7b8;--glow:rgba(29,90,102,.95)}
.expr{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,7rem);align-items:center;padding:clamp(4rem,10vh,7rem) 0;border-top:1px solid rgba(241,240,231,.16)}
.expr:first-of-type{border-top:0}
.expr--flip>:first-child{order:2}
.expr__vis{position:relative;display:grid;place-items:center}
.expr__vis img{max-height:min(70vh,36rem);width:auto;filter:drop-shadow(0 30px 36px rgba(0,0,0,.5))}
.expr__abv{font-family:var(--display);font-size:clamp(5rem,13vw,13rem);line-height:.85;color:var(--ac);letter-spacing:-.03em}
.expr__abv small{font-size:.22em;letter-spacing:0;margin-left:.2em}
.expr h3{font-size:clamp(2rem,3.6vw,3.6rem);line-height:1.02;margin:.6rem 0 1rem;padding-bottom:.06em}

/* ---------- Nosotros ---------- */
.nos-hero{--bg:#245464;--ac:#fcc404;--glow:rgba(252,196,4,.25)}
.factories{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,2vw,1.6rem)}
.fac{position:relative;overflow:hidden;border-radius:1.2rem;background:var(--bg);color:var(--bone);padding:2rem;min-height:26rem;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.fac img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform 1.2s var(--ease),opacity .6s}
.fac::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--bg) 8%,transparent 70%)}
.fac:hover img{transform:scale(1.06);opacity:.75}
.fac h3{font-size:clamp(2.4rem,4vw,4rem);line-height:1}
.fac small{display:block;color:var(--gold);font-weight:500;margin-top:.8rem}

/* ---------- Experiencias ---------- */
.exp-hero{--bg:#cfe3df;--ac:#245464}
.postlist a{cursor:default}
.postlist a:hover{padding-left:0}
.postlist a:hover h3{color:var(--teal-900)}
.ev--static{cursor:default}
.ev--static:hover img{transform:none}

/* ---------- Marcas dentro de la Home (cabecera de sección) ---------- */
.home-ex .photo{aspect-ratio:4/5;border-radius:999px 999px 1.2rem 1.2rem}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .feature .wrap{grid-template-columns:1fr 1fr}
  .fich{grid-template-columns:3rem 1fr 1fr}
  .fich__txt{grid-column:2/-1}
}
@media (max-width:899px){
  .split,.story,.expr,.band__row,.feature .wrap{grid-template-columns:1fr}
  .story--flip>:first-child,.expr--flip>:first-child{order:0}
  .feature .wrap{padding-block:5.5rem 3rem}
  .feature__vis{order:-1;height:auto}
  .feature__vis img{max-height:34svh}
  .feature__vis .shelf img{height:26svh}
  .phero{min-height:clamp(30rem,88svh,44rem)}
  .phero__art{opacity:.55;right:-12%;height:70%}
  .hand{right:-12%;opacity:.5;height:60%}
  .hand img{margin-inline:-1.8rem}
  .factories{grid-template-columns:1fr}
  .fac{min-height:18rem}
  .stats{grid-template-columns:repeat(3,1fr)}
  .fich{grid-template-columns:2.4rem 1fr;gap:.4rem 1rem}
  .fich__kind,.fich__txt{grid-column:2}
  .mosaic .arch:nth-child(2){margin-top:1.4rem}
}
@media (prefers-reduced-motion:reduce){
  .curtain{display:none}
}

/* Arco con fotografía (cabeceras de historia) */
.phero__art--arch{height:min(78%,40rem);aspect-ratio:3/4;overflow:hidden;border-radius:999px 999px 1.4rem 1.4rem;right:calc(var(--gut) + 2rem);bottom:clamp(3rem,8vh,6rem);outline:1px solid rgba(241,240,231,.25);outline-offset:.7rem}
.phero__art--arch img{width:100%;height:100%;object-fit:cover;object-position:30% 50%;filter:none}

/* Experiencias: titular más contenido para no chocar con la imagen; blog sin enlaces */
.exp-hero .phero__title{font-size:clamp(3rem,8vw,9rem)}
.exp-hero .phero__art{right:calc(var(--gut) + 1rem)}
@media (max-width:899px){.exp-hero .phero__art{opacity:.35}}
.posts .postlink{display:block;padding:1.5rem 0 1.7rem;border-top:1px solid rgba(18,56,74,.25)}
.posts li:last-child .postlink{border-bottom:1px solid rgba(18,56,74,.25)}
.maq-hero{min-height:auto}

/* Móvil: la imagen de cabecera va arriba y el texto queda libre debajo */
@media (max-width:899px){
  .phero{padding-top:calc(var(--nav-h) + 38svh)}
  .phero__art,.exp-hero .phero__art{top:calc(var(--nav-h) + .5rem);bottom:auto;right:50%;translate:50% 0;height:34svh!important;opacity:1}
  .phero__art--arch{aspect-ratio:1/1;height:30svh!important;border-radius:999px 999px 1rem 1rem;outline-offset:.4rem}
  .hand{top:calc(var(--nav-h) + .8rem);bottom:auto;right:50%;translate:50% 0;height:34svh;opacity:1}
  .hand img{height:100%;margin-inline:-1.5rem}
}

/* Tira de fotografías */
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.6rem,1.4vw,1.2rem)}
.strip .photo{aspect-ratio:3/4;border-radius:999px 999px 1rem 1rem}
.strip .photo:nth-child(even){margin-top:clamp(1.5rem,5vw,4rem)}
.strip__title{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;margin-bottom:1.6rem;color:var(--teal-700)}
@media (max-width:899px){.strip{grid-template-columns:1fr 1fr}.strip .photo:nth-child(even){margin-top:1.6rem}}

/* Fichas de marca: miniatura */
.fich{grid-template-columns:4rem minmax(0,1.1fr) minmax(0,.7fr) minmax(0,1.4fr) 5.5rem;align-items:center}
.fich__thumb{display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:50%;overflow:hidden;background:var(--teal-900);border:1px solid rgba(241,240,231,.2)}
.fich__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.fich__thumb--logo img{object-fit:contain;padding:.9rem}
.fich__thumb--mono{font-family:var(--display);font-size:2.4rem;color:var(--gold)}
@media (hover:hover){.fich:hover .fich__thumb img{transform:scale(1.12)}}
@media (max-width:1100px){.fich{grid-template-columns:3rem 1fr 5.5rem}.fich__kind{grid-column:2}.fich__txt{grid-column:2/-1}.fich__thumb{grid-column:3;grid-row:1}}
@media (max-width:899px){.fich{grid-template-columns:2.4rem 1fr 4.2rem}.fich__thumb{width:4.2rem;height:4.2rem}.fich__kind,.fich__txt{grid-column:2/-1}}

/* Ajustes tras revisión visual: las fotos de marca llevan marca de agua, no se recortan con arco */
.strip .photo{border-radius:1rem}
.hand{right:calc(var(--gut)*.2)}
.hand img{height:62%;margin-inline:-3.3rem}
@media (max-width:899px){.hand img{height:100%;margin-inline:-1.5rem}}

#contenido:focus{outline:none}

/* =====================================================================
   MEXIA
   ===================================================================== */
.mx-hero{position:relative;min-height:max(100svh,46rem);display:grid;align-content:start;background:#0d0d12;color:var(--bone);overflow:hidden;isolation:isolate;padding:calc(var(--nav-h) + clamp(2rem,6vh,4rem)) 0 0}
.mx-hero__bg{position:absolute;z-index:-2;left:0;right:0;bottom:0;height:62%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 38%);mask-image:linear-gradient(to bottom,transparent,#000 38%)}
.mx-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform:scale(1.18)}
.mx-hero__veil{position:absolute;z-index:-1;inset:0;background:radial-gradient(60% 60% at 80% 30%,rgba(214,223,42,.13),transparent 70%),radial-gradient(50% 50% at 10% 20%,rgba(47,183,196,.12),transparent 70%)}
.mx-hero__in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"pill pill" "title side";column-gap:clamp(1.5rem,5vw,5rem);row-gap:1.4rem;align-items:end}
.mx-hero__in .pill{grid-area:pill;justify-self:start}
.mx-hero__title{grid-area:title;font-size:clamp(3.4rem,9.6vw,10.5rem);line-height:.88;letter-spacing:-.02em;padding-bottom:.08em}
.mx-hero__title .ln{padding-bottom:.14em;margin-bottom:-.14em}
.mx-hero__logo{grid-area:side;align-self:start;justify-self:end;width:clamp(9rem,17vw,16rem);height:auto;margin-bottom:auto}
.mx-hero__lede,.mx-hero__cta{grid-column:2}
.mx-hero__lede{max-width:34ch;font-size:clamp(1.02rem,1.3vw,1.2rem);opacity:.92}
.mx-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2rem;margin-top:.4rem}
.mx-hero__seal{position:absolute;right:var(--gut);bottom:clamp(2rem,6vh,4rem)}
@media (min-width:900px){.mx-hero__in{grid-template-areas:"pill pill" "title logo" "title lede" "title cta"}.mx-hero__logo{grid-area:logo}.mx-hero__lede{grid-area:lede}.mx-hero__cta{grid-area:cta}.mx-hero__title{align-self:start}}

.mx{position:relative;background:var(--bg);color:var(--bone);overflow:hidden;isolation:isolate;padding-bottom:clamp(2rem,5vh,3.5rem)}
.mx__flood{position:absolute;inset:0;z-index:0;visibility:hidden;pointer-events:none}
.mx>:not(.mx__flood){position:relative;z-index:1}
.mx__head{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding-top:clamp(5rem,12vh,7rem)}
.mx__tabs{display:flex;gap:.3rem;padding:.3rem;border:1px solid rgba(241,240,231,.28);border-radius:999px}
.mx__tabs button{padding:.55rem 1.15rem;border-radius:999px;font-weight:600;font-size:.92rem;transition:background-color .35s,color .35s}
.mx__tabs button small{opacity:.6;margin-left:.3rem}
.mx__tabs button[aria-selected=true]{background:var(--ac);color:#0b0b0b}
.mx__count{font-size:1.7rem;line-height:1;transition:color .5s}
.mx__count small{font-family:var(--body);font-size:.85rem;opacity:.6;margin-left:.25rem}
.mx__stage{position:relative;height:clamp(25rem,66svh,41rem);margin-top:.5rem;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.mx__stage:active{cursor:grabbing}
.mx__word{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(4.5rem,16vw,18rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--ac) 60%,transparent);white-space:nowrap;pointer-events:none;letter-spacing:-.02em;transition:-webkit-text-stroke-color .6s}
.mx__slides{position:absolute;inset:0;margin:0}
.mx__slide{position:absolute;left:50%;top:50%;height:88%;cursor:pointer;will-change:transform}
.mx__slide img{height:100%;width:auto;max-width:none;filter:drop-shadow(0 34px 44px rgba(0,0,0,.55));pointer-events:none}
.mx__slide.is-can{height:72%}
.mx__slide.is-on{cursor:grab}
.mx__arrow{position:absolute;z-index:30;top:50%;translate:0 -50%;display:grid;place-items:center;width:3.5rem;height:3.5rem;border:1px solid rgba(241,240,231,.5);border-radius:50%;overflow:hidden;transition:background-color .3s,color .3s,border-color .3s}
.mx__arrow--prev{left:var(--gut)}.mx__arrow--next{right:var(--gut)}
.mx__arrow .i{width:1.2rem;height:1.2rem;transition:transform .45s var(--ease)}
@media (hover:hover){.mx__arrow:hover{background:var(--ac);color:#0b0b0b;border-color:var(--ac)}.mx__arrow--next:hover .i{transform:translateX(.25rem)}.mx__arrow--prev:hover .i{transform:translateX(-.25rem)}}
.mx__panel{display:grid;margin-top:clamp(.5rem,2vh,1.5rem)}
.mx__info{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"pill facts" "name facts" "desc facts";column-gap:clamp(2rem,6vw,6rem);row-gap:.7rem;align-content:start;visibility:hidden;pointer-events:none}
.mx__info.is-on{visibility:visible;pointer-events:auto}
.mx__info .pill{grid-area:pill;justify-self:start;color:var(--ac)}
.mx__name{grid-area:name;font-size:clamp(2.4rem,5.4vw,5.6rem);line-height:.95;padding-bottom:.06em}
.mx__name small{display:block;font-family:var(--body);font-size:clamp(1rem,1.5vw,1.35rem);font-weight:600;color:var(--ac);letter-spacing:.02em;margin-top:.5rem}
.mx__desc{grid-area:desc;max-width:42ch;opacity:.9}
.mx__facts{grid-area:facts;display:grid;grid-template-columns:1fr 1fr;gap:0 1.6rem;align-self:end}
.mx__facts div{padding:.75rem 0;border-top:1px solid rgba(241,240,231,.22)}
.mx__facts dt{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65}
.mx__facts dd{font-family:var(--display);font-size:clamp(1.2rem,1.9vw,1.7rem);line-height:1.15;margin-top:.15rem}
.mx__thumbs{display:flex;gap:.7rem;overflow-x:auto;padding-block:1.6rem .4rem;margin-top:clamp(1rem,3vh,2rem);scrollbar-width:none;border-top:1px solid rgba(241,240,231,.16)}
.mx__thumbs::-webkit-scrollbar{display:none}
.mx__thumbs button{display:grid;justify-items:center;gap:.4rem;width:4.8rem;padding:.5rem .3rem;border-radius:1rem;border:1px solid transparent;opacity:.6;transition:opacity .3s,border-color .3s,transform .4s var(--ease),background-color .3s}
.mx__thumbs img{height:4.4rem;width:auto;object-fit:contain;transition:transform .5s var(--ease)}
.mx__thumbs span{font-size:.72rem;font-weight:600;white-space:nowrap}
.mx__thumbs button[aria-current=true]{opacity:1;border-color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,transparent)}
@media (hover:hover){.mx__thumbs button:hover{opacity:1;transform:translateY(-4px)}.mx__thumbs button:hover img{transform:scale(1.08) rotate(-3deg)}}

.mx-story{overflow:hidden}
.mx-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);align-items:center}
.mx-story__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem;max-width:36rem}
.mx-fan{position:relative;height:clamp(24rem,46vw,40rem)}
.mx-fan__arch{position:absolute;left:8%;right:8%;bottom:0;top:6%;border-radius:999px 999px 1.4rem 1.4rem;background:linear-gradient(180deg,rgba(214,223,42,.16),rgba(47,183,196,.08) 60%,transparent);border:1px solid rgba(241,240,231,.16)}
.mx-fan__b{position:absolute;bottom:0;height:92%;width:auto;max-width:none;filter:drop-shadow(0 26px 32px rgba(0,0,0,.55));transform-origin:50% 100%}
.mx-fan__b--0{left:6%;rotate:-9deg;height:84%}
.mx-fan__b--1{left:26%;rotate:-3deg}
.mx-fan__b--2{left:46%;rotate:3deg;height:96%}
.mx-fan__b--3{left:65%;rotate:9deg;height:84%}

.mx-mix{position:relative;min-height:92svh;display:grid;align-content:end;overflow:hidden;isolation:isolate;background:#0d0d12;color:var(--bone);padding:clamp(6rem,14vh,9rem) 0 0}
.mx-mix__photo{position:absolute;z-index:-2;inset:-6% 0}
.mx-mix__photo img{width:100%;height:100%;object-fit:cover}
.mx-mix__veil{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(13,13,18,.92) 0%,rgba(13,13,18,.55) 45%,rgba(13,13,18,.15)),linear-gradient(0deg,rgba(13,13,18,.9),transparent 45%)}
.mx-mix__title{font-size:clamp(2.6rem,6vw,6.6rem);line-height:.98;max-width:14ch;padding-bottom:.08em}
.mx-mix__marq{margin-top:clamp(3rem,8vh,5rem);padding-bottom:1.2rem;color:var(--bone)}
.mx-mix__marq .i{color:#f7b32b}

@media (max-width:899px){
  .mx-hero{min-height:auto;padding-bottom:0}
  .mx-hero__in{grid-template-columns:1fr;grid-template-areas:"pill" "title" "logo" "lede" "cta"}
  .mx-hero__logo{justify-self:start;margin:0}
  .mx-hero__bg{position:relative;height:42vw;min-height:12rem;margin-top:2.2rem;inset:auto}
  .mx-hero__seal{display:none}
  .mx__head{padding-top:4.5rem}
  .mx__stage{height:clamp(22rem,56svh,30rem)}
  .mx__arrow{width:2.9rem;height:2.9rem;top:auto;bottom:-.4rem;translate:0}
  .mx__info{grid-template-columns:1fr;grid-template-areas:"pill" "name" "desc" "facts";margin-top:.6rem}
  .mx__facts{margin-top:1rem}
  .mx-story__grid{grid-template-columns:1fr}
  .mx-fan{height:clamp(20rem,92vw,30rem)}
  .mx-mix{min-height:80svh}
}
@media (prefers-reduced-motion:reduce){.mx__flood{display:none}}

/* Correcciones de capas y sello */
.seal.mx-hero__seal{position:absolute}
.mx-hero__bg{height:56%}

/* =====================================================================
   MARCAS — puertas
   ===================================================================== */
.marcas-hero{min-height:clamp(26rem,64svh,40rem)}
.marcas-hero__hint{position:absolute;right:var(--gut);bottom:2.4rem;display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1px solid rgba(241,240,231,.4);border-radius:50%;animation:bob 2.4s var(--ease) infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(.4rem)}}
.doors{position:relative;z-index:2;display:flex;height:100svh;min-height:40rem;background:var(--ink)}
.door{position:relative;flex:1 1 0;min-width:0;overflow:hidden;isolation:isolate;color:var(--bone);text-decoration:none;background:var(--bg);display:flex;flex-direction:column;justify-content:flex-end;transition:flex-grow .95s var(--ease);border-right:1px solid rgba(241,240,231,.14)}
.door:last-child{border-right:0}
.door__photo{position:absolute;inset:0;z-index:-3}
.door__photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.85) brightness(.55) contrast(1.05);transform:scale(1.12);transition:filter .9s var(--ease),transform 1.4s var(--ease)}
.door__veil{position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 60% at 65% 70%,color-mix(in srgb,var(--glow) 70%,transparent),transparent 70%),linear-gradient(0deg,var(--bg) 4%,color-mix(in srgb,var(--bg) 55%,transparent) 55%,color-mix(in srgb,var(--bg) 25%,transparent))}
.door__idx{position:absolute;top:calc(var(--nav-h) + 1.6rem);left:clamp(1.4rem,2.4vw,2.6rem);font-size:1.2rem;color:var(--ac)}
.door__prod{position:absolute;z-index:-1;right:6%;bottom:0;height:64%;width:auto;display:flex;align-items:flex-end;transition:transform 1s var(--ease)}
.door__prod img{height:100%;width:auto;max-width:none;filter:drop-shadow(0 28px 36px rgba(0,0,0,.6))}
.door__body{display:grid;gap:.9rem;padding:clamp(1.4rem,2.4vw,2.6rem);padding-bottom:clamp(2rem,6vh,3.4rem)}
.door__logo{display:block;height:clamp(1.8rem,3.4vh,2.6rem);background:var(--ac);-webkit-mask:var(--logo) left center/contain no-repeat;mask:var(--logo) left center/contain no-repeat}
.door__kind{font-weight:600;font-size:.95rem;color:var(--ac)}
.door__name{font-size:clamp(2.6rem,4.8vw,5.6rem);line-height:.94;letter-spacing:-.015em;padding-bottom:.06em;max-width:8ch}
.door__more{display:grid;gap:1.1rem;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .8s var(--ease),opacity .6s .1s}
.door__more>*{overflow:hidden;min-height:0}
.door__txt{max-width:34ch;font-size:.98rem;line-height:1.5;opacity:.92}
.door__go{display:inline-flex;align-items:center;gap:.9rem;font-weight:600;color:var(--ac)}
.door__go i{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid currentColor;border-radius:50%;transition:background-color .3s,color .3s,transform .5s var(--ease)}
.door__go .i{width:1.05rem;height:1.05rem}
@media (hover:hover) and (min-width:900px){
  .doors:hover .door{flex-grow:.72}
  .doors .door:hover,.doors .door:focus-visible{flex-grow:2.3}
  .door:hover .door__photo img,.door:focus-visible .door__photo img{filter:grayscale(0) brightness(.7) contrast(1.05);transform:scale(1)}
  .door:hover .door__more,.door:focus-visible .door__more{grid-template-rows:1fr;opacity:1}
  .door:hover .door__prod{transform:translateX(-4%) scale(1.04)}
  .door:hover .door__go i{background:var(--ac);color:var(--bg);transform:translateX(.3rem)}
}
@media (hover:none),(max-width:899px){
  .door__more{grid-template-rows:1fr;opacity:1}
}
@media (max-width:899px){
  .doors{flex-direction:column;height:auto}
  .door{flex:none;min-height:clamp(30rem,86svh,40rem);border-right:0;border-bottom:1px solid rgba(241,240,231,.14)}
  .door__prod{height:48%;right:3%}
  .door__name{max-width:none}
}
.marcas-band{padding:clamp(3rem,8vh,5rem) 0}
.marcas-band__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem 3rem;margin-top:clamp(2rem,5vh,3.5rem)}
.marcas-band .lead{max-width:34ch}

.door__photo.is-blur img{filter:grayscale(.3) brightness(.4) blur(7px)}
.door__name{font-size:clamp(2.2rem,3.7vw,4.4rem)}
.door__prod{height:60%;right:-3%}
@media (hover:hover) and (min-width:900px){.door:hover .door__photo.is-blur img{filter:grayscale(0) brightness(.55) blur(4px)}}
@media (max-width:899px){.door__prod{right:2%}.door__name{font-size:clamp(2.6rem,11vw,4rem)}}

/* =====================================================================
   HOME — tarjetas con fotografía y secciones nuevas
   ===================================================================== */
.card__photo{position:absolute;inset:0;z-index:-2;pointer-events:none}
.card__photo img{width:100%;height:100%;object-fit:cover;opacity:.34;filter:grayscale(.35) contrast(1.05);-webkit-mask-image:linear-gradient(90deg,transparent 8%,#000 78%);mask-image:linear-gradient(90deg,transparent 8%,#000 78%)}
.card--mexia .card__photo img{filter:blur(6px) brightness(.8);opacity:.3}
.shelf--mx img{height:min(52vh,34rem);margin-inline:-.4rem}
.card--mexia .styles{grid-template-columns:1fr 1fr 1fr}
@media (max-width:899px){.shelf--mx img{height:min(34svh,17rem)}.card--mexia .styles{grid-template-columns:1fr 1fr}}

/* Mixology (Home) */
.hmx{position:relative;z-index:2;background:#0d0d12;color:var(--bone);padding:clamp(5rem,12vh,8rem) 0 0;overflow:hidden;isolation:isolate}
.hmx__word{position:absolute;z-index:-1;left:50%;top:48%;translate:-50% -50%;font-size:clamp(8rem,26vw,34rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(241,240,231,.1);white-space:nowrap;pointer-events:none;letter-spacing:-.03em}
.hmx__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,6rem);align-items:center}
.hmx__copy{display:grid;gap:1.3rem;justify-items:start}
.hmx__copy h2{font-size:clamp(2.6rem,5.4vw,5.8rem);line-height:.98;padding-bottom:.08em}
.hmx__copy p:not(.pill){max-width:40ch;opacity:.9}
.hmx__cans{position:relative;height:clamp(24rem,40vw,36rem)}
.hmx__can{position:absolute;bottom:0;height:80%;display:block;transition:transform .7s var(--ease)}
.hmx__can::before{content:"";position:absolute;left:50%;bottom:8%;width:150%;aspect-ratio:1;translate:-50% 20%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ac) 42%,transparent),transparent 70%);z-index:-1}
.hmx__can img{height:100%;width:auto;max-width:none;filter:drop-shadow(0 24px 30px rgba(0,0,0,.55))}
.hmx__can--0{left:0;rotate:-10deg;height:68%}
.hmx__can--1{left:19%;rotate:-5deg;height:76%}
.hmx__can--2{left:38%;rotate:0deg;height:86%;z-index:2}
.hmx__can--3{left:57%;rotate:5deg;height:76%}
.hmx__can--4{left:76%;rotate:10deg;height:68%}
@media (hover:hover){.hmx__can:hover{transform:translateY(-1.1rem) scale(1.04);z-index:5}}
.hmx__seal{position:absolute;left:var(--gut);top:clamp(5rem,12vh,8rem)}
.hmx__marq{margin-top:clamp(2rem,6vh,4rem);padding-bottom:1.4rem;color:var(--bone)}
.hmx__marq .i{color:#f7b32b}

/* Experiencias (Home) */
.hex{position:relative;z-index:2;background:var(--bone);color:var(--teal-950);padding:clamp(5rem,13vh,9rem) 0;overflow:hidden}
.hex__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,6vw,7rem);align-items:center}
.hex__copy h2{font-size:clamp(2.6rem,5.6vw,6rem);line-height:1;color:var(--teal-700);margin:1rem 0 1.4rem;padding-bottom:.08em}
.hex__copy p:not(.eyebrow){max-width:42ch}
.hex__chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.hex__chips li{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .8rem;border:1px solid var(--teal-500);border-radius:999px;font-weight:600;font-size:.92rem;color:var(--teal-700);transition:background-color .3s,color .3s,transform .4s var(--ease)}
.hex__chips .i{width:1.1rem;height:1.1rem}
@media (hover:hover){.hex__chips li:hover{background:var(--teal-700);color:var(--bone);transform:translateY(-3px)}}
.hex__photos{position:relative;height:clamp(28rem,50vw,44rem)}
.hex__ph{position:absolute;overflow:hidden;background:var(--teal-500)}
.hex__ph img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.hex__ph--a{left:0;top:0;width:56%;aspect-ratio:3/4;border-radius:999px 999px 1rem 1rem}
.hex__ph--b{right:0;bottom:0;width:62%;aspect-ratio:1/1;border-radius:1.2rem;box-shadow:0 30px 60px rgba(8,30,38,.25)}
.hex__badge{position:absolute;left:44%;top:56%;width:clamp(6rem,10vw,8.5rem);aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid var(--bone);box-shadow:0 18px 40px rgba(8,30,38,.3);z-index:3}
.hex__badge img{width:100%;height:100%;object-fit:cover}

/* Maquila (Home) */
.hmq{position:relative;z-index:2;background:var(--straw);color:var(--teal-950);padding:clamp(5rem,13vh,9rem) 0;overflow:hidden}
.hmq__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);align-items:center}
.hmq__photos{position:relative;height:clamp(26rem,46vw,40rem)}
.hmq__ph{position:absolute;overflow:hidden;background:rgba(11,38,48,.2)}
.hmq__ph img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.hmq__ph--a{left:0;top:0;width:56%;height:68%;border-radius:999px 999px 1rem 1rem}
.hmq__ph--b{right:0;top:12%;width:40%;height:46%;border-radius:1rem}
.hmq__ph--c{left:22%;bottom:0;width:54%;height:32%;border-radius:1rem;box-shadow:0 24px 50px rgba(11,38,48,.28)}
.hmq__copy{display:grid;gap:1.3rem;justify-items:start}
.hmq__copy h2{font-size:clamp(2.4rem,5vw,5.2rem);line-height:1;padding-bottom:.08em}
.hmq__copy p:not(.eyebrow){max-width:44ch}
.hmq__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;width:100%;max-width:34rem;margin-block:.6rem}
.hmq .counter b{color:var(--teal-950)}

/* Contacto (Home) */
.hct{position:relative;z-index:2;background:var(--teal-900);color:var(--bone);padding:clamp(6rem,14vh,10rem) 0;overflow:hidden;isolation:isolate}
.hct__photo{position:absolute;z-index:-2;inset:-8% 0}
.hct__photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) brightness(.55)}
.hct__veil{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(18,56,74,.95),rgba(18,56,74,.6) 55%,rgba(18,56,74,.35))}
.hct__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);align-items:end}
.hct h2{font-size:clamp(2.8rem,6vw,6.4rem);line-height:.98;margin:1rem 0 1.4rem;padding-bottom:.08em}
.hct__grid p:not(.eyebrow){display:flex;align-items:center;gap:.6rem;max-width:40ch}
.hct__ways{display:grid;gap:0}
.hct__way{display:flex;align-items:center;gap:1.2rem;padding:1.3rem .4rem;border-top:1px solid rgba(241,240,231,.3);text-decoration:none;transition:padding .5s var(--ease),background-color .4s}
.hct__ways li:last-child .hct__way{border-bottom:1px solid rgba(241,240,231,.3)}
.hct__ic{display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1px solid currentColor;border-radius:50%;flex:none;transition:background-color .3s,color .3s}
.hct__way span:nth-child(2){display:grid;font-family:var(--display);font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.1;flex:1}
.hct__way small{font-family:var(--body);font-size:.82rem;opacity:.7;letter-spacing:.04em;text-transform:uppercase}
.hct__go{width:1.6rem;height:1.6rem;transition:transform .5s var(--ease)}
@media (hover:hover){.hct__way:hover{padding-left:1.2rem;background:rgba(241,240,231,.06)}.hct__way:hover .hct__ic{background:var(--gold);color:var(--teal-950);border-color:var(--gold)}.hct__way:hover .hct__go{transform:translate(.3rem,-.3rem)}}

@media (max-width:899px){
  .hmx__grid,.hex__grid,.hmq__grid,.hct__grid{grid-template-columns:1fr}
  .hmx__seal{display:none}
  .hmx__cans{height:clamp(18rem,74vw,26rem)}
  .hex__photos{height:clamp(24rem,100vw,32rem)}
  .hmq__photos{height:clamp(22rem,92vw,30rem);order:2}
}

/* =====================================================================
   NOSOTROS · MAQUILA · CONTACTO · EXPERIENCIAS · NAIPE · SIERPE — composiciones nuevas
   ===================================================================== */
.nos-hero__seal{position:absolute;right:calc(var(--gut) + 1rem);top:calc(var(--nav-h) + 3rem)}
.seal.nos-hero__seal{position:absolute}
.nos-collage{position:relative;height:clamp(30rem,50vw,44rem)}
.nos-collage figure{position:absolute;overflow:hidden;background:var(--teal-500)}
.nos-collage img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.nos-collage__a{left:0;top:0;width:58%;height:70%;border-radius:999px 999px 1rem 1rem}
.nos-collage__b{right:0;top:14%;width:40%;height:34%;border-radius:1rem}
.nos-collage__c{right:6%;bottom:0;width:56%;height:34%;border-radius:1rem;box-shadow:0 26px 50px rgba(8,30,38,.28)}
.nos-collage__tag{position:absolute;left:4%;bottom:6%;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;background:var(--bone);color:var(--teal-950);font-weight:600;font-size:.85rem;box-shadow:0 14px 30px rgba(8,30,38,.25);z-index:3}
.nos-collage__tag .i{width:1rem;height:1rem;color:var(--amber)}
.nos-story__more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);margin-top:clamp(3rem,8vh,6rem)}
.nos-story__more h3{font-size:clamp(1.7rem,2.6vw,2.6rem);color:var(--teal-700);margin-bottom:.8rem}
.nos-story__more p{max-width:46ch}
.fac__n{position:absolute;top:1.4rem;left:1.6rem;font-size:1.1rem;color:var(--gold)}
.fac small{display:flex;align-items:center;gap:.4rem}
.fac small .i{width:1rem;height:1rem}
.nos-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;margin-top:clamp(3rem,7vh,5rem);padding-top:2rem;border-top:1px solid rgba(241,240,231,.2)}
.pillar{position:relative;padding-right:2rem}
.pillar__ic{display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1px solid rgba(252,196,4,.55);border-radius:50%;color:var(--gold);margin-bottom:1rem;transition:background-color .35s,color .35s,transform .5s var(--ease)}
.pillar__ic .i{width:1.4rem;height:1.4rem}
.pillar__n{position:absolute;right:0;top:1.9rem;font-size:1.1rem;opacity:.4}
@media (hover:hover){.pillar:hover .pillar__ic{background:var(--gold);color:var(--teal-950);transform:rotate(-8deg) scale(1.06)}}
@media (max-width:899px){.nos-story__more{grid-template-columns:1fr}.nos-stats{grid-template-columns:1fr 1fr}.nos-collage{height:clamp(24rem,100vw,32rem)}.nos-hero__seal{display:none}}

/* Experiencias — cabecera */
.phero__art--tall{height:min(84%,44rem);aspect-ratio:3/4}
.phero__art--tall img{object-position:50% 40%}
.exp-chips{position:absolute;z-index:2;right:calc(var(--gut) + 1rem);bottom:clamp(3rem,8vh,6rem);display:grid;gap:.6rem;justify-items:end}
.exp-chips li{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .8rem;border-radius:999px;background:var(--bone);color:var(--teal-700);font-weight:600;font-size:.88rem;box-shadow:0 12px 28px rgba(8,30,38,.18)}
.exp-chips .i{width:1.05rem;height:1.05rem}
@media (max-width:899px){.exp-chips{display:none}}

/* Maquila — cabecera */
.maq-hero{min-height:auto;padding-bottom:clamp(3rem,8vh,5rem)}
.maq-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.maq-hero .phero__title{font-size:clamp(3.2rem,8vw,8.6rem)}
.maq-hero__chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}
.maq-hero__chips li{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .8rem;border:1px solid var(--teal-950);border-radius:999px;font-weight:600;font-size:.9rem;transition:background-color .3s,color .3s,transform .4s var(--ease)}
.maq-hero__chips .i{width:1.1rem;height:1.1rem}
@media (hover:hover){.maq-hero__chips li:hover{background:var(--teal-950);color:var(--gold);transform:translateY(-3px)}}
.maq-hero__photos{height:clamp(24rem,38vw,34rem)}
@media (max-width:899px){.maq-hero__grid{grid-template-columns:1fr}.maq-hero__photos{height:clamp(22rem,92vw,28rem)}}

/* Contacto */
.ct-page{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;padding-top:calc(var(--nav-h) + clamp(4rem,12vh,8rem))}
.ct-page__photo{position:absolute;z-index:-2;inset:-8% 0}
.ct-page__photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) brightness(.5)}
.ct-page__veil{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(18,56,74,.96),rgba(18,56,74,.72) 55%,rgba(18,56,74,.5))}
.ct-page__ways{margin-top:.6rem;max-width:30rem}
.ct-page__dist{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;opacity:.85;max-width:44ch}
.ct-page__dist .i{margin-top:.15rem}
.ct-page .form{padding:clamp(1.4rem,3vw,2.4rem);border:1px solid rgba(241,240,231,.2);border-radius:1.4rem;background:rgba(11,38,48,.45);backdrop-filter:blur(10px)}

/* Naipe */
.suits{position:absolute;z-index:-1;inset:0;pointer-events:none}
.suits__s{position:absolute;color:#f1b04c;opacity:.16}
.suits__s .i{width:100%;height:100%}
.suits__s--1{left:46%;top:16%;width:4.5rem;height:4.5rem;rotate:-12deg}
.suits__s--2{left:8%;top:62%;width:7rem;height:7rem;rotate:10deg;opacity:.1}
.suits__s--3{left:34%;top:78%;width:3.4rem;height:3.4rem;rotate:18deg}
.suits__s--4{right:6%;top:12%;width:5.4rem;height:5.4rem;rotate:8deg}
.naipe-marq{position:relative;z-index:2;background:var(--ink);color:var(--bone);padding:clamp(1.6rem,4vh,3rem) 0}
.nx-collage .nos-collage__tag .i{color:var(--amber)}
.stats li.counter{border-top:1px solid color-mix(in srgb,currentColor 30%,transparent);padding-top:.8rem}
.stats li.counter b{color:var(--amber)}
.nx-awards{position:relative;z-index:2;background:var(--ink);color:var(--bone);padding:clamp(5rem,12vh,8rem) 0}
.nx-awards__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.4vw,2rem)}
.nx-aw{position:relative;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:end;gap:1rem;padding:clamp(1.4rem,2.6vw,2.4rem) clamp(1.4rem,2.6vw,2.4rem) 0;border-radius:1.6rem;overflow:hidden;background:radial-gradient(70% 70% at 30% 80%,color-mix(in srgb,var(--ac) 26%,var(--bg)),var(--bg));border:1px solid rgba(241,240,231,.12);isolation:isolate}
.nx-aw__bottle{height:clamp(18rem,30vw,27rem);width:auto;max-width:none;justify-self:center;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55));margin-bottom:-.5rem}
.nx-aw__body{display:grid;gap:.6rem;align-self:center;padding-bottom:2rem}
.nx-aw h3{font-size:clamp(2.2rem,4vw,4rem);line-height:1}
.nx-aw__medals{display:grid;gap:.5rem;margin-top:.8rem}
.nx-aw__medals li{display:flex;align-items:center;gap:.8rem;padding:.55rem .9rem .55rem .7rem;border:1px solid rgba(241,240,231,.2);border-radius:999px;transition:transform .4s var(--ease),background-color .3s}
.nx-aw__medals .i{width:1.7rem;height:1.7rem;flex:none}
.nx-aw__medals .is-gold .i{color:#f6c453}
.nx-aw__medals .is-bronze .i{color:#cf8a5b}
.nx-aw__medals span{display:grid;line-height:1.2;font-size:.82rem;opacity:.9}
.nx-aw__medals b{font-family:var(--display);font-weight:400;font-size:1.15rem}
@media (hover:hover){.nx-aw__medals li:hover{transform:translateX(.4rem);background:rgba(241,240,231,.07)}}
.nx-mosaic{display:grid;grid-template-columns:1.1fr .9fr 1.2fr;grid-template-rows:auto auto;gap:clamp(.6rem,1.4vw,1.2rem)}
.nx-mosaic figure{position:relative;overflow:hidden;border-radius:1rem;background:var(--teal-500)}
.nx-mosaic img{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover}
.nx-mosaic figure:nth-child(1){aspect-ratio:4/3}
.nx-mosaic figure:nth-child(2){grid-column:2/4;aspect-ratio:2/1}
.nx-mosaic figure:nth-child(3){grid-column:1/3;aspect-ratio:16/9}
.nx-mosaic figure:nth-child(4){grid-column:3;aspect-ratio:1/1}
.nx-mosaic{padding-bottom:clamp(4rem,10vh,7rem)}
@media (max-width:899px){.nx-awards__grid{grid-template-columns:1fr}.nx-aw{grid-template-columns:.6fr 1fr}.nx-mosaic{grid-template-columns:1fr 1fr}.nx-mosaic figure:nth-child(n){grid-column:auto;aspect-ratio:4/3}.nx-mosaic figure:nth-child(2){grid-column:1/-1}}

/* Sierpe Negra */
.cata{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,2vw,1.6rem)}
.cata__c{position:relative;padding:1.8rem 1.8rem 2rem;border:1px solid rgba(241,240,231,.28);border-radius:1.4rem;background:rgba(11,38,48,.35);overflow:hidden;transition:transform .6s var(--ease),background-color .4s,border-color .4s}
.cata__ic{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--gold);color:var(--teal-950);margin-bottom:1.2rem;transition:transform .6s var(--ease)}
.cata__ic .i{width:1.5rem;height:1.5rem}
.cata__n{position:absolute;right:1.4rem;top:1.2rem;font-size:3.2rem;line-height:1;opacity:.14}
.cata__c h3{font-size:clamp(1.6rem,2.4vw,2.2rem);margin-bottom:.6rem}
.cata__c p{font-size:.96rem;opacity:.92}
@media (hover:hover){.cata__c:hover{transform:translateY(-6px);background:rgba(11,38,48,.6);border-color:var(--gold)}.cata__c:hover .cata__ic{transform:rotate(-10deg) scale(1.08)}}
.brindar{position:relative;z-index:2;background:#d3ad82;color:#1c1208;padding:clamp(5rem,12vh,8rem) 0;overflow:hidden}
.brindar__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,.8fr);gap:clamp(1.2rem,3vw,3rem);align-items:center}
.brindar figure{position:relative;overflow:hidden;background:#b98a5a}
.brindar img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.brindar__a{aspect-ratio:1/1.05;border-radius:1.4rem}
.brindar__b{aspect-ratio:3/4;border-radius:999px 999px 1.2rem 1.2rem;margin-top:3rem}
.brindar__copy{display:grid;gap:1.1rem;justify-items:start}
.brindar__copy h2{font-size:clamp(2.6rem,4.6vw,5rem);line-height:1;padding-bottom:.08em}
.brindar__copy p:not(.eyebrow){max-width:34ch}
.brindar__chips li{border-color:#1c1208;color:#1c1208}
@media (hover:hover){.brindar__chips li:hover{background:#1c1208;color:#d3ad82}}
@media (max-width:899px){.cata{grid-template-columns:1fr}.brindar__grid{grid-template-columns:1fr 1fr}.brindar__copy{grid-column:1/-1;order:-1}.brindar__b{margin-top:0}}

.hand{right:3%}
.hand img{height:56%;margin-inline:-2.5rem}
@media (max-width:899px){.hand{right:50%}.hand img{height:100%;margin-inline:-1.5rem}}

/* Ajustes tras revisión visual */
.shelf--mx img{height:min(42vh,27rem);margin-inline:-.8rem}
.card--mexia .card__can{height:min(28vh,17rem)}
.card--mexia .card__can--a{left:0;bottom:4%}
.card--mexia .card__can--b{right:0;bottom:8%}
.hmx__seal{left:auto;right:var(--gut);top:clamp(5rem,12vh,8rem)}

/* Móvil: hero de Mexia en una columna y carrusel con aire para el texto */
@media (max-width:899px){
  .mx-hero__lede,.mx-hero__cta{grid-column:auto}
  .mx-hero__in{order:1}.mx-hero__bg{order:3}
  .mx__stage{margin-bottom:2.6rem}
  .mx__arrow{bottom:-2.6rem}
}

@media (max-width:899px){.mx-hero__logo{grid-area:logo}.mx-hero__lede{grid-area:lede}.mx-hero__cta{grid-area:cta}.mx-hero__in{row-gap:1.1rem;padding-bottom:1rem}.mx-hero__title{font-size:clamp(3.2rem,15vw,5.4rem)}}

@media (max-width:899px){.door{min-height:clamp(34rem,92svh,44rem)}.door__prod{top:calc(var(--nav-h) + .4rem);bottom:auto;height:36%;right:6%;align-items:flex-start}.door__idx{top:calc(var(--nav-h) + .6rem)}.door__txt{max-width:none}}

.hand{right:9%}
.hand img{height:54%;margin-inline:-2.9rem}
@media (max-width:899px){.hand{right:50%}.hand img{height:100%;margin-inline:-1.5rem}}

/* Mexia: abanico de tres mezcales */
.mx-fan__b--0{left:10%;rotate:-7deg;height:86%}
.mx-fan__b--1{left:36%;rotate:0deg;height:98%}
.mx-fan__b--2{left:62%;rotate:7deg;height:86%}

/* Naipe: las cinco botellas ocupan la misma caja (Poker es más delgada) y el aviso/mosaico quedan alineados */
.hand img{aspect-ratio:607/1493;width:auto;object-fit:contain;object-position:50% 100%}
.beer__hint{display:none}
@media (max-width:899px){.beer__hint{display:block;text-align:center;opacity:.6;padding-top:1rem}}

/* Naipe: Poker un poco más grande que el resto */
.hand img:nth-child(5){scale:.95;transform-origin:50% 100%}
#beer-poker .bp__bottle{height:calc(var(--bh,min(52svh,26rem))*1)}
.beer.is-scene #beer-poker .bp__bottle{height:min(77vh,54rem)}

/* Poker va detrás de Espada y con más separación para no taparla */
.hand img{position:relative}
.hand img:nth-child(4){z-index:2}
.hand img:nth-child(5){z-index:1;margin-left:.4rem}
@media (max-width:899px){.hand img:nth-child(5){margin-left:-.4rem}}

/* Home: Poker detrás de Espada, con espacio propio, y un poco más grande que el resto */
.card--naipe .shelf img{position:relative}
.card--naipe .shelf img:nth-child(4){z-index:2}
.card--naipe .shelf img:nth-child(5){z-index:1;margin-left:.6rem;scale:.97;transform-origin:50% 100%;translate:0 -3.6%}
.nx-mosaic{grid-template-rows:none;grid-auto-rows:clamp(10rem,38vw,16rem)}
.nx-mosaic figure:nth-child(n){aspect-ratio:auto;min-height:0}
/* Escritorio: cada fila reparte el ancho según la proporción de sus fotos, así no se recortan */
@media (min-width:900px){
  .nx-mosaic{--g:clamp(.6rem,1.4vw,1.2rem);display:flex;flex-wrap:wrap;gap:var(--g)}
  .nx-mosaic figure:nth-child(n){grid-column:auto;min-height:0}
  .nx-mosaic figure:nth-child(1){width:calc((100% - var(--g))*.3348);aspect-ratio:774/850}
  .nx-mosaic figure:nth-child(2){width:calc((100% - var(--g))*.6652);aspect-ratio:1082/598}
  .nx-mosaic figure:nth-child(3){width:calc((100% - var(--g))*.498);aspect-ratio:1140/806}
  .nx-mosaic figure:nth-child(4){width:calc((100% - var(--g))*.502);aspect-ratio:904/634}
}
.nx-mosaic img{inset:-3% 0;height:106%}
/* Mosaico: sin zoom ni paralaje del efecto data-mask, así cada foto se ve completa y a su proporción */
.nx-mosaic img{inset:0;height:100%;transform:none!important}
/* La foto de los tanques trae un rótulo arriba y una costura abajo: se encuadra sin ellos */
.nx-mosaic figure:nth-child(3) img{max-width:none;width:126%;height:126%;left:-13%;right:auto;top:-11.8%}

/* ---------- Home: índice de marcas bajo "Nuestras marcas" ---------- */
.bidx{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,1.4vw,1.2rem);margin-top:clamp(1rem,3vh,2rem)}
.bidx li{min-width:0}
.bidx a{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(5rem,16vw,11rem);min-height:clamp(17rem,30vw,24rem);padding:clamp(1.2rem,2vw,1.8rem);border-radius:1.2rem;overflow:hidden;isolation:isolate;text-decoration:none;color:var(--bone);background:var(--bg)}
.bidx img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform .9s var(--ease),opacity .5s}
.bidx a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 35%,transparent) 0%,var(--bg) 92%)}
.bidx a:hover img,.bidx a:focus-visible img{transform:scale(1.06);opacity:.75}
.bidx__logo{display:block;height:clamp(2rem,3.4vw,2.8rem);background:var(--ac);-webkit-mask:var(--logo) left center/contain no-repeat;mask:var(--logo) left center/contain no-repeat}
.bidx__txt{display:flex;flex-direction:column;gap:.25rem;padding-right:3.4rem}
.bidx__txt b{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.1vw,1.9rem);line-height:1.1}
.bidx__txt small{font-size:.92rem;opacity:.75}
.bidx__go{position:absolute;right:clamp(1.2rem,2vw,1.8rem);bottom:clamp(1.2rem,2vw,1.8rem);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--ac);color:var(--bg);transition:transform .4s var(--ease)}
.bidx__go svg{width:.9rem;height:.9rem;transform:rotate(90deg)}
.bidx a:hover .bidx__go{transform:translateY(.2rem)}
.bidx a:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
@media (max-width:899px){.bidx{grid-template-columns:1fr}.bidx a{min-height:12rem;gap:3rem}}

/* ---------- Naipe: Dentro de la cervecería ---------- */
.nx-in{position:relative;z-index:2;background:var(--ink);color:var(--bone);padding:clamp(5rem,13vh,9rem) 0 clamp(4rem,10vh,7rem);overflow:hidden}
.nx-in::before{content:"";position:absolute;inset:-20% -10% auto auto;width:60vw;height:60vw;background:radial-gradient(closest-side,#7a3f12 0%,transparent 70%);opacity:.55;pointer-events:none}
.nx-in__head{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.5rem,5vw,5rem);align-items:end;margin-bottom:clamp(2rem,6vh,4rem)}
.nx-in__head h2{font-size:clamp(2.6rem,6vw,6rem);line-height:1;max-width:11ch}
.nx-in__head p{max-width:38ch;opacity:.8;font-size:1.08rem}
.nx-in__grid{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(7rem,15vw,13rem);gap:clamp(.6rem,1.4vw,1.2rem)}
.nx-in__grid figure{position:relative;margin:0;overflow:hidden;border-radius:1.1rem;background:#2c1809}
.nx-in__grid img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.nx-in__grid figure:hover img{transform:scale(1.05)}
.nx-in__grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.6rem 1.1rem .95rem;font-size:.92rem;font-weight:500;background:linear-gradient(0deg,rgba(20,10,3,.85),transparent)}
.nx-in__grid figcaption b{display:block;font-family:var(--display);font-weight:400;font-size:1.2rem;color:#f1b04c}
.nx-in__grid .a{grid-column:1/6;grid-row:1/4}
.nx-in__grid .b{grid-column:6/13;grid-row:1/3}
.nx-in__grid .c{grid-column:6/9;grid-row:3/5}
.nx-in__grid .d{grid-column:9/13;grid-row:3/5}
.nx-in__grid .a img{object-position:50% 40%}
.nx-in__note{grid-column:1/6;grid-row:4/5;align-self:end;display:flex;gap:1rem;align-items:center;padding:0 0 .2rem;font-family:var(--display);font-size:clamp(1.1rem,1.8vw,1.6rem);line-height:1.2;color:#f1b04c}
.nx-in__note .i{flex:none;width:2.6rem;height:2.6rem;color:#f1b04c}
@media (max-width:899px){
  .nx-in__head{grid-template-columns:1fr}
  .nx-in__grid{grid-template-columns:1fr 1fr;grid-auto-rows:clamp(9rem,38vw,14rem)}
  .nx-in__grid .a,.nx-in__grid .b,.nx-in__grid .c,.nx-in__grid .d{grid-column:auto;grid-row:auto}
  .nx-in__grid .b{grid-column:1/-1}
  .nx-in__note{display:none}
}

/* ---------- Maquila: fondo paja de agave ---------- */
.btn--straw{background:var(--straw);color:var(--teal-950);--btn-i:var(--teal-950);--btn-ic:var(--straw)}
.maq .btn--teal,.hmq .btn--teal{--btn-i:var(--straw);--btn-ic:var(--teal-950)}
.maq .steps p,.maq__sticky p{color:var(--teal-950)}
.maq-hero::before,.hmq::before{display:none}
.maq + .band{--r:clamp(1.6rem,3.4vw,3.2rem);position:relative;z-index:3;border-radius:var(--r) var(--r) 0 0;margin-top:calc(var(--r)*-1)}
.hmq + .hct{--r:clamp(1.6rem,3.4vw,3.2rem);border-radius:var(--r) var(--r) 0 0;margin-top:calc(var(--r)*-1)}

/* ---------- Naipe: la baraja se abre al hacer scroll ---------- */
.deck{position:relative;z-index:2;background:var(--ink);color:var(--bone);min-height:100svh;display:grid;grid-template-rows:auto 1fr;padding-top:clamp(5rem,12vh,8rem);overflow:hidden;--step:min(15vw,11rem);--h:min(50svh,28rem)}
.deck::before{content:"";position:absolute;left:50%;bottom:-25%;width:90vw;height:70vw;translate:-50% 0;background:radial-gradient(closest-side,rgba(36,84,100,.75),transparent 72%);pointer-events:none}
.deck__head{position:relative;display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap}
.deck__head h2{font-size:clamp(2.4rem,5.4vw,5.4rem);line-height:1}
.deck__hint{max-width:26ch;opacity:.75}
.deck__stage{position:relative;align-self:end;height:calc(var(--h) + 9rem);margin-top:1rem}
.deck__b{position:absolute;left:50%;bottom:5.8rem;height:var(--h);aspect-ratio:var(--ar);margin-left:calc(var(--h)*var(--ar)/-2);transform-origin:50% 100%;filter:drop-shadow(0 24px 30px rgba(0,0,0,.55));will-change:transform}
.deck__b img{display:block;width:100%;height:100%;object-fit:contain}
.deck__b:focus-visible{outline:2px solid var(--ac);outline-offset:6px;border-radius:.5rem}
.deck__tag{position:absolute;z-index:20;left:50%;bottom:.4rem;width:10rem;margin-left:-5rem;text-align:center;display:grid;gap:.1rem;pointer-events:none}
.deck__tag b{font-family:var(--display);font-weight:400;font-size:1.4rem;color:var(--ac)}
.deck__tag small{font-size:.85rem;opacity:.8}
/* Sin animación (móvil o movimiento reducido): la mano ya abierta */
.deck:not(.is-anim) .deck__b{translate:calc(var(--d)*var(--step)) calc(var(--d)*var(--d)*.7rem);rotate:calc(var(--d)*7deg)}
.deck:not(.is-anim) .deck__tag{translate:calc(var(--d)*var(--step)) 0}
@media (max-width:899px){
  .deck{--step:min(13vw,3.3rem);--h:min(40svh,17rem)}
  .deck__hint{display:none}
  .deck__tag{display:none}
  .deck__stage{height:calc(var(--h) + 3rem)}
  .deck__b{bottom:1rem}
}

/* ---------- Home: carrusel de productos ---------- */
.pcar{position:relative;z-index:3;background:var(--teal-950);color:var(--bone);padding:clamp(4rem,10vh,7rem) 0 clamp(4rem,10vh,7rem);--r:clamp(1.6rem,3.4vw,3.2rem);border-radius:var(--r) var(--r) 0 0;margin-top:calc(var(--r)*-1)}
.pcar__head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(1.6rem,4vh,3rem)}
.pcar__head h2{font-size:clamp(2.4rem,5vw,5rem);line-height:1}
.pcar__ctl{display:flex;gap:.6rem}
.pcar__btn{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 45%,transparent);color:inherit;background:transparent;cursor:pointer;transition:background-color .3s,color .3s,opacity .3s}
.pcar__btn svg{width:1rem;height:1rem}
.pcar__btn:hover:not(:disabled){background:var(--bone);color:var(--teal-950)}
.pcar__btn:disabled{opacity:.3;cursor:default}
.pcar__track{scroll-padding-inline:var(--gut);display:flex;gap:clamp(.7rem,1.4vw,1.2rem);overflow-x:auto;scroll-snap-type:x proximity;padding:0 var(--gut) 1rem;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.pcar__track::-webkit-scrollbar{display:none}
.pcar__track.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.pcar__track:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.pcar__item{flex:0 0 clamp(14rem,24vw,19rem);scroll-snap-align:start}
.pcar__item a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:clamp(25rem,40vw,32rem);padding:1.2rem;border-radius:1.2rem;overflow:hidden;text-decoration:none;color:var(--bone);background:radial-gradient(90% 60% at 50% 38%,color-mix(in srgb,var(--ac) 28%,var(--bg)),var(--bg) 78%)}
.pcar__item img{position:absolute;left:50%;top:6%;height:68%;width:auto;translate:-50% 0;filter:drop-shadow(0 20px 22px rgba(0,0,0,.5));transition:transform .7s var(--ease)}
.pcar__item a:hover img,.pcar__item a:focus-visible img{transform:translateY(-.6rem) rotate(-3deg) scale(1.04)}
.pcar__item a:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.pcar__meta{position:relative;display:grid;gap:.1rem}
.pcar__meta small{font-weight:600;font-size:.8rem;color:var(--ac)}
.pcar__meta b{font-family:var(--display);font-weight:400;font-size:1.5rem;line-height:1.1}
.pcar__meta span{font-size:.88rem;opacity:.75}
@media (max-width:899px){.pcar__item{flex-basis:68vw}.pcar__ctl{display:none}}
.deck{padding-bottom:clamp(3.4rem,5vw,4.4rem)}

/* ---------- Ajustes responsivos (celular) ---------- */
@media (max-width:899px){
  /* Baraja del Home: sin hueco vacío entre el título y las botellas */
  .deck{min-height:0;padding-top:clamp(4rem,10vh,5.5rem);padding-bottom:3.6rem}
  .deck__stage{margin-top:1.4rem}
  /* Las cinco cervezas de la tarjeta Naipe caben en el ancho de la pantalla */
  .card--naipe .shelf img{height:min(30svh,40vw)}
  .card--naipe .shelf{padding-inline:.4rem}
}
@media (max-width:899px){
  .foot__nav .is-inactive,.foot__social .is-inactive{display:inline-block;padding:.5rem 0}
  /* Dentro de la cervecería: las dos fotos grandes ocupan todo el ancho y las otras dos van lado a lado */
  .nx-in__grid .a,.nx-in__grid .b{grid-column:1/-1}
  .nx-in__grid .a{grid-row:auto}
}
@media (max-width:899px){
  /* Mexia Mixology: el texto va sobre un velo más oscuro para leerse sobre las latas */
  .mx-mix__veil{background:linear-gradient(0deg,rgba(13,13,18,.96) 0%,rgba(13,13,18,.88) 55%,rgba(13,13,18,.5))}
}
@media (max-width:899px){
  /* Contacto: la columna se encoge al ancho de la pantalla y el formulario pasa a una columna */
  .contact__grid,.hct__grid{grid-template-columns:minmax(0,1fr)}
  .form{grid-template-columns:minmax(0,1fr)}
  .field input,.field textarea{min-width:0}
}
@media (max-width:899px){
  .contact__copy,.ct-page__ways,.hct__ways{min-width:0;width:100%}
  .hct__way{gap:.9rem;padding-inline:0}
  .hct__way span:nth-child(2){min-width:0;font-size:clamp(.95rem,4.5vw,1.4rem);overflow-wrap:anywhere}
  .ct-page__dist{max-width:none}
}