/* ========== AUTO-GENERADO POR PANEL MAESTRO — NO EDITAR MANUALMENTE ========== */
:root {
    --color-primario: #8f8f94;
    --color-header-bg: #f3eed3;
    --color-menu-texto: #0b0a0a;
    --color-footer-bg: #f3eed3;
    --color-precio: #041439;
    --color-oferta: #f13232;
    --color-sitio-bg: #ffffff;
    --fuente-principal: 'Inter', sans-serif;
    --fuente-peso: 400;
}

/* Aplicación de colores */
.header { background-color: var(--color-header-bg) !important; }
.menu a { color: var(--color-menu-texto) !important; }
.footer { background-color: var(--color-footer-bg) !important; }
.precio { color: var(--color-precio) !important; }
.etiqueta.oferta { background-color: var(--color-oferta) !important; }
.badge-oferta { background-color: var(--color-oferta) !important; }

/* Color Primario (Botones y enlaces) */
.btn-primary, .btn-agregar, .carrito-flotante, .burbuja-carrito { 
    background-color: var(--color-primario) !important; 
    color: white !important;
}
.btn-primary:hover, .btn-agregar:hover { 
    filter: brightness(1.2); 
}
a:hover { color: var(--color-primario); }

/* Fondo del Sitio */
body { background-color: var(--color-sitio-bg) !important; }

/* Tipografía */
body, button, input, select, textarea { 
    font-family: var(--fuente-principal) !important; 
    font-weight: var(--fuente-peso) !important;
}

/* Ajustes extra para asegurar visibilidad */
.footer-inferior { background-color: #000 !important; } 
/* ============================== FIN PANEL MAESTRO ============================== */