:root{--brand-navy:#002b5c;--brand-navy-dark:#03152c;--brand-cyan:#2b92e4;--brand-cyan-hover:#1b7ecf;--brand-silver:#6b7280;--bg-body:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-ice:#f0f7ff;--bg-header:#fff;--text-main:#0f172a;--text-navy:#002b5c;--text-muted:#64748b;--border-color:#cbd5e1;--shadow-color:#002b5c14}[data-theme=dark]{--bg-body:#010c1b;--bg-surface:#03152c;--bg-card:#0a1d37;--bg-ice:#061e3d;--bg-header:#03152c;--text-main:#f8fafc;--text-navy:#78c2ff;--text-muted:#94a3b8;--border-color:#1e293b;--shadow-color:#0006}*{box-sizing:border-box}html,body{width:100%;color:var(--text-main);background-color:var(--bg-body);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Barlow,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}input,select,textarea,label,button,.modal-body{font-family:Barlow,-apple-system,BlinkMacSystemFont,sans-serif!important}input,select,textarea{color:#0f172a!important;letter-spacing:normal!important;font-size:.92rem!important;font-weight:500!important}input::placeholder,textarea::placeholder{color:#94a3b8!important;font-family:Barlow,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:.88rem!important;font-weight:400!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-cyan)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popModal{0%{opacity:0;transform:scale(.93)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toastSlide{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-pop-modal{animation:.35s cubic-bezier(.16,1,.3,1) forwards popModal}.animate-slide-right{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-toast{animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlide}button{transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.97)!important}.product-card{transition:all .3s cubic-bezier(.16,1,.3,1)!important}.product-card:hover{box-shadow:0 16px 36px var(--shadow-color)!important;border-color:var(--brand-cyan)!important;transform:translateY(-6px)!important}.product-card:hover .product-image{transform:scale(1.06)}.product-image{transition:transform .4s cubic-bezier(.16,1,.3,1)!important}.category-chips-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.category-chip{white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.category-chip:hover{transform:translateY(-2px)}@media (max-width:768px){header>div{flex-direction:column;align-items:stretch!important;gap:12px!important}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important}.hero-grid{grid-template-columns:1fr!important;gap:24px!important}.admin-table-container{overflow-x:auto}}@media (max-width:480px){.product-grid{grid-template-columns:1fr!important}.modal-container{padding:12px!important}}.footer-whatsapp-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #2b92e459;border-radius:8px;align-items:center;gap:12px;padding:12px 18px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #0003}.footer-whatsapp-btn:hover{transform:translateY(-2px);background:var(--brand-cyan)!important;color:#fff!important;border-color:var(--brand-cyan)!important;box-shadow:0 8px 24px #2b92e466!important}.footer-whatsapp-btn:hover .footer-btn-phone,.footer-whatsapp-btn:hover .footer-btn-icon{color:#fff!important}.footer-link{color:#ffffffb3;cursor:pointer;align-items:center;gap:6px;text-decoration:none;transition:all .2s;display:inline-flex}.footer-link:hover{transform:translate(4px);color:var(--brand-cyan)!important}.topbar-whatsapp-btn{color:#78c2ff;cursor:pointer;background:#2b92e426;border:1px solid #2b92e466;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.topbar-whatsapp-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #2b92e459;background:var(--brand-cyan)!important;color:#fff!important}