:root{--bg-color: #f5f7fa;--text-color: #212529;--card-bg: #ffffff;--input-bg: #ffffff;--primary-color: #007bff;--primary-hover: #0056b3;--danger-color: #dc3545;--danger-hover: #a71d2a;--accent-color: #41a3ff;--menu-tile-bg: #e0e0e0;--menu-tile-hover: #0dcaf0;--menu-tile-text: #000;--carousel-shadow: #fff}body.dark-mode{--bg-color: #1e1f22;--text-color: #f5f5f5;--card-bg: #2e2f33;--input-bg: #2b2b2b;--primary-color: #007bff;--primary-hover: #0056b3;--danger-color: #dc3545;--danger-hover: #a71d2a;--accent-color: #69bff7;--menu-tile-bg: #1f1f1f;--menu-tile-hover: #0dcaf0;--menu-tile-text: #9cdcff;--carousel-shadow: #111}body{margin:0;font-family:Segoe UI,sans-serif;background-color:var(--bg-color);color:var(--text-color)}h1,h2,h3,h4,h5,h6,span,label,p{color:var(--text-color)}.page-content{padding:2rem;background-color:var(--bg-color);min-height:100vh}.btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:700;border:none;cursor:pointer;transition:background .3s,transform .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:var(--danger-hover)}input[type=text],input[type=number],input[type=email],input[type=password],textarea{background-color:var(--input-bg);color:var(--text-color);border:1px solid #666;border-radius:.5rem;padding:.6rem 1rem;width:100%;box-sizing:border-box;margin-bottom:1rem}.search-input{background-color:var(--input-bg);color:var(--text-color);border:1px solid #666;padding:.6rem 1rem;border-radius:.5rem;width:280px;font-size:.95rem}.menu-access{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem;justify-content:center}.menu-button{padding:.8rem 1.2rem;border-radius:.6rem;background:linear-gradient(to right,var(--primary-color),var(--primary-hover));color:#fff;font-weight:700;text-decoration:none;box-shadow:0 4px 10px #007bff4d;transition:transform .2s,background .3s}.menu-button:hover{transform:scale(1.05);background:linear-gradient(to right,var(--primary-hover),#003f7f)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.product-image img{width:150px;height:150px;object-fit:contain}.product-info h3,.product-info p,.product-info{color:var(--text-color)}.product-info .precio{color:var(--accent-color);font-weight:700}.stock-label{font-weight:700;padding:.3rem .7rem;border-radius:999px;display:inline-block;animation:pulseStock 1.3s infinite}.pocas-unidades{background:linear-gradient(to right,#ffc107,#ff8c00);color:#1a1a1a}.agotado{background-color:#ff4d4f;color:#fff;animation:none}@keyframes pulseStock{0%{transform:scale(1);box-shadow:0 0 #ffc10799}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ffc10700}to{transform:scale(1);box-shadow:0 0 #ffc10700}}body.dark-mode .swal2-popup{background-color:var(--card-bg)!important;color:var(--text-color)!important}body.dark-mode .swal2-title{color:var(--text-color)!important;font-weight:700}body.dark-mode .swal2-html-container{color:#ddd!important}body.dark-mode .swal2-icon-success{border-color:#28a745!important;color:#28a745!important}@media(max-width:480px){.menu-access{flex-direction:column;gap:.5rem}.catalog-header{flex-direction:column;align-items:stretch}.search-input{width:100%}}.transferencia-info{background-color:#fff9db;padding:1rem;border:1px solid #ffe58f;border-radius:8px;margin-top:1rem;color:#333}body.dark-mode .transferencia-info{background-color:#2a2a2a;border-color:#444;color:#f0f0f0}.carrito-container{padding:2rem;border-radius:12px;background-color:var(--container-bg);color:var(--text-color);max-width:800px;margin:0 auto}.item-card{background-color:var(--card-bg);padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid var(--border-color)}.item-card h3{margin-top:0}.total{margin-top:2rem;padding:1rem;background-color:var(--highlight-bg);border-radius:8px;border:1px solid var(--border-color)}.carrito-container button{margin-top:1rem;padding:.5rem 1rem;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.carrito-container button:hover{background-color:var(--button-bg-hover)}.carrito-container select{width:100%;padding:.5rem;margin-top:.5rem;border-radius:5px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color)}.estado-pendiente{color:orange;font-weight:700}.estado-pagado{color:#00f;font-weight:700}.estado-enviado{color:#0af;font-weight:700}.estado-entregado{color:green;font-weight:700}.alert-box{background-color:#f9f9f9;border-left:4px solid #ccc;padding:10px;margin:10px 0;border-radius:4px}.alert-box.warning{border-color:#ffa600;background-color:#fff8e11c}.alert-box.info{border-color:#0af;background-color:#e1f5fe}.alert-box.success{border-color:green;background-color:#feffff17}.carousel-container{position:relative;overflow:hidden;border-radius:10px}.carousel-container:before,.carousel-container:after{content:"";position:absolute;top:0;width:80px;height:100%;z-index:2;pointer-events:none;transition:background .3s ease}.carousel-container:before{left:0;background:linear-gradient(to right,var(--carousel-shadow),transparent)}.carousel-container:after{right:0;background:linear-gradient(to left,var(--carousel-shadow),transparent)}