:root{--cream:#fff8ed;--paper:#fffdf8;--brown:#512817;--cocoa:#71351e;--line:#ead7c4;--muted:#775f53;--green:#148657;--shadow:0 20px 60px #5128171f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--brown);background:var(--cream);font-family:Heebo,Arial,sans-serif;line-height:1.5}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid #157cab;outline-offset:3px}.skip{position:fixed;top:-100px;right:1rem;z-index:99;padding:.7rem 1rem;color:#fff;background:var(--brown)}.skip:focus{top:0}
header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.65rem max(5vw,1rem);background:#fff8edf2;border-bottom:1px solid #71351e1c;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;color:inherit;font-size:1.2rem;font-weight:800;text-decoration:none}.brand img{width:50px;height:50px;object-fit:cover;border:2px solid var(--brown);border-radius:50%}.cart-link{display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;color:inherit;background:#fff;border:1px solid var(--line);border-radius:99px;cursor:pointer;font-weight:700}.cart-link b{display:grid;place-items:center;min-width:25px;height:25px;color:#fff;background:var(--cocoa);border-radius:99px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:630px;padding:5rem max(8vw,1.2rem);overflow:hidden;background:radial-gradient(circle at 72% 40%,#efd1ad 0 24%,transparent 24.2%),linear-gradient(135deg,#fffaf2,#f1dfca)}.hero>div:first-child{position:relative;z-index:2}.kicker{margin:0 0 .55rem;color:var(--cocoa);font-size:.85rem;font-weight:800;letter-spacing:.08em}h1,h2{margin:0;line-height:1.08}h1{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.055em}h1 em{color:#b45f36;font-style:normal}.lead{max-width:570px;margin:1.5rem 0 2rem;color:var(--muted);font-size:1.18rem}.cta,.whatsapp{display:inline-flex;justify-content:center;padding:.85rem 1.4rem;color:#fff;background:var(--cocoa);border:0;border-radius:14px;box-shadow:0 10px 25px #71351e3d;cursor:pointer;font-weight:800;text-decoration:none}.logo-stage{display:grid;place-items:center}.logo-stage img{width:min(430px,90%);aspect-ratio:1;object-fit:cover;border:10px solid #fff7;filter:drop-shadow(0 25px 28px #51281735);border-radius:50%;transform:rotate(-3deg)}
.products{padding:6rem max(5vw,1rem)}.title{max-width:650px;margin:0 auto 2.5rem;text-align:center}.title h2{font-size:clamp(2rem,5vw,3.5rem)}.title>p:last-child{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1200px;margin:auto}.card{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 28px #5128170d}.visual{display:block;width:100%;height:260px;object-fit:cover}.card-body{display:flex;flex-direction:column;min-height:170px;padding:1.1rem}.card h3{flex:1;margin:0 0 .75rem;font-size:1.1rem}.option-label{display:grid;gap:.25rem;margin:0 0 .85rem;color:var(--muted);font-size:.88rem;font-weight:700}.option-label select{width:100%;padding:.5rem;color:var(--brown);background:#fff;border:1px solid var(--line);border-radius:9px}.card-foot{display:flex;justify-content:space-between;align-items:center}.qty{display:flex;align-items:center;gap:.4rem}.qty button{display:grid;place-items:center;width:36px;height:36px;color:inherit;background:#fff;border:1px solid var(--line);border-radius:50%;cursor:pointer;font-size:1.25rem}.qty output{min-width:20px;text-align:center;font-weight:800}
.order{padding:2rem max(5vw,1rem) 7rem}.panel{max-width:850px;margin:auto;padding:clamp(1.2rem,4vw,3rem);background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.title.small{margin-bottom:2rem}.empty{display:grid;justify-items:center;gap:.25rem;padding:1.5rem;background:#faf0e3;border-radius:16px;font-size:1.1rem}.empty:first-letter{font-size:2rem}.empty a{color:var(--cocoa)}#cart-items{display:grid;gap:.5rem;margin-bottom:1.5rem}.line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.line small{display:block;color:var(--muted)}form{margin-top:2rem}fieldset{margin:0 0 1.5rem;padding:0;border:0}legend{margin-bottom:.7rem;font-weight:800}.choices{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.choices label{display:flex;align-items:center;gap:.7rem;padding:1rem;border:1px solid var(--line);border-radius:15px;cursor:pointer}.choices label:has(input:checked){background:#f6eadc;border-color:var(--cocoa);box-shadow:inset 0 0 0 1px var(--cocoa)}.choices span,.choices small{display:block}.choices small{color:var(--muted)}input[type=radio],input[type=checkbox]{width:19px;height:19px;accent-color:var(--cocoa)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fields label{display:grid;gap:.35rem;font-weight:700}.fields label span{color:var(--muted);font-weight:400}.fields input,.fields textarea{width:100%;padding:.8rem .9rem;color:inherit;background:#fff;border:1px solid #d7c1ad;border-radius:12px}.fields textarea{resize:vertical}.wide{grid-column:1/-1}.totals{display:grid;gap:.45rem;margin:1.5rem 0;padding:1.15rem;background:#faf0e3;border-radius:15px}.totals>div{display:flex;justify-content:space-between}.totals .total{margin-top:.4rem;padding-top:.75rem;border-top:1px solid #d7c1ad;font-size:1.25rem}.bit{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#edf7ff;border-radius:15px}.bit>span{font-size:1.7rem}.bit p{margin:.1rem 0 0;color:#526c80}.consent{display:flex;gap:.7rem;align-items:flex-start;margin:1rem 0;font-size:.92rem}.consent input{flex:0 0 auto}.error{min-height:1.5rem;color:#ad2020;font-weight:700}.whatsapp{width:100%;background:var(--green);font-size:1.06rem}.hidden{display:none!important}
footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem max(5vw,1rem);color:#f9e8d7;background:var(--brown)}footer button{color:inherit;background:none;border:0;text-decoration:underline;cursor:pointer}dialog{width:min(620px,calc(100% - 2rem));padding:2rem;color:var(--brown);background:var(--paper);border:0;border-radius:20px;box-shadow:var(--shadow)}dialog::backdrop{background:#26140fb3}.close{position:absolute;top:.5rem;left:.7rem;background:none;border:0;cursor:pointer;font-size:1.8rem}
.access-toggle{position:fixed;left:1rem;bottom:1rem;z-index:30;display:flex;align-items:center;gap:.45rem;padding:.7rem 1rem;color:#fff;background:#165a8a;border:2px solid #fff;border-radius:99px;box-shadow:0 5px 20px #0004;cursor:pointer;font-weight:800}.access-toggle span:first-child{font-size:1.35rem}.access-panel{position:fixed;left:1rem;bottom:4.8rem;z-index:31;display:grid;grid-template-columns:1fr 1fr;gap:.55rem;width:min(340px,calc(100% - 2rem));padding:1rem;color:var(--brown);background:#fff;border:2px solid #165a8a;border-radius:16px;box-shadow:0 14px 45px #0004}.access-head{display:flex;grid-column:1/-1;justify-content:space-between;align-items:center}.access-head h2{font-size:1.25rem}.access-head button{background:none;border:0;cursor:pointer;font-size:1.7rem}.access-panel>button{padding:.65rem;color:inherit;background:#f5eee7;border:1px solid #d7c1ad;border-radius:10px;cursor:pointer;font-weight:700}.access-panel>button[aria-pressed=true]{color:#fff;background:#165a8a}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.a11y-contrast{--cream:#000;--paper:#000;--brown:#fff;--cocoa:#ffeb3b;--line:#fff;--muted:#fff;--green:#005f30}.a11y-contrast body,.a11y-contrast .hero,.a11y-contrast header,.a11y-contrast .access-panel{color:#fff!important;background:#000!important}.a11y-contrast input,.a11y-contrast textarea,.a11y-contrast select,.a11y-contrast .qty button{color:#000!important;background:#fff!important}.a11y-grayscale body{filter:grayscale(1)}.a11y-links a{text-decoration:underline!important;text-decoration-thickness:3px!important}.a11y-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:4rem}.logo-stage{margin-top:3rem}.logo-stage img{width:min(330px,82%)}footer{flex-direction:column;text-align:center}}@media(max-width:520px){header{padding-block:.5rem}.brand span{font-size:1rem}.brand img{width:42px;height:42px}.hero{padding-top:3rem}.grid{grid-template-columns:1fr}.card{display:grid;grid-template-columns:135px 1fr}.visual{height:100%;min-height:205px}.choices,.fields{grid-template-columns:1fr}.wide{grid-column:auto}.line{grid-template-columns:1fr auto}.line .qty{grid-column:1/-1}.access-toggle{left:.7rem;bottom:.7rem}.access-toggle span:last-child{display:none}.access-panel{left:.7rem;bottom:4rem;width:calc(100% - 1.4rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.payment-confirm{display:flex;gap:.7rem;align-items:flex-start;margin:1rem 0;padding:1rem;background:#fff8d9;border:1px solid #e0bd43;border-radius:15px}.payment-confirm input{flex:0 0 auto;margin-top:.2rem}.payment-confirm b{display:block}.mobile-order-bar{display:none}
@media(max-width:520px){body{padding-bottom:76px}.hero{padding-top:2.2rem}.hero h1{font-size:2.75rem}.hero .lead{font-size:1rem}.logo-stage{margin-top:2rem}.logo-stage img{width:min(260px,75%)}.mobile-order-bar{position:fixed;right:0;bottom:0;left:0;z-index:24;display:block;padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 28px #51281724}.mobile-order-bar button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:.65rem 1rem;color:#fff;background:var(--green);border:0;border-radius:14px;cursor:pointer;font-weight:800}.mobile-order-bar b{font-size:.82rem}.access-toggle{bottom:5.2rem}.access-panel{bottom:8.8rem}}