:root{--ink:#19130f;--cream:#f3eadc;--paper:#fbf6ee;--copper:#a94e2e;--gold:#d6a85e;--muted:#73665d;--line:rgba(45,32,24,.15);--shadow:0 24px 70px rgba(25,14,8,.18);--scroll:0px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.6}body.no-scroll{overflow:hidden}button,input,textarea{font:inherit}button,a{transition:.25s ease}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,80px);color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:600 1.5rem/1 'Cormorant Garamond',serif}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.18em}.brand small{font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;opacity:.75}.site-header nav{display:flex;gap:34px;font-size:.84rem}.site-header nav a:hover{color:var(--gold)}.cart-trigger{border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(0,0,0,.15);color:#fff;padding:11px 17px;cursor:pointer}.cart-trigger span{margin-left:7px;color:var(--gold);font-weight:700}.hero{position:relative;min-height:92vh;display:grid;align-items:center;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,6,.88) 0%,rgba(10,8,6,.53) 48%,rgba(10,8,6,.12) 78%),url('../img/hero-huantay.png') center/cover no-repeat;transform:scale(1.06) translateY(calc(var(--scroll) * .08));will-change:transform}.hero:after{content:"";position:absolute;inset:auto 0 0;height:20%;background:linear-gradient(transparent,rgba(0,0,0,.35))}.hero-copy{position:relative;z-index:2;width:min(670px,85vw);margin-left:clamp(20px,10vw,170px);padding-top:80px}.eyebrow{margin:0 0 15px;color:var(--copper);font-size:.73rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero .eyebrow{color:var(--gold)}h1,h2,h3,blockquote{font-family:'Cormorant Garamond',Georgia,serif}.hero h1{margin:0;font-size:clamp(3.5rem,7vw,7.4rem);font-weight:500;line-height:.87;letter-spacing:-.045em}.hero h1 em{display:block;color:var(--gold);font-weight:500}.hero-copy>p:not(.eyebrow){max-width:550px;margin:28px 0 35px;color:rgba(255,255,255,.78);font-size:1.05rem}.primary-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:2px;padding:0 25px;font-weight:700;cursor:pointer}.primary-btn{border:1px solid var(--copper);background:var(--copper);color:#fff}.primary-btn:hover{background:#8e3c22;transform:translateY(-2px)}.primary-btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.outline-btn{border:1px solid var(--ink);background:transparent;color:var(--ink)}.outline-btn:hover{background:var(--ink);color:#fff}.wide{width:100%}.scroll-note{position:absolute;z-index:3;left:clamp(20px,5vw,80px);bottom:36px;display:flex;align-items:center;gap:12px;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;opacity:.65}.scroll-note span{display:block;width:45px;height:1px;background:#fff}.intro{width:min(800px,88vw);margin:0 auto;padding:120px 0;text-align:center}.intro h2,.section-heading h2,.builder-copy h2{margin:0;font-size:clamp(2.8rem,5vw,5rem);font-weight:600;line-height:.98}.intro>p:last-child{max-width:680px;margin:28px auto 0;color:var(--muted);font-size:1.05rem}.styles-section{padding:0 clamp(20px,5vw,80px) 120px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading p:last-child{max-width:390px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{position:relative;min-height:500px;padding:34px 28px;background:#ece0d0;overflow:hidden;transition:transform .45s ease,box-shadow .45s ease;transition-delay:var(--delay)}.product-card:nth-child(even){background:#e4d3bf}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.product-number{position:absolute;top:22px;right:24px;color:rgba(25,19,15,.25);font:600 1rem 'Cormorant Garamond',serif}.beer-orbit{height:165px;display:grid;place-items:center}.beer-orbit:before{content:"";position:absolute;width:128px;height:128px;border:1px solid rgba(25,19,15,.11);border-radius:50%;transition:.6s ease}.beer-orbit span{display:block;width:65px;height:110px;border-radius:48% 48% 40% 40%;background:linear-gradient(145deg,rgba(255,255,255,.58),transparent 30%),var(--beer);filter:drop-shadow(0 18px 18px rgba(50,25,10,.24));clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);transition:.6s cubic-bezier(.2,.8,.2,1)}.product-card:hover .beer-orbit span{transform:rotate(6deg) translateY(-9px)}.product-card:hover .beer-orbit:before{transform:scale(1.18) rotate(35deg)}.style-note{color:var(--copper);font-size:.69rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.product-card h3{margin:4px 0 9px;font-size:2.3rem;line-height:1}.product-card>p:not(.style-note){color:var(--muted);font-size:.9rem}.product-footer{position:absolute;left:28px;right:28px;bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:20px}.product-footer small,.product-footer strong{display:block}.product-footer small{font-size:.7rem;color:var(--muted);text-transform:uppercase}.product-footer strong{font-size:1.1rem}.box-builder{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,120px);padding:120px clamp(20px,10vw,170px);background:var(--ink);color:#fff}.builder-copy{align-self:center}.builder-copy .eyebrow{color:var(--gold)}.builder-copy>p:not(.eyebrow){margin:24px 0;color:rgba(255,255,255,.63)}.box-progress{height:4px;margin:38px 0 12px;background:rgba(255,255,255,.13)}.box-progress span{display:block;width:0;height:100%;background:var(--gold);transition:.35s ease}.builder-copy>strong{font-size:.8rem;color:var(--gold)}.builder-list{background:#251c17;border:1px solid rgba(255,255,255,.08);padding:14px 28px 28px}.builder-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.1)}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--beer);box-shadow:0 0 0 5px color-mix(in srgb,var(--beer) 20%,transparent)}.builder-row h3{margin:0;font-size:1.35rem}.builder-row small{color:rgba(255,255,255,.5)}.stepper{display:grid;grid-template-columns:36px 38px 36px;align-items:center;text-align:center;border:1px solid rgba(255,255,255,.2)}.stepper button{height:36px;border:0;background:transparent;color:#fff;font-size:1.3rem;cursor:pointer}.stepper button:hover{background:rgba(255,255,255,.1)}.builder-list>.primary-btn{margin-top:28px}.closing{padding:130px 20px;text-align:center;background:#efe4d5}.closing blockquote{max-width:950px;margin:0 auto;font-size:clamp(2.5rem,5vw,5rem);font-weight:500;line-height:1.02}.cart-panel{position:fixed;z-index:30;top:0;right:0;width:min(520px,100%);height:100dvh;padding:48px 42px;overflow-y:auto;background:var(--paper);box-shadow:-25px 0 70px rgba(0,0,0,.25);transform:translateX(105%);transition:.4s cubic-bezier(.2,.75,.2,1)}.cart-panel.open{transform:translateX(0)}.close-cart{position:absolute;top:20px;right:25px;border:0;background:transparent;font-size:2rem;cursor:pointer}.cart-panel h2{margin:0 0 25px;font-size:2.8rem;line-height:1}.cart-lines{border-top:1px solid var(--line)}.cart-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.cart-line small,.cart-line strong{display:block}.cart-line small{color:var(--muted)}.empty-cart{padding:25px 0;color:var(--muted)}.cart-total{display:flex;justify-content:space-between;margin:22px 0 32px;font-size:1.1rem}.cart-total strong{font-size:1.4rem}.cart-panel form h3{font-size:1.45rem}.cart-panel label{display:block;margin:15px 0;color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.cart-panel input,.cart-panel textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:2px;background:#fff;padding:12px;color:var(--ink);text-transform:none}.cart-panel fieldset{margin:20px 0;border:1px solid var(--line)}.cart-panel legend{padding:0 8px;font-size:.78rem;font-weight:700}.cart-panel .radio{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-size:.86rem}.cart-panel .radio input{width:auto;margin:0}.form-message{color:#a43e2c;font-size:.85rem}.overlay{position:fixed;z-index:20;inset:0;background:rgba(10,7,5,.66);opacity:0;visibility:hidden;transition:.3s}.overlay.show{opacity:1;visibility:visible}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.site-header nav{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.box-builder{grid-template-columns:1fr}.builder-copy{max-width:650px}}
@media(max-width:650px){.site-header{padding:16px 18px}.brand small{display:none}.brand-mark{width:36px;height:36px}.cart-trigger{padding:9px 12px}.hero{min-height:820px}.hero-bg{background-position:64% center}.hero-copy{align-self:end;margin:0 22px;padding:0 0 120px}.hero h1{font-size:clamp(3.4rem,15vw,5rem)}.scroll-note{bottom:25px}.intro{padding:90px 0}.section-heading{display:block}.styles-section{padding-bottom:80px}.product-grid{grid-template-columns:1fr}.product-card{min-height:440px}.box-builder{padding:85px 20px}.builder-list{padding:10px 18px 22px}.builder-row{gap:12px}.builder-row h3{font-size:1.15rem}.stepper{grid-template-columns:32px 32px 32px}.closing{padding:90px 20px}.cart-panel{padding:45px 24px}.cart-panel h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-bg{transform:none}.reveal{opacity:1;transform:none}}
.payment-result{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(rgba(18,12,8,.78),rgba(18,12,8,.9)),url('../img/hero-huantay.png') center/cover;color:#fff;text-align:center}.payment-result>div{max-width:720px}.payment-result h1{font-size:clamp(3rem,8vw,6.5rem);line-height:.9;margin:0}.payment-result p:not(.eyebrow){margin:28px auto;color:rgba(255,255,255,.75);font-size:1.1rem}
.beer-orbit span{width:100px;height:100px;border-radius:50%;clip-path:none;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.7),transparent 17%),var(--beer)}
[hidden]{display:none!important}
.cart-box{padding:22px 0;border-bottom:1px solid var(--line)}
.cart-box-heading,.cart-box-actions,.cart-summary>div{display:flex;justify-content:space-between;align-items:center;gap:14px}
.cart-box-heading{align-items:start}.cart-box-heading strong:last-child{white-space:nowrap}
.cart-box p{margin:8px 0;overflow-wrap:anywhere;font-size:.95rem}.cart-box small{color:var(--muted);font-size:.875rem}
.cart-box-actions{margin-top:14px}.cart-box .stepper{border-color:var(--line)}.cart-box .stepper button{color:var(--ink);min-height:44px}.cart-box .stepper button:hover{background:var(--cream)}
.remove-box{border:0;background:transparent;text-decoration:underline;color:var(--copper);cursor:pointer;min-height:44px}
button:disabled{opacity:.4;cursor:not-allowed}.cart-summary{margin:25px 0;border-bottom:1px solid var(--line)}.cart-summary>div{margin:12px 0}.cart-summary .cart-total{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}
#continueShopping{margin-top:20px}.cart-notice{position:fixed;z-index:40;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;padding:16px 24px;background:var(--ink);color:var(--cream);border:1px solid var(--gold);box-shadow:var(--shadow);border-radius:4px;font-size:1rem}
#draftPrice{color:var(--gold);font-weight:700;margin:22px 0 0}.cart-panel label,.cart-panel legend{font-size:.875rem}.cart-panel .radio{font-size:1rem}.product-footer{flex-wrap:wrap}.cart-trigger{position:fixed;right:clamp(18px,5vw,80px);top:22px;background:var(--ink);z-index:12}
@media(max-width:650px){.cart-trigger{top:16px}.cart-box-heading{flex-wrap:wrap}}
.site-header nav{margin-right:180px}
.huantay-word{font-family:'Germania One',cursive!important;font-weight:400!important;letter-spacing:.06em;text-transform:uppercase}

/* Botellas reales y datos de cada estilo */
.product-card{min-height:680px;padding-top:26px}
.beer-orbit{position:relative;height:315px;display:flex;align-items:flex-end;justify-content:center;margin:-6px 0 14px}
.beer-orbit:before{width:220px;height:220px;background:rgba(255,255,255,.16);border-color:rgba(25,19,15,.08)}
.product-bottle{position:relative;z-index:1;display:block;width:auto;height:310px;max-width:92%;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(45,24,12,.24));transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s ease}
.product-card:hover .product-bottle{transform:translateY(-10px) rotate(1.5deg) scale(1.025);filter:drop-shadow(0 30px 24px rgba(45,24,12,.3))}
.beer-metrics{display:flex;gap:8px;margin:14px 0 12px}
.beer-metrics>div{min-width:74px;padding:8px 12px;border:1px solid rgba(25,19,15,.13);background:rgba(255,255,255,.23)}
.beer-metrics small,.beer-metrics strong{display:block;line-height:1.15}
.beer-metrics small{margin-bottom:4px;color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.14em}
.beer-metrics strong{font:700 1.05rem Manrope,Arial,sans-serif}
@media(max-width:1050px){.product-card{min-height:650px}.product-bottle{height:300px}}
@media(max-width:650px){.product-card{min-height:690px}.beer-orbit{height:350px}.product-bottle{height:345px}.beer-orbit:before{width:245px;height:245px}}

/* Contacto y aclaración de envíos */
.contact-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:clamp(40px,8vw,120px);padding:100px clamp(20px,10vw,170px);background:#f8f1e7;border-top:1px solid var(--line)}
.contact-copy h2{max-width:650px;margin:0;font-size:clamp(2.6rem,4.5vw,4.8rem);font-weight:600;line-height:.98}
.contact-copy>p:last-child{max-width:590px;margin:24px 0 0;color:var(--muted)}
.contact-links{display:grid;gap:12px}
.contact-links a{display:block;padding:22px 24px;border:1px solid var(--line);background:rgba(255,255,255,.65);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.contact-links a:hover{transform:translateY(-3px);border-color:var(--copper);background:#fff}
.contact-links small,.contact-links strong{display:block}
.contact-links small{margin-bottom:5px;color:var(--copper);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.contact-links strong{font-size:clamp(.95rem,2vw,1.2rem);overflow-wrap:anywhere}
.shipping-note{margin:14px 4px 4px;color:var(--muted);font-size:.82rem;line-height:1.55;text-transform:none}
.shipping-note a{color:var(--copper);font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media(max-width:850px){.contact-section{grid-template-columns:1fr;padding:80px 22px}.contact-links{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.contact-links{grid-template-columns:1fr}.shipping-note{font-size:.78rem}}

/* Disponibilidad de productos */
.product-card{min-height:725px}
.stock-status{margin:12px 0 4px!important;padding:8px 10px;border-left:3px solid var(--gold);background:rgba(255,255,255,.3);color:#645445!important;font-size:.72rem!important;font-weight:700;line-height:1.35}
.stock-status.low{border-color:#bd7b27;color:#8a5619!important}
.stock-status.out{border-color:#a43e36;background:rgba(164,62,54,.08);color:#8b302a!important}
.builder-stock{color:rgba(255,255,255,.72);font-weight:700}
.builder-stock.low{color:#e7b668}
.builder-stock.out{color:#e2948e}
.add-full-box:disabled{border-color:rgba(25,19,15,.22);background:rgba(255,255,255,.16);color:rgba(25,19,15,.48)}
@media(max-width:1050px){.product-card{min-height:700px}}
@media(max-width:650px){.product-card{min-height:740px}}