:root{--ink:#151411;--ink2:#211e19;--paper:#f0e9db;--paper2:#e8ddcb;--white:#fff6e6;--copper:#b9986c;--light-copper:#dfc4a1;--muted:#aea18e;--line:rgba(255,243,220,.18);--sans:'DM Sans','Manrope',system-ui,sans-serif;--serif:'Playfair Display',Georgia,serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #eab975;outline-offset:4px}.skip-link{position:absolute;z-index:300;top:-65px;left:12px;background:white;color:black;padding:12px}.skip-link:focus{top:12px}.container{width:min(1320px,calc(100% - 112px));margin-inline:auto}.scroll-progress{position:fixed;z-index:99;height:2px;inset:0 0 auto;background:transparent;pointer-events:none}.scroll-progress span{display:block;height:100%;width:0;background:var(--copper)}.demo-banner{min-height:30px;background:#3b2a1d;color:#e7d5bf;text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;padding:6px 14px;font-size:9px;letter-spacing:.15em;font-weight:700;position:relative;z-index:65}.demo-glow{width:6px;height:6px;border-radius:50%;background:#dfb877;box-shadow:0 0 9px #dfb877}.banner-divider{opacity:.4}.site-header{height:89px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:70;top:30px;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.18)}.wordmark{font-size:29px;font-family:var(--serif);line-height:.88;letter-spacing:-.08em;display:inline-flex;align-items:center;gap:10px;font-weight:600}.wordmark>span:last-child{display:flex;flex-direction:column}.wordmark-dot{color:#d3ae7b;display:inline}.wordmark small{font:700 8px var(--sans);letter-spacing:.23em;margin-top:8px;color:#f3e5ce}.brand-symbol{font:400 24px var(--serif);color:var(--copper)}.desktop-nav{display:flex;align-items:center;gap:42px}.desktop-nav a{color:rgba(255,246,230,.84);font-size:11px;letter-spacing:.055em;transition:color .2s}.desktop-nav a:hover{color:var(--light-copper)}.header-actions{display:flex;align-items:center;gap:16px}.header-cta{border:1px solid rgba(255,255,255,.55);border-radius:50px;padding:12px 17px;font-size:11px;display:flex;gap:25px;align-items:center;transition:background .2s,color .2s}.header-cta:hover{background:var(--paper);color:var(--ink)}.nav-trigger{display:none;background:none;border:0;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:6px}.nav-trigger span{display:block;width:24px;height:1px;background:var(--paper)}.mobile-nav{position:absolute;left:0;right:0;top:100%;background:#211b15;padding:18px 6% 24px;border-bottom:1px solid var(--line);box-shadow:0 24px 40px #0c090899}.mobile-nav:not([hidden]){display:grid;gap:0}.mobile-nav a{padding:15px 3px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:23px}.hero{min-height:min(900px,calc(100svh - 30px));height:730px;position:relative;isolation:isolate;background:#1f1b15;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('assets/interior.webp') 55% 45% /cover no-repeat;transform:scale(1.015);animation:heroZoom 2.5s cubic-bezier(.2,.8,.3,1) both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,5,.88) 0%,rgba(7,6,5,.76) 33%,rgba(7,6,5,.42) 67%,rgba(7,6,5,.22) 100%),linear-gradient(0deg,#0e0d0b 0%,transparent 24%,rgba(0,0,0,.18) 83%)}.hero-inner{height:100%;position:relative;display:flex;align-items:center}.hero-copy{padding-top:68px;max-width:880px}.eyebrow,.kicker,.quote-tiny,.drawer-eyebrow{letter-spacing:.21em;font-size:10px;font-weight:700}.hero-eyebrow{display:flex;align-items:center;gap:16px;color:#ecdec8;margin-bottom:26px}.eyebrow-line{width:32px;height:1px;background:var(--copper)}.eyebrow-line-short{width:8px;height:1px;background:var(--copper);margin-left:4px}.hero h1{font:400 clamp(63px,7.6vw,118px)/1.045 var(--serif);letter-spacing:-.057em;margin:0 0 25px;max-width:1020px;text-wrap:balance}.hero h1 em,.essence h2 em,.quote-band em,.menu-heading h2 em,.experience h2 em,.closing h2 em,.drawer-head h2 em{font-weight:400;color:var(--light-copper)}.hero-copy>p{font-size:14px;line-height:1.9;max-width:400px;color:#e1d5c2;margin:0 0 32px}.hero-buttons{display:flex;align-items:center;gap:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:none;padding:16px 21px;font-size:11px;font-weight:700;letter-spacing:.045em;white-space:nowrap;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-2px)}.button-cream{background:var(--paper);color:#151411;min-width:178px}.button-cream:hover{background:white}.text-link{font-size:11px;font-weight:600;display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid #e9d3b779;padding-bottom:9px}.text-link span{font-size:15px}.hero-side{position:absolute;right:0;top:45%;writing-mode:vertical-rl;display:flex;align-items:center;gap:17px;font-size:9px;letter-spacing:.2em;color:#e0d1b9}.hero-side-line{height:60px;width:1px;background:var(--copper)}.hero-bottom{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.21em;font-weight:700}.small-dot{color:var(--copper);padding:0 10px}.scroll-next{display:flex;gap:18px;align-items:center}.scroll-next span{font-size:21px}.marquee{background:#bf9b6b;color:#23190f;height:49px;overflow:hidden;display:flex;align-items:center;font-weight:700;letter-spacing:.14em;font-size:12px;white-space:nowrap}.marquee-track{width:max-content;animation:marquee 29s linear infinite}.marquee-track span{font-size:16px;vertical-align:middle;padding:0 25px}.section-space{padding-block:130px}.essence{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(60px,8vw,130px);align-items:center}.essence-image{position:relative;max-width:510px}.essence-image img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.86) contrast(1.03)}.image-stamp{position:absolute;right:-51px;bottom:-49px;background:var(--paper2);color:#48301f;width:136px;height:136px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-12deg);box-shadow:0 15px 60px #05040366}.image-stamp span{font-size:9px;letter-spacing:.16em}.image-stamp strong{font-family:var(--serif);font-style:italic;font-size:19px;margin:4px 0;font-weight:400}.kicker{display:flex;gap:17px;align-items:center;color:var(--copper);white-space:nowrap}.kicker-line{height:1px;width:49px;background:var(--copper);opacity:.6}.essence h2,.menu-heading h2,.experience h2,.closing h2{font:400 clamp(47px,5.4vw,82px)/1.13 var(--serif);letter-spacing:-.06em;margin:28px 0}.essence p{line-height:2.05;font-size:14px;max-width:470px;color:#c9bdab;margin:0 0 16px}.signature{display:flex;gap:25px;align-items:center;margin-top:38px;padding-top:25px;border-top:1px solid var(--line)}.signature-stroke{font:italic 54px var(--serif);color:var(--copper)}.signature span:last-child{letter-spacing:.15em;color:var(--muted);line-height:2;font-size:9px}.quote-band{background:#201b16;padding:105px 0 110px;position:relative;overflow:hidden}.quote-band:before{content:'✳';position:absolute;right:-50px;top:-160px;font:500 460px var(--serif);color:#8e654112;pointer-events:none}.quote-band .container{position:relative}.quote-tiny{color:#bda989}.quote-band p{font:400 clamp(52px,7.4vw,109px)/1.16 var(--serif);letter-spacing:-.07em;margin:32px 0 0}.quote-period{color:#bc9564}.quote-number{display:block;margin-top:30px;color:#bda989;font:700 9px var(--sans);letter-spacing:.16em;text-align:right}.menu-section{background:var(--paper);color:var(--ink)}.menu-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.menu-heading .kicker{color:#8c6b47}.menu-heading .kicker-line{background:#8c6b47}.menu-heading h2{margin-bottom:0}.menu-heading h2 em{color:#9f734c}.menu-heading>p{max-width:305px;line-height:1.9;color:#665e52;font-size:14px;margin-bottom:5px}.menu-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-block:1px solid #c7bcae}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter{background:transparent;color:#51493e;border:1px solid transparent;border-radius:100px;padding:11px 17px;font-size:11px;font-weight:700}.filter.active,.filter:hover{border-color:#695340;background:#302920;color:#f8eee0}.mode-panel{display:flex;align-items:center;gap:12px}.mode-panel>span{letter-spacing:.15em;font-size:9px;color:#6f6456;font-weight:700;white-space:nowrap}.mode-switch{border:1px solid #c1b3a2;border-radius:50px;display:flex;padding:4px;white-space:nowrap}.mode-option{border:0;background:transparent;border-radius:50px;padding:10px 12px;font-weight:700;font-size:10px;color:#695e50}.mode-option.active{background:#a77c52;color:#fffaf2}.mode-note{font-size:11px;color:#766c5e;margin:17px 0 32px;min-height:16px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product{position:relative;min-width:0;display:flex;flex-direction:column}.product-media{position:relative;overflow:hidden;background:#b7a58d;aspect-ratio:1.1/1}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.3,1),filter .3s;filter:saturate(.85)}.product:hover .product-media img{transform:scale(1.05);filter:saturate(1)}.product-index{position:absolute;left:17px;top:17px;color:#fff8ed;font:700 10px var(--sans);letter-spacing:.1em;background:#18120eaa;padding:9px 12px}.product-body{display:flex;flex-direction:column;flex:1;padding:22px 0 13px;border-bottom:1px solid #c6b9a8}.product-category{color:#8f7051;font-size:9px;letter-spacing:.15em;font-weight:700;text-transform:uppercase}.product-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:11px 0}.product h3{font:400 clamp(21px,2vw,29px)/1.3 var(--serif);margin:0;letter-spacing:-.035em}.product-price{font-weight:700;font-size:13px;white-space:nowrap}.product-desc{font-size:12px;color:#736758;line-height:1.8;margin:0 0 10px}.add-button{margin-top:auto;align-self:stretch;border:1px solid #382f25;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:13px 15px;color:#2f2921;font-size:11px;font-weight:700;transition:background .2s,color .2s}.add-button:hover{background:#29231c;color:white}.add-button[hidden]{display:none}.menu-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:28px;font:700 9px var(--sans);letter-spacing:.16em;color:#8a7b68}.experience{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:#241e18}.experience-visual{position:relative;min-height:650px}.experience-visual img{position:absolute;inset:0;height:100%;object-fit:cover;filter:saturate(.8)}.experience-tag{position:absolute;bottom:30px;left:38px;background:var(--paper);color:#40362c;padding:13px 18px;font-size:9px;letter-spacing:.1em;font-weight:700}.experience-text{padding:clamp(55px,8vw,130px);display:flex;flex-direction:column;align-items:start;justify-content:center}.experience h2{font-size:clamp(46px,4.6vw,78px);max-width:600px}.experience p{color:#c6b8a3;line-height:1.95;font-size:14px;max-width:500px;margin:0 0 30px}.outline-link{border:1px solid #b19a7e;padding:16px 19px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:32px;transition:background .2s}.outline-link:hover{background:#e9dcc3;color:#1c1714}.closing{background:#161512}.closing-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.closing h2{font-size:clamp(53px,6vw,90px)}.closing p{max-width:400px;font-size:14px;color:#c3b5a2;line-height:1.9}.closing-label{display:block;margin-top:44px;font-size:9px;letter-spacing:.16em;color:#b8a184;font-weight:700}.closing-photo{position:relative;max-width:460px;justify-self:end}.closing-photo img{aspect-ratio:4/4.4;object-fit:cover}.closing-photo-note{position:absolute;bottom:-23px;left:-30px;background:#b6946c;color:#231b12;padding:15px 18px;letter-spacing:.12em;font-weight:700;font-size:9px;display:flex;gap:25px;align-items:center}.closing-photo-note span{font-size:20px}.site-footer{background:#10100e;border-top:1px solid var(--line)}.footer-inner{padding:58px 0 45px;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:30px}.footer-logo{font:400 47px/1 var(--serif)}.footer-logo span{color:var(--copper)}.footer-center{font-size:10px;line-height:1.9;color:#b2a490;max-width:310px;letter-spacing:.09em}.footer-credit{font-size:10px;text-align:right;letter-spacing:.07em}.footer-credit strong{color:#dcba92;letter-spacing:.11em}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:22px 0 29px;font-size:9px;font-weight:700;letter-spacing:.14em;color:#9f907b}
/* Modo con pedidos: interacción de laboratorio, sin conexión comercial */
[hidden]{display:none!important}.floating-cart{position:fixed;right:23px;bottom:24px;z-index:60;background:#d3b38a;color:#20170e;box-shadow:0 15px 42px #09080575;border:0;border-radius:50%;width:58px;height:58px;font-size:25px;display:grid;place-items:center}.floating-count{position:absolute;right:-4px;top:-7px;background:#24201a;color:white;border-radius:50%;font:700 11px var(--sans);height:23px;min-width:23px;display:grid;place-items:center}.bottom-cart{display:none}.drawer-backdrop{position:fixed;inset:0;background:#0c0b0bbd;z-index:99}.cart-drawer{position:fixed;z-index:100;right:0;top:0;bottom:0;max-width:450px;width:100%;background:#f0e9db;color:#221e17;box-shadow:-12px 0 75px #0005;transform:translateX(104%);transition:transform .35s ease;display:flex;flex-direction:column;padding:26px 28px;visibility:hidden}.cart-drawer.open{transform:translateX(0);visibility:visible}.drawer-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.drawer-eyebrow{font-size:9px;color:#8b6c49}.drawer-head h2{font:400 36px/1.2 var(--serif);margin:6px 0 18px;letter-spacing:-.04em}.drawer-head h2 em{color:#9f794f}.icon-button{border:1px solid #afa493;background:transparent;width:40px;height:40px;border-radius:50%;font-size:25px;line-height:1}.demo-alert{font-size:10px;line-height:1.6;background:#e0d3c3;border-left:3px solid #987144;padding:10px 12px;color:#5b422d;font-weight:700}.cart-list{flex:1;overflow-y:auto;min-height:0;padding:15px 0}.cart-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #d0c2af}.cart-item img{width:70px;height:77px;object-fit:cover}.cart-item-main{flex:1;min-width:0}.cart-item-main strong{font:400 19px/1.2 var(--serif)}.cart-item-main p{font-size:11px;color:#736654;margin:6px 0}.cart-item-actions{display:flex;align-items:center;gap:14px}.stepper{display:flex;align-items:center;border:1px solid #beb19f}.stepper button{background:transparent;border:0;width:30px;height:30px;display:grid;place-items:center;font-weight:700}.stepper span{min-width:18px;text-align:center;font-size:12px}.remove{background:transparent;border:0;text-decoration:underline;font-size:10px;color:#80532d}.cart-subtotal{font-size:12px;white-space:nowrap;font-weight:700}.cart-empty{font:italic 22px/1.5 var(--serif);color:#74634d;text-align:center;padding:50px 15px}.drawer-bottom{padding-top:12px;border-top:1px solid #cbbca7;max-height:55%;overflow-y:auto}.totals{display:flex;justify-content:space-between;gap:15px;font-size:12px;align-items:center}.totals strong{font-size:23px}.drawer-bottom>p{font-size:10px;color:#665b4e;line-height:1.7}.button-dark{background:#25211a;color:#f9eee0}.button-dark:disabled{opacity:.5;cursor:not-allowed;transform:none}.drawer-submit{width:100%;margin-top:10px}.back-cart{padding:13px 0;background:transparent;border:0;color:#5f442f;text-decoration:underline;font-size:12px}.checkout-preview{border-top:1px solid #cfbeaa;padding-top:17px;margin-top:12px}.fulfilment-heading{font-size:13px;font-weight:700}.checkout-preview fieldset{margin:12px 0 16px;padding:0;border:0;display:grid;gap:11px}.checkout-preview legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.checkout-preview label{font-size:12px;display:flex;align-items:center;gap:7px}.summary-preview{white-space:pre-wrap;font-size:11px;line-height:1.7;max-height:200px;overflow:auto;background:#e4dacb;padding:13px;word-break:break-word}.button-outline-dark{width:100%;margin-top:14px;color:#2a2118;background:transparent;border:1px solid #352a20}.checkout-preview #copyResult{font-size:11px;color:#615033}
[data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.15,.65,.25,1)}[data-reveal].visible{opacity:1;transform:translateY(0)}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes heroZoom{from{transform:scale(1.075);opacity:.55}to{transform:scale(1.015);opacity:1}}
@media(max-width:1080px){.container{width:min(100% - 72px,1320px)}.desktop-nav{gap:21px}.site-header{padding-inline:35px}.essence{gap:66px}.experience-text{padding:55px}.menu-controls{align-items:start;flex-direction:column;gap:17px}}
@media(max-width:760px){.container{width:calc(100% - 42px)}.demo-banner{font-size:8px;letter-spacing:.08em;min-height:33px}.banner-divider{display:none}.site-header{top:33px;height:75px;padding-inline:20px}.wordmark{font-size:28px}.desktop-nav,.header-cta{display:none}.nav-trigger{display:flex}.hero{height:min(850px,calc(100svh - 33px));min-height:650px}.hero-photo{background-position:59% center}.hero-shade{background:linear-gradient(90deg,rgba(9,8,6,.84),rgba(9,8,6,.32)),linear-gradient(0deg,#12100e 0%,transparent 32%)}.hero-copy{padding:100px 0 15px}.hero h1{font-size:clamp(52px,11vw,84px);letter-spacing:-.065em}.hero-copy>p{font-size:13px;max-width:335px}.hero-eyebrow{font-size:8px;gap:10px;letter-spacing:.15em;flex-wrap:wrap}.hero-buttons{align-items:start;flex-direction:column;gap:24px}.hero-side{display:none}.hero-bottom{bottom:22px;font-size:8px}.scroll-next{gap:8px}.scroll-next span{font-size:17px}.section-space{padding-block:80px}.essence{grid-template-columns:1fr;gap:60px}.essence-image{width:83%;margin-inline:auto}.image-stamp{right:-24px;bottom:-26px;width:102px;height:102px}.image-stamp strong{font-size:14px}.image-stamp span{font-size:7px}.essence h2,.menu-heading h2,.experience h2,.closing h2{font-size:clamp(42px,9vw,67px)}.quote-band{padding:84px 0}.quote-band p{font-size:clamp(46px,9vw,79px)}.menu-heading{display:block;margin-bottom:27px}.menu-heading>p{margin-top:17px}.menu-controls{padding-block:16px}.filter-group{gap:4px}.filter{padding:9px 12px;font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.product-media{aspect-ratio:3/3.8}.product-body{padding-top:14px}.product-title-row{display:block}.product h3{font-size:22px}.product-price{display:block;margin-top:9px}.product-desc{font-size:11px}.experience{grid-template-columns:1fr}.experience-visual{min-height:380px}.experience-text{padding:70px 23px 83px}.closing-grid{grid-template-columns:1fr;gap:55px}.closing-photo{width:86%;justify-self:center}.footer-inner{grid-template-columns:1fr 1fr;gap:18px}.footer-logo{grid-column:1}.footer-center{grid-column:1 / -1;grid-row:2}.footer-credit{grid-column:2;grid-row:1}.bottom-cart:not([hidden]){position:fixed;bottom:0;left:0;right:0;z-index:55;background:#e9ddcb;color:#2b2116;border-top:1px solid #b9a894;padding:12px 18px max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 -10px 25px #0003}.bottom-cart div{display:flex;flex-direction:column;gap:4px;font-size:10px}.bottom-cart strong{font-size:14px}.bottom-cart button{font-size:10px;padding:13px 14px;gap:9px}.floating-cart{display:none!important}.cart-drawer{padding:21px 20px}.drawer-bottom{max-height:58%}}
@media(max-width:420px){.container{width:calc(100% - 34px)}.site-header{padding-inline:17px}.hero h1{font-size:clamp(47px,12vw,58px)}.hero-buttons .text-link{font-size:10px}.hero-bottom{letter-spacing:.08em}.scroll-next{font-size:7px}.kicker{font-size:9px}.menu-heading h2{font-size:43px}.mode-panel{flex-direction:column;align-items:start}.product-grid{gap:18px 13px}.product-title-row{margin:9px 0}.product h3{font-size:20px}.product-price{font-size:12px}.product-desc{font-size:10px}.product-index{top:10px;left:10px;font-size:9px;padding:6px 8px}.closing-label{line-height:1.7}.footer-inner{padding-top:40px}.footer-bottom{line-height:1.9;flex-wrap:wrap}.section-space{padding-block:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo,.marquee-track{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

.demo-banner-short{display:none}@media(max-width:760px){.demo-banner-long{display:none}.demo-banner-short{display:inline;white-space:nowrap}.demo-banner{min-height:31px;gap:7px;font-size:9px;letter-spacing:.06em}.site-header{top:31px}.demo-banner{position:relative}}

/* V1.1 refinamientos */
.hero-photo{will-change:transform;transition:transform .25s ease-out}
.product{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .75s ease, transform .75s cubic-bezier(.18,.72,.23,1);transition-delay:var(--card-delay,0ms)}
.product.visible-card{opacity:1;transform:translateY(0) scale(1)}
.product-media img{transition:transform .7s ease, filter .45s ease}
.product:hover .product-media img{transform:scale(1.035);filter:saturate(1.04)}
.mode-note{transition:background .25s ease, border-color .25s ease, transform .25s ease}
.mode-note:has(+ .product-grid), .mode-note{background:rgba(233,221,203,.06)}
.preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:0 0 12px}
.preview-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.16em;color:#87694a;margin-bottom:6px}
.preview-step{font:400 34px/1 var(--serif);color:#9e7c55}
.preview-actions{display:grid;gap:10px;margin-top:14px}
.summary-shell{display:grid;gap:12px}
.summary-top{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.summary-chip{background:#eadfce;border:1px solid #cfbda7;padding:12px 13px;display:grid;gap:5px}
.summary-chip span{font-size:10px;letter-spacing:.08em;color:#6b5b4b;text-transform:uppercase}
.summary-chip strong{font:600 16px/1.3 var(--sans);color:#231b12}
.summary-list{display:grid;gap:8px}
.summary-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:#f6efe4;border:1px solid #d8c8b2;padding:12px 13px}
.summary-item div{display:grid;gap:5px}
.summary-item strong{font-size:14px;line-height:1.35}
.summary-item span{font-size:10px;color:#746555}
.summary-total-row{display:flex;justify-content:space-between;align-items:center;background:#29231c;color:#f3eadc;padding:15px 16px;margin-top:4px}
.summary-total-row span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.summary-total-row strong{font-size:22px}
.summary-footnote{font-size:10px;line-height:1.65;color:#675847;background:#e7dccb;border-left:3px solid #8b6843;padding:11px 12px}
.cart-drawer.preview-mode{overflow-y:auto}
.cart-drawer.preview-mode .drawer-bottom{max-height:none;overflow:visible}
.cart-drawer.preview-mode .checkout-preview{padding-bottom:6px}
.cart-drawer.preview-mode .summary-preview{max-height:none;overflow:visible;background:transparent;padding:0;white-space:normal}
.checkout-preview{animation:previewFade .35s ease}
@keyframes previewFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
  .cart-drawer.preview-mode{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .summary-top{grid-template-columns:1fr}
  .summary-item{padding:11px 12px}
  .summary-total-row strong{font-size:20px}
}

/* V1.2 — flujo de pedido más premium */
.drawer-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 12px}
.drawer-step{border:1px solid #d5c6b2;background:#eadfcf;padding:12px 10px;display:grid;gap:6px;transition:.25s ease;min-width:0}
.drawer-step span{font-size:10px;letter-spacing:.14em;color:#7c6246;text-transform:uppercase}
.drawer-step strong{font-size:12px;line-height:1.25;color:#2a2118}
.drawer-step.is-active{background:#262019;color:#f5eadc;border-color:#262019;transform:translateY(-1px)}
.drawer-step.is-active span,.drawer-step.is-active strong{color:#f5eadc}
.drawer-step.is-complete{background:#efe6d8;border-color:#baa588}
.drawer-stage{margin:2px 0 14px;padding:15px 16px;background:linear-gradient(135deg,#efe4d4,#e6d8c2);border:1px solid #cdb89f;display:grid;gap:5px}
.drawer-stage-kicker{font-size:10px;letter-spacing:.15em;color:#7a644c;text-transform:uppercase}
.drawer-stage strong{font:400 24px/1.15 var(--serif);color:#231b12}
.drawer-stage p{margin:0;font-size:12px;line-height:1.6;color:#5f5346}
.cart-list{padding-top:16px}
.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:14px;padding:16px;border:1px solid #d5c7b6;background:#f7f0e5;margin-bottom:12px}
.cart-item img{border-radius:8px}
.cart-item-main p{margin:6px 0 10px}
.cart-item-actions{gap:10px;flex-wrap:wrap}
.stepper{background:#fffaf1;border-color:#c9baa7;border-radius:999px;overflow:hidden}
.stepper button{width:34px;height:34px}
.stepper span{min-width:24px;font-size:12px;font-weight:700}
.remove{font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-underline-offset:3px}
.cart-subtotal-wrap{display:grid;align-content:start;justify-items:end;gap:4px;min-width:72px}
.cart-line-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8a6d4d}
.cart-subtotal{font-size:14px}
.drawer-bottom{display:grid;gap:12px;padding-top:14px}
.totals{background:#f5edde;border:1px solid #d2c2ad;padding:14px 15px}
.totals span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6b5a48}
.totals strong{font-size:28px}
.drawer-bottom>p{margin:0 2px}
.drawer-submit,.back-cart,.button-outline-dark{border-radius:999px}
.back-cart{justify-self:start;padding:4px 0}
.checkout-preview{display:grid;gap:16px;padding-top:18px}
.preview-header{align-items:end}
.preview-kicker{font-size:10px;letter-spacing:.14em}
.preview-step{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#2c241c;color:#f2e8da;font-size:18px}
.fulfilment-heading{font:400 28px/1.1 var(--serif);color:#231b12}
.fulfilment-options{display:grid;gap:10px;margin:0;padding:0;border:0}
.fulfilment-card{position:relative;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:14px 15px;border:1px solid #d1c0a9;background:#f7f1e7;cursor:pointer;transition:.25s ease}
.fulfilment-card input{position:absolute;opacity:0;pointer-events:none}
.fulfilment-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eadcca;color:#36281b;font-size:18px}
.fulfilment-card-copy{display:grid;gap:4px}
.fulfilment-card-copy strong{font-size:15px;color:#241b12}
.fulfilment-card-copy small{font-size:11px;line-height:1.5;color:#695847}
.fulfilment-card.is-selected,.fulfilment-card:has(input:checked){background:#262019;border-color:#262019;box-shadow:0 10px 24px #0d0a0720;transform:translateY(-1px)}
.fulfilment-card.is-selected .fulfilment-card-icon,.fulfilment-card:has(input:checked) .fulfilment-card-icon{background:#d5b48b;color:#1e1711}
.fulfilment-card.is-selected .fulfilment-card-copy strong,.fulfilment-card:has(input:checked) .fulfilment-card-copy strong,
.fulfilment-card.is-selected .fulfilment-card-copy small,.fulfilment-card:has(input:checked) .fulfilment-card-copy small{color:#f4eadc}
.summary-preview{background:transparent;padding:0;max-height:none;overflow:visible}
.summary-shell{gap:14px}
.summary-intro{display:grid;gap:6px;background:linear-gradient(180deg,#f5eddf,#ede1d0);border:1px solid #d0bca3;padding:15px 16px}
.summary-intro-kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8b6c49}
.summary-intro strong{font:400 27px/1.08 var(--serif);color:#211911}
.summary-intro p{margin:0;font-size:12px;line-height:1.65;color:#5f5448}
.summary-top{gap:12px}
.summary-chip{background:#f9f3e9;border:1px solid #d7c6ae;padding:13px 14px}
.summary-chip small{font-size:10px;line-height:1.55;color:#6d5c4d}
.summary-list{gap:9px}
.summary-item{background:#f7f1e7;border:1px solid #dccab3}
.summary-total-row{border:1px solid #2b241d;box-shadow:0 10px 24px #120d0928}
.summary-footnote{font-size:10px;line-height:1.7}
.preview-actions{gap:8px}
#copyResult{margin:0 3px;font-size:11px;line-height:1.5;color:#5f4d3b}
@media(max-width:760px){
  .drawer-steps{gap:8px}
  .drawer-step{padding:10px 8px}
  .drawer-step strong{font-size:11px}
  .drawer-stage{padding:13px 14px}
  .drawer-stage strong{font-size:21px}
  .cart-item{grid-template-columns:62px 1fr;gap:12px;padding:13px}
  .cart-item img{width:62px;height:70px}
  .cart-subtotal-wrap{grid-column:2;justify-items:start}
  .fulfilment-heading{font-size:24px}
  .preview-step{width:48px;height:48px;font-size:16px}
  .summary-intro strong{font-size:24px}
}