.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;transition:background var(--dur-fast) var(--ease-smooth), transform var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-fast) var(--ease-smooth), opacity var(--dur-fast);-webkit-user-select:none;user-select:none;border:none;font-weight:500;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn-loading{opacity:.55;cursor:not-allowed}.btn-sm{padding:var(--space-2) var(--space-4);font-size:clamp(.75rem,.72rem + .15vw,.85rem)}.btn-md{padding:var(--space-3) var(--space-6);font-size:clamp(.8125rem,.78rem + .2vw,.9375rem)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:clamp(.9375rem,.88rem + .25vw,1.0625rem)}.btn-primary{background:var(--gold-gradient);color:#1a1714}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-gold-strong)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-gold)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-whatsapp{background:var(--whatsapp);color:#fff;animation:2s infinite pulse-green}.btn-whatsapp:hover:not(:disabled){background:var(--whatsapp-hover)}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.input-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.input-label{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:clamp(.75rem,.72rem + .15vw,.85rem);font-weight:500}.input-inner{position:relative}.input-field{background:var(--bg-elevated);width:100%;color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:none;font-size:clamp(.85rem,.8rem + .2vw,.95rem)}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-muted)}.input-field.input-error{border-color:var(--error)}.input-pl{padding-left:2.5rem}.input-pr{padding-right:2.5rem}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-icon-left{left:var(--space-3)}.input-icon-right{right:var(--space-3)}.input-error-msg{color:var(--error);font-size:clamp(.72rem,.68rem + .15vw,.82rem)}.input-hint{color:var(--text-muted);font-size:clamp(.72rem,.68rem + .15vw,.82rem)}.select-field{appearance:none;cursor:pointer}.badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:2px 10px;font-size:clamp(.68rem,.65rem + .15vw,.78rem);font-weight:600;display:inline-flex}.badge-gold{background:var(--gold-muted);color:var(--gold-light);border:1px solid var(--border-gold)}.badge-success{color:#5dbf70;background:#3d9a5026}.badge-warning{color:var(--warning);background:#c9963a26}.badge-error{color:#e05555;background:#c4303026}.badge-info{color:#6fa3d4;background:#4a7fb526}.badge-muted{background:var(--bg-elevated);color:var(--text-muted)}.tier-badge{border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;border:1px solid;align-items:center;padding:3px 12px;font-size:clamp(.68rem,.65rem + .15vw,.78rem);font-weight:700;display:inline-flex}.tier-a{color:var(--gold-bright);border-color:var(--gold-primary);box-shadow:var(--shadow-gold-glow);background:#c9a84c33}.tier-b{color:#8bc4f0;background:#4a7fb526;border-color:#4a7fb566}.tier-c{color:#7dd891;background:#3d9a501f;border-color:#3d9a5066}.tier-d{background:var(--bg-elevated);color:var(--text-muted);border-color:var(--border-subtle)}.tier-e{color:gray;background:#333;border-color:#555}.skeleton{border-radius:var(--radius-md);min-height:1rem}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-row{width:100%;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-row-sm{border-radius:var(--radius-sm);margin-bottom:0}.product-card{background:var(--bg-product);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--dur-normal) var(--ease-out), box-shadow var(--dur-normal) var(--ease-out);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.product-card:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.product-card__image{aspect-ratio:1;background:var(--bg-product);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative}.product-card__img-fallback{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:clamp(.72rem,.68rem + .15vw,.82rem);display:flex}.product-card__image-area{aspect-ratio:1;width:100%}.product-card__wish{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-on-ivory-muted);transition:color var(--dur-fast), background var(--dur-fast);cursor:pointer;background:#ffffffb3;border:none;justify-content:center;align-items:center;font-size:clamp(.85rem,.8rem + .2vw,1.05rem);display:flex;position:absolute}.product-card__wish:hover{color:var(--error);background:#ffffffe6}.product-card__info{padding:var(--space-3) var(--space-4);background:var(--bg-card);border-top:1px solid var(--border-subtle)}.product-card__name{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:clamp(.875rem,.82rem + .25vw,1.05rem);overflow:hidden}.product-card__sku{color:var(--text-muted);font-size:clamp(.68rem,.65rem + .15vw,.78rem);font-family:var(--font-mono);margin-bottom:2px}.product-card__specs{color:var(--text-secondary);font-size:clamp(.72rem,.68rem + .2vw,.85rem)}.product-card-skeleton{pointer-events:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);z-index:100;animation:fade-in var(--dur-fast) ease;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);width:100%;max-height:90vh;animation:slide-up var(--dur-normal) var(--ease-out);overflow-y:auto}.modal-sm{max-width:380px}.modal-md{max-width:560px}.modal-lg{max-width:800px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(1.05rem,.98rem + .35vw,1.3rem)}.modal-close{color:var(--text-muted);padding:var(--space-2);border-radius:var(--radius-sm);transition:color var(--dur-fast);font-size:clamp(.95rem,.9rem + .25vw,1.15rem)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--space-6)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:9999;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}@media (max-width:768px){.toast-container{bottom:85px;right:var(--space-4);left:var(--space-4);pointer-events:none;align-items:center}.toast-container>*{pointer-events:auto}}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);animation:slide-in-right var(--dur-normal) var(--ease-out);min-width:260px;max-width:380px;font-size:clamp(.8125rem,.78rem + .2vw,.9375rem);font-weight:500;display:flex}.toast-success{color:#7dd891;background:#1b3a23;border:1px solid #3d9a5066}.toast-error{color:#e05555;background:#3a1b1b;border:1px solid #c4303066}.toast-warning{color:#e0a855;background:#3a2e1b;border:1px solid #c9963a66}.toast-info{color:#6fa3d4;background:#1b2a3a;border:1px solid #4a7fb566}.toast-icon{flex-shrink:0;font-weight:700}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.countdown{gap:var(--space-2);flex-direction:column;display:flex}.countdown__bar-track{border-radius:var(--radius-full);background:#ffffff14;align-items:center;padding:2px;display:flex;box-shadow:inset 0 1px 3px #00000080}.countdown__bar{border-radius:var(--radius-full);min-width:2px;height:4px;transition:width 1s linear,background .5s}.countdown__label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:clamp(.75rem,.72rem + .15vw,.85rem);display:flex}.countdown__time{font-weight:600;font-family:var(--font-mono)}.whatsapp-btn{align-items:center;gap:var(--space-2);background:var(--whatsapp);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast);font-weight:600;text-decoration:none;animation:2.5s infinite pulse-green;display:inline-flex}.whatsapp-btn:hover{background:var(--whatsapp-hover);animation:none}.whatsapp-btn-sm{padding:var(--space-2) var(--space-4);font-size:clamp(.75rem,.72rem + .15vw,.85rem)}.whatsapp-btn-md{padding:var(--space-3) var(--space-5);font-size:clamp(.8125rem,.78rem + .2vw,.9375rem)}.whatsapp-btn-lg{padding:var(--space-4) var(--space-6);font-size:clamp(.9375rem,.88rem + .25vw,1.0625rem)}.whatsapp-btn-block{justify-content:center;width:100%}.store-topbar-nav{will-change:opacity;pointer-events:none;justify-content:center;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.store-topbar-nav>*{pointer-events:auto}.nav-links{align-items:center;gap:50px;display:flex}.nav-auth{align-items:center;gap:15px;display:flex;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.nav-links:hover .topbar-nav-link{opacity:.3}.topbar-nav-link{letter-spacing:.25em;color:#fff;text-transform:uppercase;opacity:.75;padding:5px 0;font-size:clamp(.7rem,.65rem + .2vw,.82rem);font-weight:300;text-decoration:none;transition:opacity .6s,color .6s,text-shadow .6s;position:relative}.topbar-nav-link.active{color:#c9a84c;opacity:1}.topbar-nav-link.active:after{content:"◆";color:#c9a84c;opacity:.8;text-shadow:0 0 5px #c9a84c66;font-size:clamp(.4rem,.38rem + .1vw,.5rem);position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.topbar-nav-link:hover{color:#fff;opacity:1!important}.nav-login-btn{color:#c9a84c;letter-spacing:.15em;cursor:pointer;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);background:#c9a84c14;border:1px solid #c9a84c66;border-radius:24px;padding:8px 24px;font-size:clamp(.7rem,.65rem + .2vw,.82rem);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-login-btn:hover{color:#111;background:#c9a84c;border-color:#c9a84c;transform:translateY(-1px);box-shadow:0 4px 15px #c9a84c40}.nav-admin-btn{color:#c9a84c;letter-spacing:.2em;cursor:pointer;background:#c9a84c26;border:1px solid #c9a84c80;border-radius:20px;padding:6px 18px;font-size:clamp(.625rem,.58rem + .15vw,.72rem);font-weight:400;text-decoration:none;transition:all .3s;display:inline-block}.nav-admin-btn:hover{color:#fff;background:#c9a84c4d;border-color:#c9a84c;box-shadow:0 0 10px #c9a84c4d}.nav-avatar{cursor:pointer;border:1px solid #c9a84c80;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .3s;display:flex}.nav-avatar:hover{border-color:#c9a84c}.nav-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.nav-avatar-initials{letter-spacing:.08em;color:#c9a84c;font-size:clamp(.55rem,.52rem + .15vw,.65rem)}.nav-icon-btn{color:#fffc;cursor:pointer;background:0 0;border:1px solid #c9a84c4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:border-color .25s,color .25s,background .25s;display:flex;position:relative}.nav-icon-btn:hover{color:#c9a84c;background:#c9a84c14;border-color:#c9a84c}.nav-icon-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:clamp(.55rem,.52rem + .15vw,.65rem);font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.nav-icon-badge--gold{background:#c9a84c}
:root{--bg-void:#050505;--bg-primary:#0c0c0c;--bg-secondary:#141414;--bg-card:#1b1b1b;--bg-card-hover:#242424;--bg-elevated:#2a2a2a;--bg-product:#f5f0e8;--bg-product-hover:#ede7db;--gold-primary:#c9a84c;--gold-light:#d4b85a;--gold-bright:#e8c84a;--gold-dark:#a68b3c;--gold-muted:#c9a84c1f;--gold-gradient:linear-gradient(135deg,#a68b3c 0%,#d4b85a 45%,#e8c84a 70%,#c9a84c 100%);--crimson:#8b1a1a;--crimson-light:#a52828;--crimson-gradient:linear-gradient(160deg,#8b1a1a 0%,#5c1010 100%);--text-primary:#f2ede4;--text-secondary:#9a9590;--text-muted:#5c5955;--text-gold:#c9a84c;--text-on-ivory:#1a1714;--text-on-ivory-muted:#6b6560;--border-subtle:#ffffff0d;--border-medium:#ffffff14;--border-gold:#c9a84c40;--border-gold-strong:#c9a84c80;--success:#3d9a50;--warning:#c9963a;--error:#c43030;--info:#4a7fb5;--whatsapp:#25d366;--whatsapp-hover:#20bd5a;--font-display:"Playfair Display", Georgia, serif;--font-heading:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-2xs:clamp(.625rem, .58rem + .2vw, .75rem);--text-xs:clamp(.7rem, .65rem + .25vw, .8125rem);--text-sm:clamp(.8125rem, .76rem + .25vw, .9375rem);--text-base:clamp(.9375rem, .88rem + .3vw, 1.0625rem);--text-md:clamp(1.0625rem, .98rem + .4vw, 1.25rem);--text-lg:clamp(1.1875rem, 1.08rem + .55vw, 1.5rem);--text-xl:clamp(1.375rem, 1.2rem + .85vw, 1.875rem);--text-2xl:clamp(1.625rem, 1.38rem + 1.2vw, 2.375rem);--text-3xl:clamp(2rem, 1.65rem + 1.75vw, 3rem);--text-4xl:clamp(2.5rem, 1.95rem + 2.5vw, 4rem);--text-hero:clamp(2.75rem, 2.1rem + 3.2vw, 5.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--shadow-card:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-card-hover:0 8px 24px #00000080, 0 2px 8px #0000004d;--shadow-elevated:0 12px 40px #0009;--shadow-gold-glow:0 0 20px #c9a84c1a;--shadow-gold-strong:0 0 30px #c9a84c33;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--dur-fast:.15s;--dur-normal:.25s;--dur-slow:.4s;--glass-bg:#141414bf;--glass-blur:blur(16px);--glass-border:1px solid #c9a84c1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);min-height:100vh;line-height:1.6}h1{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.01em;font-weight:600;line-height:1.15}h2{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:600;line-height:1.2}h3{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;font-weight:600;line-height:1.25}h4{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:400;line-height:1.3}h5{font-family:var(--font-heading);font-size:var(--text-md);font-weight:400;line-height:1.35}h6{font-family:var(--font-heading);font-size:var(--text-base);font-weight:400;line-height:1.4}a{color:inherit;text-decoration:none}img,canvas{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer{background:linear-gradient(90deg, var(--bg-card) 25%, #c9a84c14 50%, var(--bg-card) 75%);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer}@keyframes float-up{0%{opacity:.6;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-120px)scale(.3)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #25d36666}50%{box-shadow:0 0 0 8px #25d36600}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg)}