/* css/index/index.css */

/* 1. Importar variables globales */
@import url('../global/variables.css');

/* 2. Importar estilos base globales */
@import url('../global/base.css');

/* 3. Estilos de layout y componentes principales de la página */
@import url('./header.css');
@import url('./aside.css');
@import url('./footer.css');

/* 4. Estilos específicos de las secciones del main */
@import url('./main-hero.css');
@import url('./main-nosotros.css');
@import url('./main-que-estudiar.css'); /* Antiguas "modalidades" y "cursos" si se combinan */
@import url('./main-carreras.css');
@import url('./main-contacto.css');
@import url('./main-filosofia.css'); /* Si es una sección independiente dentro del main */
@import url('./main-modalidades.css'); /* Si es una sección independiente dentro del main */

/* Media Queries generales o que afectan a múltiples componentes si no pueden ir en parciales */
@media (min-width: 768px) {
    .contenido {
        margin-left: 0;
        margin-top: 60px; /* Ajusta según la altura final de tu header fijo */
    }
}