:root {
    --bg-main: #0B0B0B;
    --bg-card: #121212;
    --accent-blue: #00D4FF;
    --accent-purple: #7B2FFF;
    --accent-cyan: #00FFC6;
    --text-main: #FFFFFF;
    --text-muted: #A0A0A0;
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.05);
}

body {
    background-color: var(--bg-main) !important;
    color: var(--text-main);
    font-family: 'Inter', sans-serif;
    margin: 0;
    overflow-x: hidden;
}

.site-main {
    margin: 0;
    max-width: 100%;
    padding: 0;
}

.tiendas-grid, .productos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

/* Animaciones suaves */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

section {
    animation: fadeInUp 0.6s ease forwards;
}