/* Estilos Dinámicos del Tema */
:root {
    --primary-color: #2563eb;
    --primary-hover: #114fd7;
    --secondary-color: #64748b;
    --accent-color: #10b981;
    --background-color: #ffffff;
    --text-color: #1e293b;
    --shadow: 0 1px 2px rgba(0,0,0,0.05);
    --border-radius: 8px;
    --transition: all 0.3s ease;
}

/* Fondo general */
body {
    background: #ffffff;
    color: #1e293b;
}

/* Color primario */
.btn-primary,
.product-price {
    background: var(--primary-color);
    color: #ffffff;
}

.btn-primary:hover {
    background: var(--primary-hover);
}

/* Estilos de Tarjetas */
.product-card, .section, .filters-sidebar {
    background: #ffffff;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.1);
}

/* Bordes redondeados */
.product-card, .product-image, .btn, .form-group input,
.form-group select, .form-group textarea, .section, .filters-sidebar {
    border-radius: var(--border-radius);
}

/* Estilos de Botones */
.btn {
    border-radius: 8px;
}

/* Efectos Hover */
.product-card:hover, .btn:hover {
    transform: translateY(-2px);
    transition: var(--transition);
}

/* Glassmorphism - DESACTIVADO por problemas de visibilidad */

/* Neumorphism Global */

/* Modo Oscuro */

/* CSS Personalizado del Usuario */

/* Animaciones suaves para transiciones */
* {
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

/* Mejoras visuales adicionales */
.product-image img {
    transition: transform 0.5s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.05);
}

/* Enlaces y elementos interactivos */
a {
    color: var(--primary-color);
}

a:hover {
    color: var(--primary-hover);
}

/* WhatsApp button styling */
.btn-whatsapp {
    background: #25d366;
    color: white;
}

.btn-whatsapp:hover {
    background: #20ba5a;
}