/* ================================
   NOT LANDING – HEADER SENCILLO
   ================================ */

/* Dejamos espacio para el header fijo */
body {
    padding-top: 90px;
}

/* Header fijo arriba: vale para #header o #main-header */
#header,
#main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #ffffff;
}

/* Fondo y comportamiento del contenedor interno del header */
#header #header-wrap,
#main-header #header-wrap {
    background-color: #ffffff;
    transform: none !important;
    transition: none !important;
    z-index: 9999 !important;
}

/* Mismo padding siempre, sin encoger al hacer scroll */
#header .header-row,
#header.sticky-header .header-row,
#main-header .header-row,
#main-header.sticky-header .header-row {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Anulamos la lógica de "desaparecer" cuando no es sticky
   que trae el CSS de la landing */
@media (min-width: 992px) {

    /* Que el header SI responda a eventos siempre */
    #header:not(.sticky-header),
    #main-header:not(.sticky-header) {
        pointer-events: auto !important;
    }

    /* Nada de sacar el header fuera de la pantalla */
    #header:not(.sticky-header) #header-wrap,
    #main-header:not(.sticky-header) #header-wrap {
        transform: none !important;
        z-index: 9999 !important;
    }

    /* Y aunque le pongan .sticky-header, que no cambie nada */
    #header.sticky-header #header-wrap,
    #main-header.sticky-header #header-wrap {
        transform: none !important;
    }
}

/* Ocultamos el nav de la hero de la landing, que aquí no se usa */
nav.custom-hero-nav {
    display: none !important;
}

/* Opcional: quitar rellenos de Canvas en estas páginas */
.content-wrap {
    padding: 0 !important;
}

/* Alineación visual de los H3 y textos en "¿Qué nos diferencia?" */
.diferencia-row .diferencia-box {
    height: 100%;
}

/* Hacemos que todos los títulos tengan la misma altura mínima,
   así los párrafos empiezan alineados en las tres columnas */
.diferencia-row .diferencia-titulo {
    display: flex;
    align-items: flex-end;
    min-height: 3.5rem; /* ajusta si ves que necesitas más o menos aire */
    margin-bottom: 0.75rem;
}

/* El mapa ocupa todo el ancho del contenedor y respira un poco */
.diferencia-mapa-wrapper {
    max-width: 100%;
}