/* Estilos específicos para corregir problemas de superposición del header en páginas legales */

/* Asegura que el header tenga un fondo sólido */
#header, .header-legal {
    background-color: #111111 !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3) !important;
    height: auto !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 9999 !important;
    padding: 10px 0 !important; /* Ajuste de padding para reducir tamaño */
}

/* Ajustes para el contenedor principal */
#main {
    padding-top: 70px !important; /* Reducido aún más para minimizar el espacio entre header y contenido */
}

/* Ajustes para el logo */
.logo img {
    max-height: 50px !important; /* Reducido de 60px a 50px */
    width: auto !important;
    display: block !important;
    position: static !important;
}

/* Ajustes para navegación */
#navbar {
    position: static !important;
}

/* Ajuste para alinear correctamente el contenedor del header */
#header .container {
    align-items: center !important;
    padding: 0 15px !important;
}

/* Mejora estética para el contenido legal */
.legal-content .card {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Previene superposición en móvil */
@media (max-width: 768px) {
    #main {
        padding-top: 75px !important; /* Reducido de 100px a 75px para dispositivos móviles */
    }
    
    .logo img {
        max-height: 50px !important;
    }
    
    .legal-content h1 {
        font-size: 1.8rem !important;
    }
}