:root{--bg: #fbf7f3;--ink: #3d2f45;--ink-soft: #6f5f78;--ink-faint: #9b8aa3;--surface: rgba(255, 255, 255, .92);--surface-solid: #ffffff;--line: rgba(150, 120, 160, .24);--pink: #f9c8dc;--rose: #f7aec2;--rose-deep: #c25e86;--lavender: #d7ccf4;--lavender-deep: #b9a5e8;--grad: linear-gradient(135deg, #fbcfe8 0%, #e9d5ff 55%, #f9c8dc 100%);--grad-strong: linear-gradient(135deg, #f9a8d4 0%, #c4b5fd 100%);--gold: #b8860b;--green: #25d366;--green-deep: #1eb353;--shadow-sm: 0 2px 10px rgba(105, 75, 120, .08), 0 1px 3px rgba(105, 75, 120, .06);--shadow-md: 0 14px 34px rgba(105, 75, 120, .14), 0 3px 10px rgba(105, 75, 120, .06);--shadow-lg: 0 30px 70px rgba(70, 45, 85, .2), 0 8px 24px rgba(105, 75, 120, .08);--radius: 20px;--radius-sm: 12px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--dur-xs: .12s;--dur-sm: .2s;--dur-md: .3s;--dur-lg: .42s;--dur-drawer: .46s;--dur-hero: .64s;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1100px 760px at 88% -12%,color-mix(in srgb,var(--lavender) 55%,transparent),transparent 62%),radial-gradient(980px 700px at -8% 18%,color-mix(in srgb,var(--pink) 48%,transparent),transparent 60%),radial-gradient(900px 900px at 58% 112%,color-mix(in srgb,var(--rose) 40%,transparent),transparent 62%),var(--bg);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:1rem;color:var(--ink)}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--ink);line-height:1.18;letter-spacing:.1px}::selection{background:var(--lavender);color:var(--ink)}:focus-visible{outline:2px solid var(--rose-deep);outline-offset:3px;border-radius:6px}.site{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(56px);opacity:.3;will-change:transform;animation:drift 28s ease-in-out infinite alternate}.blob--a{width:520px;height:520px;background:var(--pink);top:-160px;left:-130px}.blob--b{width:460px;height:460px;background:var(--lavender);top:32%;right:-170px;animation-delay:-7s}.blob--c{width:400px;height:400px;background:var(--rose);bottom:-150px;left:30%;animation-delay:-13s}@keyframes drift{0%{transform:translate(0)}to{transform:translate(24px,-18px)}}.main{flex:1;position:relative;z-index:1}.navbar{position:sticky;top:0;z-index:50;background:#ffffffeb;border-bottom:1px solid var(--line);transition:background var(--dur-md) var(--ease-out),box-shadow var(--dur-md) var(--ease-out),border-color var(--dur-md) var(--ease-out)}.navbar.scrolled{background:#fffffffa;border-bottom-color:transparent;box-shadow:0 12px 32px #5a3c6e17}.nav-inner{max-width:1180px;margin:0 auto;padding:13px 22px;display:flex;align-items:center;gap:18px}.nav-logo{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--ink);letter-spacing:.2px;transition:opacity var(--dur-sm) var(--ease-out)}.nav-logo:active{opacity:.75}.nav-logo img{height:44px;width:44px;object-fit:contain;border-radius:12px}.nav-logo span{background-image:linear-gradient(110deg,#8a6a1a,#e9c44b 30%,#fff6c9,#e9c44b 70%,#8a6a1a);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s ease-in-out infinite}@keyframes shine{0%,to{background-position:0% center}45%{background-position:100% center}}.nav-links{display:flex;gap:6px;margin-left:8px;flex:1}.nav-link{padding:9px 15px;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--ink-soft);transition:background var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),box-shadow var(--dur-md) var(--ease-out),transform var(--dur-xs) var(--ease-out)}@media (hover: hover) and (pointer: fine){.nav-link:hover{color:var(--ink);background:#ffffffc7;box-shadow:var(--shadow-sm)}}.nav-link:active{transform:scale(.97)}.nav-link.active{color:var(--ink);background:#ffffffc7;box-shadow:var(--shadow-sm)}.nav-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#ffffffc7;box-shadow:var(--shadow-sm);color:var(--ink);transition:transform var(--dur-sm) var(--ease-out),box-shadow var(--dur-md) var(--ease-out),background var(--dur-sm) var(--ease-out)}@media (hover: hover) and (pointer: fine){.icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.icon-btn:active{transform:translateY(0) scale(.94)}.icon-btn svg,.icon-btn .si{width:22px;height:22px}.count-badge{position:absolute;top:-6px;right:-6px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:var(--grad-strong);color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center;box-shadow:0 3px 8px #ee8fb080;animation:badge-pop .32s var(--ease-out) both}@keyframes badge-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.menu-toggle{display:none}@media (max-width: 820px){.nav-links{position:fixed;inset:60px 0 auto 0;background:#fffffff5;flex-direction:column;padding:18px;gap:4px;transform:translateY(-140%);transition:transform var(--dur-md) var(--ease-out);box-shadow:var(--shadow-md)}.nav-links.open{transform:translateY(0)}.menu-toggle{display:grid}.nav-inner{flex-wrap:wrap}}.footer{position:relative;margin-top:60px;padding:34px 22px 26px;background:#fff9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.footer:before{content:"";position:absolute;inset:-1px 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--grad-strong),transparent);opacity:.8}.footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.footer-brand{font-family:var(--font-display);font-size:1.25rem;font-weight:700;background-image:linear-gradient(110deg,#8a6a1a,#e9c44b 30%,#fff6c9,#e9c44b 70%,#8a6a1a);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 8s ease-in-out infinite}.footer-meta{color:var(--ink-soft);font-size:.9rem}.footer-wa{display:inline-flex;align-items:center;gap:8px;color:var(--green-deep);font-weight:600}.hero{max-width:1180px;margin:0 auto;padding:64px 22px 30px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:#ffffffa8;box-shadow:var(--shadow-sm);font-weight:600;font-size:.9rem;color:var(--rose-deep);margin-bottom:18px}.hero-title{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:16px}.hero-title .accent{background-image:linear-gradient(110deg,#8a6a1a,#e9c44b 30%,#fff6c9,#e9c44b 70%,#8a6a1a);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6.5s ease-in-out infinite}.hero-sub{color:var(--ink-soft);font-size:1.08rem;max-width:480px;line-height:1.6;margin-bottom:28px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-entrance>*{opacity:0;animation:hero-up var(--dur-hero) var(--ease-out) forwards}.hero-entrance>*:nth-child(1){animation-delay:.05s}.hero-entrance>*:nth-child(2){animation-delay:.14s}.hero-entrance>*:nth-child(3){animation-delay:.23s}.hero-entrance>*:nth-child(4){animation-delay:.32s}.hero-visual{position:relative;min-height:420px;z-index:0;animation:hero-up var(--dur-hero) var(--ease-out) .22s both}.hero-visual:before{content:"";position:absolute;top:6%;right:4%;bottom:6%;left:4%;background:radial-gradient(closest-side,color-mix(in srgb,var(--rose) 45%,transparent),transparent 70%);filter:blur(34px);z-index:-1;animation:halo 8s ease-in-out infinite}@keyframes halo{0%,to{opacity:.5}50%{opacity:.28}}@keyframes hero-up{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.float-card{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:16px;will-change:transform;animation:floaty 8s ease-in-out infinite}.float-card--main{inset:40px 10% auto 10%}.float-card--side{inset:auto 2% 40px auto;animation-delay:-2.3s;transform:rotate(3deg)}.float-card--mini{inset:auto auto 90px 4%;animation-delay:-4.6s;transform:rotate(-4deg)}.float-card img{border-radius:14px;width:100%;height:230px;object-fit:cover}.float-card .fc-name{font-weight:700;margin-top:10px}.float-card .fc-price{color:var(--rose-deep);font-weight:700;font-size:.92rem}@keyframes floaty{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}}@media (max-width: 900px){.hero{grid-template-columns:1fr;text-align:center}.hero-cta{justify-content:center}.hero-sub{margin-inline:auto}.hero-visual{min-height:360px}}.section{max-width:1180px;margin:0 auto;padding:44px 22px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.section-title{font-size:clamp(1.6rem,3vw,2.2rem)}.section-title small{display:block;font-family:var(--font-body);font-size:.82rem;font-weight:700;color:var(--rose-deep);margin-bottom:8px;text-transform:uppercase;letter-spacing:.18em}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.chip{padding:11px 20px;border-radius:999px;background:#ffffffa8;border:1px solid var(--line);font-weight:600;font-size:.95rem;color:var(--ink-soft);box-shadow:var(--shadow-sm);transition:transform var(--dur-sm) var(--ease-out),background var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),box-shadow var(--dur-md) var(--ease-out),border-color var(--dur-sm) var(--ease-out);display:inline-flex;align-items:center;gap:9px}.chip img{width:30px;height:30px;border-radius:50%;object-fit:cover}@media (hover: hover) and (pointer: fine){.chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.chip:active{transform:translateY(0) scale(.97)}.chip.active{background:var(--grad-strong);color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.grid>.product-card{animation:card-in .5s var(--ease-out) both}.grid>.product-card:nth-child(1){animation-delay:0ms}.grid>.product-card:nth-child(2){animation-delay:45ms}.grid>.product-card:nth-child(3){animation-delay:90ms}.grid>.product-card:nth-child(4){animation-delay:135ms}.grid>.product-card:nth-child(5){animation-delay:.18s}.grid>.product-card:nth-child(6){animation-delay:225ms}.grid>.product-card:nth-child(7){animation-delay:.27s}.grid>.product-card:nth-child(8){animation-delay:315ms}.product-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--dur-md) var(--ease-out),box-shadow var(--dur-md) var(--ease-out)}@media (hover: hover) and (pointer: fine){.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}}.product-card:active{transform:translateY(-2px)}.product-media{aspect-ratio:1;overflow:hidden;position:relative;background:linear-gradient(135deg,#fdf4f9,#f4eeff)}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-lg) var(--ease-out)}@media (hover: hover) and (pointer: fine){.product-card:hover .product-media img{transform:scale(1.06)}}.product-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff80,inset 0 -40px 60px -40px #28193240;pointer-events:none}.product-info{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.product-cat{font-size:.72rem;font-weight:700;color:var(--rose-deep);text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}.product-name{font-family:var(--font-body);font-weight:700;font-size:1.03rem;margin-bottom:8px;line-height:1.35;transition:color var(--dur-sm) var(--ease-out)}@media (hover: hover) and (pointer: fine){.product-card:hover .product-name{color:var(--rose-deep)}}.product-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-weight:800;color:var(--ink);font-size:1.12rem}.old-price{color:var(--ink-faint);text-decoration:line-through;font-size:.86rem;font-weight:600;margin-left:7px}.badge{position:absolute;top:14px;left:14px;padding:6px 13px;border-radius:999px;font-size:.75rem;font-weight:700;color:#fff;background:var(--grad-strong);box-shadow:0 4px 12px #ee8fb073;z-index:2}.stock-pill{font-size:.75rem;font-weight:700;padding:7px 12px;border-radius:999px;background:#25d36629;color:#1c9b4e}.stock-pill--low{background:#f4a04f2e;color:#c77b22}.stock-pill--out{background:#bea0d233;color:var(--ink-faint)}.add-btn{width:42px;height:42px;border-radius:14px;background:var(--grad-strong);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px #ee8fb059;transition:transform var(--dur-sm) var(--ease-out),box-shadow var(--dur-md) var(--ease-out)}@media (hover: hover) and (pointer: fine){.add-btn:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 12px 24px #ee8fb073}}.add-btn:active{transform:scale(.9)}.add-btn:disabled{filter:grayscale(.7);cursor:not-allowed}.add-btn svg,.add-btn .si{width:20px;height:20px}@keyframes card-in{0%{opacity:0;transform:translateY(20px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:.98rem;border:1px solid transparent;white-space:nowrap;transition:transform var(--dur-sm) var(--ease-out),box-shadow var(--dur-md) var(--ease-out),background var(--dur-md) var(--ease-out),color var(--dur-md) var(--ease-out),border-color var(--dur-md) var(--ease-out),opacity var(--dur-sm) var(--ease-out)}.btn:active{transform:translateY(0) scale(.97)}.btn--primary{background:var(--grad-strong);color:#fff;box-shadow:0 12px 26px #ee8fb066}@media (hover: hover) and (pointer: fine){.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #ee8fb080}}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn--outline{background:#ffffffbf;border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}@media (hover: hover) and (pointer: fine){.btn--outline:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.btn--ghost{background:transparent;color:var(--rose-deep);font-weight:700}@media (hover: hover) and (pointer: fine){.btn--ghost:hover{background:#fff9}}.btn--whatsapp{background:var(--green);color:#fff;box-shadow:0 12px 26px #25d36659}@media (hover: hover) and (pointer: fine){.btn--whatsapp:hover{transform:translateY(-2px);background:var(--green-deep)}}.btn--danger{background:#f43f5ee6;color:#fff}@media (hover: hover) and (pointer: fine){.btn--danger:hover{transform:translateY(-2px)}}.btn--sm{padding:10px 18px;font-size:.9rem}.btn--block{width:100%}.reveal{opacity:0;transform:translateY(24px);transition:opacity .64s var(--ease-out),transform .64s var(--ease-out)}.reveal.in{opacity:1;transform:translateY(0)}.product-detail{max-width:1180px;margin:0 auto;padding:44px 22px;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.gallery-main{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fdf4f9,#f4eeff)}.gallery-main img{width:100%;aspect-ratio:1;object-fit:cover}.gallery-thumbs{display:flex;gap:12px;margin-top:14px}.gallery-thumb{width:72px;height:72px;border-radius:14px;overflow:hidden;border:2px solid transparent;opacity:.75;transition:opacity var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out)}@media (hover: hover) and (pointer: fine){.gallery-thumb:hover{transform:translateY(-2px)}}.gallery-thumb.active,.gallery-thumb.active:hover{border-color:var(--rose-deep);opacity:1}.pd-info .pd-cat{color:var(--rose-deep);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;margin-bottom:10px}.pd-title{font-size:2.1rem;margin-bottom:12px}.pd-price{font-size:1.7rem;font-weight:800;color:var(--ink);margin-bottom:18px}.pd-desc{color:var(--ink-soft);line-height:1.7;margin-bottom:24px}.pd-qty{display:flex;align-items:center;gap:14px;margin-bottom:22px}.qty-stepper{display:flex;align-items:center;gap:4px;background:#fffc;border:1px solid var(--line);border-radius:999px;padding:4px;box-shadow:var(--shadow-sm)}.qty-stepper button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;font-weight:700;color:var(--ink);transition:background var(--dur-sm) var(--ease-out),transform var(--dur-xs) var(--ease-out)}@media (hover: hover) and (pointer: fine){.qty-stepper button:hover{background:#d7ccf473}}.qty-stepper button:active{transform:scale(.88)}.qty-stepper span{min-width:40px;text-align:center;font-weight:700}@media (max-width: 900px){.product-detail{grid-template-columns:1fr}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d2f4570;z-index:90;animation:fade-in var(--dur-md) var(--ease-out) forwards}.backdrop.closing{animation:fade-out var(--dur-sm) var(--ease-out) forwards}.cart-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(430px,100vw);background:var(--surface-solid);z-index:95;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slide-in var(--dur-drawer) var(--ease-drawer) forwards}.cart-drawer.closing{animation:slide-out var(--dur-drawer) var(--ease-drawer) forwards}.cart-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.cart-title{font-size:1.35rem}.cart-body{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:14px}.cart-item{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;align-items:center;transition:transform var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}@media (hover: hover) and (pointer: fine){.cart-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}}.cart-item img{width:64px;height:64px;border-radius:12px;object-fit:cover}.ci-info{flex:1;min-width:0}.ci-name{font-weight:700;font-size:.95rem;margin-bottom:6px}.ci-line{display:flex;align-items:center;gap:10px}.ci-remove{color:var(--ink-faint);width:30px;height:30px;border-radius:9px;display:grid;place-items:center;transition:background var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),transform var(--dur-xs) var(--ease-out)}@media (hover: hover) and (pointer: fine){.ci-remove:hover{color:#e11d48;background:#f43f5e14}}.ci-remove:active{transform:scale(.9)}.cart-foot{padding:18px 22px 22px;border-top:1px solid var(--line)}.cart-sums{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.cart-sums>div{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:.95rem}.cart-sums .total{color:var(--ink);font-weight:800;font-size:1.15rem}.empty{text-align:center;padding:50px 20px;color:var(--ink-faint)}.empty .empty-icon{font-size:3rem;margin-bottom:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-weight:700;font-size:.9rem;color:var(--ink)}.field input,.field select,.field textarea{padding:13px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:#ffffffd9;outline:none;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out),background var(--dur-sm) var(--ease-out);width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lavender-deep);background:#fff;box-shadow:0 0 0 4px #b9a5e838}.field textarea{resize:vertical;min-height:90px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .full{grid-column:1 / -1}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.checkout-layout{max-width:1080px;margin:0 auto;padding:44px 22px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:18px}.card h3{font-size:1.25rem;margin-bottom:16px}.radio-card{display:flex;align-items:center;gap:14px;padding:16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);margin-bottom:12px;cursor:pointer;background:#ffffffb3;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out),background var(--dur-sm) var(--ease-out)}@media (hover: hover) and (pointer: fine){.radio-card:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}}.radio-card.active{border-color:var(--rose-deep);background:#fff;box-shadow:0 0 0 4px #ee8fb024}.radio-card input{display:none}.radio-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--lavender-deep);display:grid;place-items:center;flex-shrink:0;transition:border-color var(--dur-sm) var(--ease-out)}.radio-card.active .radio-dot{border-color:var(--rose-deep)}.radio-card.active .radio-dot:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--grad-strong)}.radio-card .rc-title{font-weight:700}.radio-card .rc-sub{font-size:.86rem;color:var(--ink-soft);margin-top:3px}.summary-card{position:sticky;top:84px}.summary-card h3{display:flex;justify-content:space-between;align-items:center}.summary-line{display:flex;justify-content:space-between;padding:8px 0;color:var(--ink-soft);font-size:.95rem}.summary-line.total{border-top:1.5px dashed var(--line);margin-top:8px;padding-top:14px;color:var(--ink);font-weight:800;font-size:1.15rem}.order-item{display:flex;gap:10px;padding:8px 0;align-items:center}.order-item img{width:46px;height:46px;border-radius:10px;object-fit:cover}.order-item .oi-info{flex:1}.order-item .oi-name{font-size:.9rem;font-weight:600}.order-item .oi-qty{font-size:.8rem;color:var(--ink-faint)}@media (max-width: 900px){.checkout-layout{grid-template-columns:1fr}.summary-card{position:static}}.confirm{max-width:720px;margin:0 auto;padding:60px 22px;text-align:center}.confirm-icon{width:96px;height:96px;margin:0 auto 22px;border-radius:50%;background:var(--grad-strong);display:grid;place-items:center;color:#fff;font-size:2.6rem;box-shadow:var(--shadow-md);animation:pop .55s var(--ease-out) both}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.ticket{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin:22px 0;text-align:left;box-shadow:var(--shadow-md);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.86rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--ink);max-height:340px;overflow-y:auto}.wa-actions{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto}.toast-stack{position:fixed;top:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;background:var(--surface-solid);border:1px solid var(--line);padding:13px 18px;border-radius:14px;box-shadow:var(--shadow-md);font-weight:600;animation:toast-in var(--dur-md) var(--ease-out) forwards}.toast.leaving{animation:toast-out var(--dur-sm) var(--ease-out) forwards}.toast__icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--grad-strong);color:#fff;font-size:.8rem}.toast--error .toast__icon{background:#f43f5e}@keyframes toast-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{to{transform:translate(120%);opacity:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#3d2f457a;display:grid;place-items:center;padding:18px;animation:fade-in var(--dur-md) var(--ease-out) forwards}.modal-backdrop.closing{animation:fade-out var(--dur-sm) var(--ease-out) forwards}.modal{background:var(--surface-solid);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--line);width:min(560px,100%);max-height:90dvh;overflow-y:auto;animation:modal-in var(--dur-md) var(--ease-out) forwards}.modal.closing{animation:modal-out var(--dur-sm) var(--ease-out) forwards}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-body{padding:22px 24px}@keyframes modal-in{0%{transform:scale(.96) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}.spinner-wrap{display:grid;place-items:center;padding:70px 0}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(215,204,244,.35);border-top-color:var(--rose-deep);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-title{max-width:1180px;margin:0 auto;padding:52px 22px 8px;font-size:clamp(1.9rem,4vw,2.6rem)}.page-sub{max-width:1180px;margin:0 auto;padding:6px 22px;color:var(--ink-soft)}.page-sub.section{padding-bottom:8px}.admin-screen{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(900px 600px at 100% 0%,rgba(215,204,244,.35),transparent 60%),#f8f5f9}.admin-top{background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;gap:14px}.admin-top .at-brand{font-family:var(--font-display);font-weight:700;font-size:1.35rem;flex:1}.admin-top img{height:40px;border-radius:10px}.admin-body{flex:1;display:grid;grid-template-columns:240px 1fr;min-height:0}.admin-sidenav{padding:20px 14px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}.admin-nav-link{display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:13px;font-weight:600;color:var(--ink-soft);transition:background var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),box-shadow var(--dur-md) var(--ease-out),transform var(--dur-xs) var(--ease-out)}@media (hover: hover) and (pointer: fine){.admin-nav-link:hover{background:#ffffffd9;color:var(--ink)}}.admin-nav-link:active{transform:scale(.98)}.admin-nav-link.active{background:var(--grad-strong);color:#fff;box-shadow:var(--shadow-sm)}.admin-content{padding:28px 30px 60px;overflow-x:hidden}.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.admin-bar h2{font-size:1.7rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:26px}.stat-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px 20px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.stat-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad-strong);opacity:.9}@media (hover: hover) and (pointer: fine){.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}}.stat-card .st-label{font-size:.82rem;color:var(--ink-faint);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.stat-card .st-value{font-size:1.7rem;font-weight:800;color:var(--ink);margin-top:4px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;min-width:640px}.table th{text-align:left;padding:14px 16px;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);border-bottom:1px solid var(--line);background:#f7f1fc80}.table td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr{transition:background var(--dur-sm) var(--ease-out)}@media (hover: hover) and (pointer: fine){.table tbody tr:hover{background:#f7e8f08c}}.table tr:last-child td{border-bottom:none}.table .t-img{width:52px;height:52px;border-radius:12px;object-fit:cover}.table .t-actions{display:flex;gap:8px}.table .t-actions button{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f7f1fcb3;transition:background var(--dur-sm) var(--ease-out),transform var(--dur-xs) var(--ease-out)}@media (hover: hover) and (pointer: fine){.table .t-actions button:hover{background:#d7ccf480}}.table .t-actions button:active{transform:scale(.9)}.status-pill{padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:700}.status-pendiente{background:#f4a04f2e;color:#c77b22}.status-confirmado{background:#b9a5e83d;color:#6d4fc4}.status-en-camino{background:#60a5fa2e;color:#2563eb}.status-entregado{background:#25d36629;color:#1c9b4e}.status-cancelado{background:#f43f5e1f;color:#e11d48}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.search-input{flex:1;min-width:200px;padding:12px 16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;outline:none;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.search-input:focus{border-color:var(--lavender-deep);box-shadow:0 0 0 4px #b9a5e833}.img-thumb{position:relative;width:84px;height:84px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.img-thumb img{width:100%;height:100%;object-fit:cover}.img-thumb button{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:#f43f5ee6;color:#fff;display:grid;place-items:center;font-size:.7rem}.img-grid{display:flex;gap:12px;flex-wrap:wrap}.drop-zone{border:2px dashed var(--lavender-deep);border-radius:var(--radius-sm);padding:26px;text-align:center;color:var(--ink-soft);font-weight:600;background:#f7f1fc80;cursor:pointer;transition:background var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out);margin-bottom:16px}@media (hover: hover) and (pointer: fine){.drop-zone:hover{background:#d7ccf44d}}.drop-zone.dragging{background:#d7ccf44d;border-color:var(--rose-deep);transform:scale(1.01)}.logo-preview{width:90px;height:90px;border-radius:16px;object-fit:contain;background:#fff;border:1px solid var(--line)}@media (max-width: 900px){.admin-body{grid-template-columns:1fr}.admin-sidenav{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line);padding:10px 14px}.admin-content{padding:22px 16px 60px}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);background:var(--surface-solid);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:38px 32px;border:1px solid var(--line);animation:modal-in .4s var(--ease-out) both}.auth-card h1{text-align:center;font-size:1.8rem;margin-bottom:6px}.auth-card .auth-sub{text-align:center;color:var(--ink-soft);margin-bottom:26px}.auth-brand{text-align:center;margin-bottom:18px}.auth-brand img{width:64px;height:64px;border-radius:18px;margin:0 auto 10px;object-fit:contain}.auth-brand .ab-name{font-family:var(--font-display);font-weight:700;font-size:1.4rem}.variant-chip{min-width:84px;padding:10px 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff9;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-md) var(--ease-out),transform var(--dur-xs) var(--ease-out),opacity var(--dur-sm) var(--ease-out)}.variant-chip span{font-weight:700;font-size:.88rem;color:var(--ink)}.variant-chip small{font-size:.78rem;color:var(--ink-faint);font-weight:600}@media (hover: hover) and (pointer: fine){.variant-chip:not(.out):hover{transform:translateY(-2px)}}.variant-chip:not(.out):active{transform:translateY(0) scale(.96)}.variant-chip.active{background:var(--grad-strong);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.variant-chip.active span{color:#fff}.variant-chip.active small{color:#ffffffd9}.variant-chip.out{opacity:.45;cursor:not-allowed}.pd-variants{margin:18px 0 22px}.ci-var{font-size:.8rem;color:var(--ink-faint);margin-top:1px;margin-bottom:6px}.coupon-box{border:1.5px dashed var(--line);border-radius:14px;padding:12px;margin-bottom:12px;background:#ffffff73}.coupon-applied{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#1c9b4e;font-weight:700;font-size:.9rem;padding:6px 2px}.coupon-applied button{color:var(--ink-faint);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;transition:background var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out)}@media (hover: hover) and (pointer: fine){.coupon-applied button:hover{background:#f43f5e1f;color:#e11d48}}.marquee{position:relative;overflow:hidden;padding:15px 0;margin:10px 0 6px;border-block:1px solid var(--line);background:#fff9}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none}.marquee:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.marquee:after{right:0;background:linear-gradient(-90deg,var(--bg),transparent)}.marquee-track{display:flex;gap:52px;width:max-content;will-change:transform;animation:marquee 32s linear infinite}.marquee-track .mq-item{display:flex;align-items:center;gap:52px;white-space:nowrap;font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-deep)}.marquee-track .mq-item:after{content:"✦";color:var(--gold);font-size:.85rem}@media (hover: hover) and (pointer: fine){.marquee:hover .marquee-track{animation-play-state:paused}}@keyframes marquee{to{transform:translate(-50%)}}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px}.cat-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);padding:10px 10px 15px;opacity:0;transition:transform var(--dur-md) var(--ease-out),box-shadow var(--dur-md) var(--ease-out)}.reveal.in .cat-card{animation:card-in .55s var(--ease-out) both;animation-delay:var(--d, 0ms)}@media (hover: hover) and (pointer: fine){.cat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}}.cat-card:active{transform:translateY(-2px)}.cat-media{position:relative;aspect-ratio:5 / 4;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#fdf4f9,#f4eeff)}.cat-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-lg) var(--ease-out)}@media (hover: hover) and (pointer: fine){.cat-card:hover .cat-media img{transform:scale(1.08)}}.cat-arrow{position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--rose-deep);font-weight:800;font-size:1rem;box-shadow:var(--shadow-sm);transform:translateY(8px);opacity:0;transition:transform var(--dur-md) var(--ease-out),opacity var(--dur-md) var(--ease-out)}@media (hover: hover) and (pointer: fine){.cat-card:hover .cat-arrow{transform:translateY(0);opacity:1}}.cat-card .cat-name{margin-top:13px;font-family:var(--font-display);font-weight:700;font-size:1.06rem}.cat-card--all{border-style:dashed;background:#ffffff80;align-items:center;justify-content:center;gap:5px;text-align:center}.cat-card--all .cat-all-label{font-family:var(--font-display);font-weight:700;font-size:1.06rem}.cat-card--all .cat-all-cta{font-size:.82rem;font-weight:600;color:var(--rose-deep)}.btn-arrow{display:inline-block;transition:transform var(--dur-md) var(--ease-out)}@media (hover: hover) and (pointer: fine){.btn--primary:hover .btn-arrow{transform:translate(4px)}}.delivery-emoji{font-size:2rem;margin-bottom:8px;display:inline-block;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.footer-wa{position:relative}.footer-wa:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:currentColor;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-md) var(--ease-out)}@media (hover: hover) and (pointer: fine){.footer-wa:hover:after{transform:scaleX(1)}}.section-title small{display:flex;align-items:center;gap:11px}.section-title small:after{content:"";width:42px;height:2px;border-radius:2px;background:var(--grad-strong);transform:scaleX(0);transform-origin:left}.reveal.in .section-title small:after{animation:rule-in .6s var(--ease-out) .1s both}@keyframes rule-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.field-input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.field-input::placeholder{color:var(--ink-faint);font-weight:500}.field-input:focus{outline:none;border-color:var(--lavender-deep);box-shadow:0 0 0 4px #b9a5e840}.track-form{display:flex;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-sm)}.track-input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.04em}.track-error{margin-top:18px;padding:34px 20px;text-align:center;color:var(--ink-soft);border:1px dashed var(--line);border-radius:var(--radius);background:#fff9}.track-error p{margin-top:8px;line-height:1.6}.track-result{margin-top:22px}.track-head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm)}.track-status{border-radius:999px;font-weight:800;font-size:.82rem;padding:8px 16px;white-space:nowrap}.track-line{position:relative;margin:26px 0 26px 20px;padding-left:26px;border-left:2px solid var(--line)}.track-step{position:relative;padding-bottom:24px;opacity:0;transform:translateY(10px);animation:step-in .5s var(--ease-out) forwards;animation-delay:var(--d, 0ms)}@keyframes step-in{to{opacity:1;transform:translateY(0)}}.track-step.last{padding-bottom:0}.track-step.last .track-at{color:var(--rose-deep);font-weight:700}.track-dot{position:absolute;left:-37px;top:2px;width:13px;height:13px;border-radius:50%;background:var(--lavender-deep);box-shadow:0 0 0 4px var(--surface),0 0 0 7px #b9a5e840}.track-step.last .track-dot{background:var(--rose-deep);box-shadow:0 0 0 4px var(--surface),0 0 0 7px #c25e8647}.track-step-body{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-sm)}.track-label{font-weight:700}.track-at{font-size:.8rem;color:var(--ink-faint);margin-top:3px}.track-facts{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:8px}.track-facts>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:8px;font-size:.9rem}.track-fact{color:var(--ink-soft);line-height:1.5}@media (max-width: 560px){.track-form{flex-direction:column}.track-facts{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.blob{animation:none;opacity:.35}.hero-entrance>*,.hero-visual{opacity:1;animation:none}.reveal{opacity:1;transform:none;filter:none}.nav-logo span,.hero-title .accent,.footer-brand{animation:none;background-position:0% center}.float-card{animation:none;transform:none}.track-step{opacity:1;transform:none;animation:none}}.recovery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.recovery-grid li{display:flex;align-items:center;gap:10px;background:var(--surface, #fff);border:1px solid var(--line, #e8e0ea);border-radius:12px;padding:9px 12px}.recovery-num{flex:0 0 22px;height:22px;border-radius:50%;background:var(--grad-strong, #c4b5fd);color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center}.recovery-word{font-family:var(--font-display, inherit);font-size:1rem;font-weight:600;letter-spacing:.01em}.field .hint{display:block;margin-top:4px;font-size:.78rem;color:var(--ink-faint, #8b8397)}