/* ============================================================
   1. HERO DE PRIVACIDAD (CORRECCIÓN DE ESPACIOS Y COLOR)
============================================================ */
.legal-hero {
    background-color: #1E253C; /* Azul corporativo */
    width: 100%;
    
    /* 1. Subimos la sección detrás del menú */
    margin-top: -130px; 
    
    /* 2. Empujamos el texto hacia abajo para que no lo tape el menú */
    padding-top: 180px; 
    
    /* 3. Espacio en la parte de abajo del hero */
    padding-bottom: 80px; 
}

/* Forzamos el texto blanco absoluto para el título */
.legal-title {
    color: #FFFFFF !important;
}

/* Blanco ligeramente suave para el subtítulo para que se vea elegante */
.legal-subtitle {
    color: rgba(255, 255, 255, 0.8) !important;
}

.legal-content-section {
    background-color: #f4f7f9;
}

/* Tipografía de los documentos */
.legal-document {
    color: #495057;
    font-size: 1.05rem;
    line-height: 1.8;
}

.legal-document p {
    margin-bottom: 1.2rem;
}

.legal-document ul {
    margin-bottom: 2rem;
    padding-left: 1.5rem;
}

.legal-document li {
    margin-bottom: 0.8rem;
}

/* Índice Lateral Sticky */
.legal-sidebar {
    background-color: transparent;
}

.legal-nav .nav-link {
    padding: 0.8rem 1rem;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-weight: 500;
}

.legal-nav .nav-link:hover, 
.legal-nav .nav-link:focus {
    background-color: #ffffff;
    color: #F08805 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transform: translateX(5px);
}