/* =============================
   COLCHAGUA - Hoja de estilos principal
   Importa todos los módulos CSS del tema
   ============================= */

@import url('fonts.css');
@import url('variables.css');
@import url('base.css');
@import url('header.css');
@import url('footer.css');
@import url('home.css');
@import url('campus-page.css');
@import url('careers.css');
@import url('responsive.css');
/* ===== FIX LOGO MÓVIL ===== */
@media (max-width: 991.98px) {

    header .campus-main-nav .navbar-brand.campus-brand {
        display: inline-flex !important;
        align-items: center;
        flex-shrink: 0;
        margin: 0;
        padding: 0;
        width: auto !important;
        height: auto !important;
    }

    header .campus-main-nav .navbar-brand.campus-brand img,
    header .campus-main-nav .campus-brand .default-logo,
    header .navbar-brand img.default-logo {
        display: block !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        max-height: 110px !important;
        min-height: 60px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 767.98px) {
    header .campus-main-nav .navbar-brand.campus-brand img,
    header .campus-main-nav .campus-brand .default-logo {
        max-height: 95px !important;
    }
}

@media (max-width: 480px) {
    header .campus-main-nav .navbar-brand.campus-brand img,
    header .campus-main-nav .campus-brand .default-logo {
        max-height: 80px !important;
    }
}
/* =============================
   FIX: HEADER EN FLUJO NORMAL
   ============================= */
body > header,
html body header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    z-index: 100;
    background: #fff;
}

/* Asegurar que el nav y su inner no se salgan */
header .campus-main-nav {
    position: relative !important;
    width: 100%;
}

/* Espacio de respiro entre el header y la primera sección */
body > header + *,
.page-layout > *:first-child,
.page-layout > section:first-of-type {
    margin-top: 0 !important;
}