/* ==========================================================================
   pages.css — ajustes del sitio multipágina
   Se carga DESPUÉS de styles.css y solo corrige lo que el sitio de una sola
   página daba por hecho. styles.css no se modificó en absoluto.
   ========================================================================== */

/* --- 1. Los contenedores de sección eran ventanas fijas de 100vh con scroll
         propio, porque siete de ellos convivían en un mismo documento. Ahora
         cada uno es su propia página: se integran al documento y scrollea la
         página completa, como espera cualquier navegador y cualquier robot. */

#new-home-page,
#nosotros-section,
#modulos-section,
#industrias-section-nav,
#recursos-section,
#contacto-section,
#aviso-privacidad-section {
    position: static !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    min-height: 100vh;
    overflow: visible !important;
    z-index: auto !important;
    opacity: 1 !important;
}

#new-home-page {
    display: flex !important;
}

#nosotros-section,
#modulos-section,
#industrias-section-nav,
#recursos-section,
#contacto-section,
#aviso-privacidad-section {
    display: block !important;
}

/* --- 2. styles.css forzaba width: 100vw en el body. 100vw incluye el ancho
         de la barra de scroll y ésa era una de las causas del scroll
         horizontal en escritorio. 100% no lo incluye. */

html {
    overflow-x: hidden;
}

body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
}

/* --- 3. Espacio para la barra de navegación fija. Antes cada sección lo
         resolvía por su cuenta, o no lo resolvía. */

#nosotros-section,
#modulos-section,
#industrias-section-nav,
#recursos-section,
#contacto-section,
#aviso-privacidad-section {
    padding-top: 90px;
}

@media (max-width: 768px) {

    #nosotros-section,
    #modulos-section,
    #industrias-section-nav,
    #recursos-section,
    #contacto-section,
    #aviso-privacidad-section {
        padding-top: 70px;
    }

    #new-home-page {
        padding-top: 70px;
    }
}

/* --- 4. La barra de navegación y el botón de WhatsApp estaban ocultos hasta
         que el usuario apretaba ENTRAR. Ese botón ya no existe: ahora se ven
         desde que carga la página. */

.navbar-float {
    display: none;
}

@media (min-width: 769px) {
    .navbar-float {
        display: flex !important;
    }
}

.mobile-nav-toggle {
    display: block !important;
}

@media (min-width: 769px) {
    .mobile-nav-toggle {
        display: none !important;
    }
}

.float-whatsapp {
    display: flex !important;
}

/* --- 5. Marca la página actual dentro del menú. */

.nav-icon[aria-current="page"],
.mobile-nav-links a[aria-current="page"] {
    color: var(--color-primary, #9a2e35);
}

/* --- 6. El hero era una rejilla de dos columnas: el texto a la izquierda y
         el video a la derecha. Al quitar el video la columna derecha quedaba
         vacía y el texto se veía descuadrado, así que el hero pasa a una sola
         columna centrada. */

@media (min-width: 969px) {
    .new-home-content {
        grid-template-columns: minmax(0, 880px) !important;
        grid-template-areas:
            "hero"
            "desc"
            "actions"
            "features" !important;
        gap: 0 !important;
        justify-content: center !important;
        margin: 0 auto;
    }
}