/* Estilos para arreglar el espacio entre la barra de navegación y el título en páginas legales */

/* Ajustar el main para dar espacio adecuado después del header moderno */
#main {
    padding-top: 120px !important; /* Aumentado para acomodar el nuevo header */
    margin-top: 0 !important;
}

/* Ajustar el espacio del contenido legal */
.legal-content {
    padding: 0 0 3rem !important; /* Eliminado el padding superior */
}

/* Ajustar el espacio del título principal */
.legal-content h1 {
    margin-top: 0 !important; /* Eliminar margen superior */
    margin-bottom: 2rem !important;
}

/* Ajuste para pantallas medianas */
@media (max-width: 991px) {
    #main {
        padding-top: 110px !important;
    }
}

/* Ajuste para dispositivos móviles */
@media (max-width: 768px) {
    #main {
        padding-top: 100px !important;
    }
    
    .legal-content h1 {
        font-size: 1.8rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .legal-content {
        padding: 0 0 2rem !important;
    }
}