@import "https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600;700&display=swap";:root{--negro:#0b0806;--negro-2:#17110c;--cafe:#3e2723;--crema:#f5e6d3;--crema-2:#fff8ee;--oro:#c9a24a;--oro-2:#e3c270;--rosa:#efc3d3;--hoja:#04492a;--canela:#b3200e;--choco:#c09a2a;--font-display:"Cormorant Garamond", Georgia, serif;--font-script:"Kaushan Script", "Brush Script MT", cursive;--font-ui:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--negro);color:var(--crema);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600}button{font-family:var(--font-ui);cursor:pointer;border:0}a{color:inherit}.gold{color:var(--oro-2)}.canvas-root{position:fixed;inset:0}.chapter{pointer-events:none;flex-direction:column;justify-content:center;width:100vw;height:100vh;padding:0 clamp(20px,6vw,96px);display:flex}.chapter>*{pointer-events:auto;max-width:540px}.chapter--center{text-align:center;align-items:center}.chapter--right{text-align:right;align-items:flex-end}.chapter--top{justify-content:flex-start;padding-top:11vh}.chapter--bottom{justify-content:flex-end;padding-bottom:7vh}.chapter h2{font-size:clamp(34px,5vw,64px);font-weight:500;line-height:1.02}.chapter p{opacity:.92;margin:14px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.6}.eyebrow{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;opacity:.9;margin-bottom:14px;font-size:14px;font-weight:600}.hint{letter-spacing:.18em;text-transform:uppercase;opacity:.75;margin-top:30px;font-size:12px;animation:1.8s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.text-shadow{text-shadow:0 2px 24px #0000008c}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);outline-offset:5px;background:#0b08069e;border:1px solid #c9a24a73;border-radius:14px;outline:1px solid #c9a24a2e;padding:28px 30px}.intro{background:radial-gradient(closest-side,#0b080647 0%,#0b08061f 55%,#0b080600 100%);border-radius:50%;flex-direction:column;align-items:center;padding:40px 60px 30px;display:flex;max-width:760px!important}.intro .intro-tag,.intro .hint{text-shadow:0 1px 2px #000000e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b08068c;border-radius:999px;padding:7px 18px}.intro .intro-tag{border:1px solid #c9a24a59}.wordmark{font-family:var(--font-script);color:var(--rosa);font-weight:400;line-height:1}.intro .wordmark{text-shadow:0 2px 4px #000c,0 6px 30px #000000b3;white-space:nowrap;font-size:clamp(48px,7.5vw,96px)}@media (width<=640px){.intro .wordmark{white-space:normal}}.brand .wordmark{font-size:24px}.loader .wordmark{font-size:clamp(40px,7vw,64px)}.intro-mark{filter:drop-shadow(0 4px 10px #000000b3)drop-shadow(0 10px 30px #00000080);width:min(36vw,190px);height:auto;margin-bottom:6px;animation:1.2s cubic-bezier(.2,.8,.2,1) rise}.intro-wordmark{mix-blend-mode:screen;width:min(70vw,420px);height:auto;animation:1.2s cubic-bezier(.2,.8,.2,1) .15s both rise}.intro-tag{font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;color:var(--oro-2);margin-top:10px;font-size:16px;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.sello{color:#fff;vertical-align:middle;border-radius:999px;padding:2px 16px 4px;font-size:.72em;display:inline-block}.sello--canela{background:var(--canela)}.sello--puro{background:var(--hoja)}.sello--choco{background:var(--choco)}.receta{counter-reset:paso;margin:14px 0 0;padding-left:0;list-style:none}.receta li{counter-increment:paso;border-bottom:1px solid #c9a24a26;align-items:baseline;gap:14px;padding:7px 0;font-size:15px;line-height:1.5;display:flex}.receta li:before{content:counter(paso);font-family:var(--font-display);color:var(--oro-2);min-width:22px;font-size:20px}.btn{background:var(--crema);color:var(--negro);border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{background:var(--crema-2);transform:translateY(-1px)}.btn--gold{background:linear-gradient(135deg, var(--oro-2), var(--oro));color:var(--negro)}.btn--gold:hover{background:var(--oro-2)}.btn--ghost{color:var(--crema);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5e6d314;border:1px solid #c9a24a73}.btn--ghost:hover{background:#f5e6d329}.btn--wa{color:#0b2e18;background:#25d366}.btn--wa:hover{background:#3ae07a}.btn--dark{background:var(--negro);color:var(--oro-2);border:1px solid #c9a24a80}.btn--dark:hover{background:var(--negro-2)}.header{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,40px);display:flex;position:fixed;top:0;left:0;right:0}.header>*{pointer-events:auto}.brand{color:var(--crema);background:#0b0806d9;border:1px solid #c9a24a59;border-radius:999px;align-items:center;gap:12px;padding:6px 16px 6px 8px;display:flex}.brand img{mix-blend-mode:screen;width:auto;height:40px}.brand .brand-mark{mix-blend-mode:normal;height:44px}.brand small{letter-spacing:.22em;text-transform:uppercase;color:var(--oro-2);font-size:10px;font-weight:600}.cart-btn{position:relative}.badge{background:var(--canela);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.progress{z-index:20;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.progress button{background:#c9a24a59;border-radius:50%;width:9px;height:9px;padding:0;transition:all .2s}.progress button.active{background:var(--oro-2);transform:scale(1.5)}@media (width<=768px){.progress{display:none}}.explore-bar{z-index:20;align-items:center;gap:10px;animation:.3s fade;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.explore-hint{z-index:20;letter-spacing:.15em;text-transform:uppercase;color:var(--oro-2);text-align:center;white-space:nowrap;font-size:12px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}@keyframes fade{0%{opacity:0}}.backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;animation:.25s fade;position:fixed;inset:0}.panel{z-index:31;background:var(--negro-2);color:var(--crema);border:1px solid #c9a24a66;position:fixed;box-shadow:0 30px 80px #0009}.panel h3{font-size:28px}.product-panel{border-radius:24px 24px 0 0;width:min(560px,100vw);margin:0 auto;padding:28px 28px 32px;animation:.3s cubic-bezier(.2,.8,.2,1) up;bottom:0;left:0;right:0}@media (width>=900px){.product-panel{border-radius:20px;margin:0;animation:.25s fade;inset:50% 48px auto auto;transform:translateY(-50%)}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.swatch{color:#fff;letter-spacing:.08em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:8px;font-weight:800;display:flex}.panel-head{align-items:center;gap:14px;margin-bottom:12px;display:flex}.price{font-family:var(--font-display);color:var(--oro-2);font-size:24px;font-weight:600}.panel p{opacity:.85;margin:0;line-height:1.55}.panel .sub{opacity:.65;margin-top:2px;font-size:13px}.qty{border:1px solid #c9a24a66;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.qty button{width:40px;height:40px;color:var(--crema);background:0 0;font-size:18px}.qty span{text-align:center;min-width:32px;font-weight:600}.panel-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.close{width:36px;height:36px;color:var(--crema);background:#f5e6d314;border-radius:50%;font-size:18px;position:absolute;top:14px;right:14px}.cart-drawer{flex-direction:column;width:min(420px,100vw);padding:28px;animation:.3s cubic-bezier(.2,.8,.2,1) slide;display:flex;top:0;bottom:0;right:0}@keyframes slide{0%{opacity:0;transform:translate(40px)}}.cart-list{flex-direction:column;flex:1;gap:14px;margin:20px 0;display:flex;overflow:auto}.cart-item{align-items:center;gap:12px;display:flex}.cart-item .name{flex:1;font-weight:600}.cart-item .sub{opacity:.65;font-size:13px;font-weight:400}.cart-item .rm{color:var(--crema);opacity:.5;background:0 0;font-size:18px}.cart-total{border-top:1px solid #c9a24a40;justify-content:space-between;margin-bottom:16px;padding-top:16px;font-size:18px;font-weight:600;display:flex}.empty{opacity:.6;text-align:center;padding:40px 0}.contact-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);outline-offset:5px;background:#0b08069e;border:1px solid #c9a24a73;border-radius:14px;outline:1px solid #c9a24a2e;width:100%;padding:24px;max-width:580px!important}.contact-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;display:grid}@media (width<=640px){.contact-grid{grid-template-columns:1fr}}.contact-grid h4{letter-spacing:.2em;text-transform:uppercase;color:var(--oro-2);margin:0 0 8px;font-size:11px}.contact-grid ul{margin:0;padding:0;font-size:14px;line-height:1.7;list-style:none}.contact-grid iframe{filter:grayscale(.3)contrast(1.05);border:0;border-radius:10px;width:100%;height:150px}.socials{gap:10px;margin-top:10px;display:flex}.socials a{border:1px solid #c9a24a73;border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}.contact-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.loader{z-index:50;background:var(--negro);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .7s;display:flex;position:fixed;inset:0}.loader.done{opacity:0;pointer-events:none}.loader-mark{width:120px;height:120px;animation:1.6s ease-in-out infinite breathe}.loader-logo{mix-blend-mode:screen;width:min(50vw,240px);height:auto;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.bar{background:#c9a24a33;border-radius:2px;width:200px;height:2px;overflow:hidden}.bar i{background:var(--oro-2);height:100%;transition:width .2s;display:block}.fallback{max-width:900px;height:100%;margin:0 auto;padding:40px clamp(16px,5vw,60px);overflow:auto}.fallback .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0;display:grid}.fallback .card{background:#f5e6d30f;border:1px solid #c9a24a4d;border-radius:14px;padding:20px}.fallback .card p{opacity:.8;line-height:1.5}