/* Importación de módulos CSS */
@import 'variables.css';
@import 'animations.css';
@import 'base.css';

/* Importación de secciones */
@import 'sections/hero.css';
@import 'sections/header.css';
@import 'sections/history.css';
@import 'sections/contact.css';
@import 'sections/products.css';
@import 'sections/footer.css';
@import 'sections/store.css';
@import 'sections/cookies.css';
@import 'sections/legal.css';

/* Estilos comunes de secciones */
.hero-container,
.history-section,
.products-section,
.contact-section,
.store-section {
    background-color: var(--warm-cream);
    position: relative;
    z-index: 1;
}

.section-wrapper {
    background-color: var(--warm-cream);
    position: relative;
    z-index: 1;
}

/* Media queries */
@media (max-width: 768px) {
    .hero {
        margin: 0;
        min-height: 70vh;
    }
    
    .hero h1 {
        font-size: 3rem;
    }
    
    .hero p {
        font-size: 1.4rem;
    }
}