:root{--color-primary: #6C3DE0;--color-primary-hover: #5a2ec0;--color-sale: #e63946;--color-whatsapp: #25D366;--color-success: #2a9d8f;--color-warning: #f4a261;--color-text-primary: #1d1d1d;--color-text-muted: #6b7280;--color-text-light: #9CA3AF;--color-bg: #f0f0f8;--color-card: #ffffff;--color-border: #e5e7eb;--color-surface: #ffffff;--color-surface-2: #f0f0f8;--color-surface-3: #e5e7eb;--color-error: #e63946;--color-info: #3B82F6;--color-text: #1d1d1d;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--radius-card: 12px;--radius-btn: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .18);--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--container-max: 1280px;--navbar-height: 56px;--mobile-navbar-height: 56px}@media(min-width:768px){:root{--navbar-height: 64px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(min-width:768px){html{font-size:16px}}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom)}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;touch-action:manipulation;min-height:44px;min-width:44px}.btn--sm{min-height:32px;min-width:32px}input,textarea,select{font-family:inherit}.page-safe-bottom{padding-bottom:calc(80px + env(safe-area-inset-bottom))}@media(min-width:768px){.page-safe-bottom{padding-bottom:0}}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}@media(min-width:768px){.container{padding:0 var(--space-xl)}}.section{padding:var(--space-2xl) 0}@media(min-width:768px){.section{padding:var(--space-3xl) 0}}.text-serif{font-family:var(--font-serif)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.01em;transition:all var(--transition-fast);cursor:pointer;border:none;outline:none;white-space:nowrap}.btn--primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-btn);box-shadow:0 4px 14px #6c3de059}.btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6c3de073}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--secondary:hover{background:var(--color-primary-50)}.btn--outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--outline:hover{background:var(--color-primary-50);transform:translateY(-1px)}.btn--outline:active{transform:translateY(0)}.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn--danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.btn--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn--success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn--wa{background:var(--color-whatsapp);color:#fff;box-shadow:0 4px 14px #25d36659}.btn--wa:hover{background:#128c7e;transform:translateY(-1px);box-shadow:0 6px 20px #25d36673}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover{background:var(--color-surface-3);color:var(--color-text)}.btn--sm{padding:7px 14px;font-size:var(--font-size-xs)}.btn--lg{padding:14px 28px;font-size:var(--font-size-base)}.btn--icon{padding:10px;border-radius:var(--radius-md)}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badge--new{background:#dcfce7;color:#166534}.badge--sale{background:#fee2e2;color:#991b1b}.badge--bestseller{background:#fef3c7;color:#92400e}.badge--featured{background:var(--color-primary-100);color:var(--color-primary-dark)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(min-width:768px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}#featured-products .product-grid{grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:768px){#featured-products .product-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){#featured-products .product-grid{grid-template-columns:repeat(6,1fr)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-lg);pointer-events:all;animation:slideInRight .3s ease forwards}.toast--success{background:#d1fae5;color:#065f46}.toast--error{background:#fee2e2;color:#7f1d1d}.toast--info{background:#dbeafe;color:#1e3a8a}.toast--warning{background:#fef3c7;color:#78350f}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}::view-transition-old(root){animation:fadeOut .2s ease forwards}::view-transition-new(root){animation:fadeIn .3s ease forwards}@keyframes fadeOut{to{opacity:0;transform:scale(.98)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.input-field{padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-sans);outline:none;background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color var(--transition-fast)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1f}.input-field::placeholder{color:var(--color-text-light)}.input-field:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface-2)}.input-field--error{border-color:var(--color-error)}.divider{height:1px;background:var(--color-border);border:none;margin:var(--space-md) 0}.divider--vertical{width:1px;height:auto;margin:0 var(--space-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.fw-bold{font-weight:700}.fw-semibold{font-weight:600}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.snap-x{scroll-snap-type:x mandatory;overflow-x:auto;scrollbar-width:none}.snap-x::-webkit-scrollbar{display:none}.snap-start{scroll-snap-align:start}.snap-center{scroll-snap-align:center}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-product{aspect-ratio:3/4}.img-cover{width:100%;height:100%;object-fit:cover}.img-contain{width:100%;height:100%;object-fit:contain}.mobile-bottom-sheet{position:fixed;bottom:0;left:0;width:100%;max-height:90vh;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%);transition:transform var(--transition-normal);z-index:1000;padding-bottom:env(safe-area-inset-bottom)}@media(min-width:1024px){.mobile-bottom-sheet{inset:0 0 auto auto;width:400px;height:100vh;max-height:none;border-radius:0;transform:translate(100%)}}.mobile-bottom-sheet--open{transform:translateY(0)}@media(min-width:1024px){.mobile-bottom-sheet--open{transform:translate(0)}}.checkout-layout{grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:1024px){.checkout-layout{grid-template-columns:1fr 380px}}@media(prefers-color-scheme:dark){[data-theme=dark]{--color-surface: #1a1625;--color-surface-2: #211d2e;--color-surface-3: #2a253a;--color-border: #322d47;--color-text: #f1effe;--color-text-muted: #9ca3af;--color-text-light: #6b7280;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5)}}@media print{.navbar,.admin-sidebar,.cart-drawer,.detail-panel,.share-row,.btn--wa,footer{display:none!important}body{background:#fff;color:#000;font-size:12pt}a[href]:after{content:" (" attr(href) ")";font-size:10pt;color:#555}}tui-dialog:where(*[data-tui-version="5.5.0"]){background:#fff!important;border-radius:16px!important}