/* =========================================
   ESTILOS PARA PÁGINAS LEGALES B2B - ARCADIAN SUPPORT
   ========================================= */

body { background-color: #f1f5f9; }

/* --- HEADER DE PÁGINAS LEGALES --- */
.legal-page-header { 
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%); 
    padding: 120px 5% 40px; 
    text-align: center; 
    border-bottom: 5px solid #d4af37; /* Arcadian Gold */
}
.legal-header-content h1 { font-size: 2.5rem; font-weight: 800; margin-bottom: 10px; color: #ffffff !important; }
.legal-header-content p { font-size: 1.1rem; max-width: 600px; margin: 0 auto; color: #cbd5e1 !important; }

/* --- ESTRUCTURA GENERAL --- */
.legal-layout { 
    display: grid; 
    grid-template-columns: 300px 1fr; 
    gap: 40px; 
    padding: 40px 5%; 
    max-width: 1400px; 
    margin: 0 auto; 
    align-items: start; 
}

/* --- MENÚ LATERAL (SIDEBAR) --- */
.legal-sidebar { 
    background: white; 
    padding: 25px 20px; 
    border-radius: 16px; 
    border: 1px solid #e2e8f0; 
    position: sticky; 
    top: 100px; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.02); 
}
.legal-sidebar h3 { font-size: 1.1rem; color: #0f172a; margin-bottom: 20px; font-weight: 800; border-bottom: 2px solid #f1f5f9; padding-bottom: 10px; }
.legal-nav-links { display: flex; flex-direction: column; gap: 8px; }
.legal-nav-links a { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
    padding: 12px 15px; 
    color: #475569; 
    text-decoration: none; 
    font-weight: 600; 
    border-radius: 10px; 
    transition: all 0.2s ease; 
    border: 1px solid transparent; 
}
.legal-nav-links a i { font-size: 1.1rem; width: 20px; text-align: center; opacity: 0.7; }
.legal-nav-links a:hover { background: #f8fafc; color: #1e3a8a; border-color: #cbd5e1; }
.legal-nav-links a.active { 
    background: #eff6ff; 
    color: #1e3a8a; 
    border-color: #bfdbfe; 
    box-shadow: 0 2px 4px rgba(42, 110, 242, 0.05); 
}

/* --- CONTENIDO DEL DOCUMENTO --- */
.legal-content-card { 
    background: white; 
    padding: 50px 60px; 
    border-radius: 20px; 
    border: 1px solid #e2e8f0; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.03); 
}

.update-badge { 
    background: #ecfdf5; 
    color: #059669; 
    padding: 8px 15px; 
    border-radius: 8px; 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
    font-weight: 700; 
    font-size: 0.85rem; 
    margin-bottom: 30px; 
    border: 1px solid #a7f3d0; 
}

.legal-section { margin-bottom: 40px; }
.legal-section h2 { 
    color: #0f172a; 
    font-size: 1.5rem; 
    font-weight: 800; 
    margin: 0 0 20px 0; 
    display: flex; 
    align-items: center; 
    gap: 10px; 
    border-bottom: 2px solid #f1f5f9; 
    padding-bottom: 10px; 
}
.legal-section h3 { color: #1e3a8a; font-size: 1.15rem; font-weight: 700; margin: 25px 0 15px 0; }
.legal-section p { color: #475569; line-height: 1.7; font-size: 1rem; margin-bottom: 15px; text-align: justify; }

.legal-list { list-style: none; padding: 0; margin: 0 0 20px 0; }
.legal-list li { position: relative; padding-left: 25px; margin-bottom: 10px; color: #475569; line-height: 1.6; }
.legal-list li::before { content: '•'; position: absolute; left: 0; top: 0; color: #d4af37; font-size: 1.5rem; line-height: 1; }

.legal-highlight { 
    background: #f8fafc; 
    padding: 25px; 
    border-left: 4px solid #d4af37; 
    border-radius: 0 12px 12px 0; 
    margin: 25px 0; 
}
.legal-highlight p { margin: 0; font-weight: 600; color: #0f172a; line-height: 1.5; }

/* --- RESPONSIVIDAD --- */
@media (max-width: 1024px) {
    .legal-layout { grid-template-columns: 250px 1fr; }
    .legal-content-card { padding: 40px; }
}
@media (max-width: 768px) {
    .legal-layout { grid-template-columns: 1fr; }
    .legal-sidebar { position: relative; top: 0; }
    .legal-content-card { padding: 30px 20px; }
    .legal-page-header { padding: 100px 5% 30px; }
}