/* ===========================================================
   Páginas legales (privacidad, términos, cookies).
   Se carga después de portal.css y reutiliza sus colores.
   Todos los pares de texto/fondo cumplen WCAG 2.1 AA (≥ 4.5:1).
   =========================================================== */

.saltar-contenido { position:absolute; left:16px; top:-60px; z-index:10; padding:10px 14px; border-radius:10px; background:#075476; color:#fff; font-weight:800; text-decoration:none; }
.saltar-contenido:focus { top:12px; }

.legal-cabecera { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px; width:min(900px,calc(100% - 32px)); margin:24px auto 0; }
.legal-marca { display:flex; align-items:center; gap:10px; color:#075476; font-weight:850; text-decoration:none; }
.legal-marca img { border-radius:8px; background:#fff; object-fit:contain; }
.legal-marca small { display:block; color:#44566c; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.legal-cabecera ul { display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; }
.legal-cabecera nav a { display:inline-flex; align-items:center; min-height:40px; padding:8px 12px; border:1px solid #cdd8e5; border-radius:999px; background:#fff; color:#153349; font-size:.85rem; font-weight:750; text-decoration:none; }
.legal-cabecera nav a:hover { border-color:#0c6f98; color:#075476; }
.legal-cabecera nav a[aria-current="page"] { border-color:#075476; background:#075476; color:#fff; }

main#contenido:focus { outline:none; }

.doc-legal { width:min(900px,calc(100% - 32px)); margin:18px auto 24px; padding:clamp(20px,4vw,44px); border:1px solid #dce3eb; border-radius:18px; background:#fff; color:#25364e; font-size:1rem; line-height:1.65; box-shadow:0 18px 50px rgba(7,74,105,.08); }
.doc-legal h1 { margin:0 0 6px; color:#075476; font-size:clamp(1.45rem,3.2vw,1.9rem); line-height:1.25; }
.doc-legal h2 { margin:30px 0 8px; color:#1f3350; font-size:1.12rem; line-height:1.35; }
.doc-legal h3 { margin:18px 0 6px; color:#1f3350; font-size:1rem; }
.doc-legal p, .doc-legal li { max-width:72ch; }
.doc-legal ul, .doc-legal ol { margin:8px 0; padding-left:22px; }
.doc-legal li + li { margin-top:4px; }
.doc-legal a { color:#075476; font-weight:650; }
.doc-legal .meta { margin:0 0 22px; color:#4f5f73; font-size:.88rem; }
.doc-legal .volver { margin-top:32px; }

.resumen-legal { margin:0 0 8px; padding:16px 18px; border:1px solid #bcdcea; border-left:5px solid #0c6f98; border-radius:12px; background:#f3f9fc; }
.resumen-legal h2 { margin-top:0; }
.resumen-legal ul { margin-bottom:0; }

.nota-legal { margin:16px 0; padding:12px 14px; border:1px solid #f1d27a; border-radius:10px; background:#fff9e6; color:#4a3a06; font-size:.93rem; }

.ficha-responsable { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:10px; margin:10px 0 0; }
.ficha-responsable > div { padding:10px 12px; border:1px solid #dce3eb; border-radius:10px; background:#fbfdfe; }
.ficha-responsable dt { color:#4f5f73; font-size:.74rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.ficha-responsable dd { margin:2px 0 0; overflow-wrap:anywhere; }

.dato-pendiente { padding:1px 6px; border-radius:6px; background:#fdecea; color:#8a1f16; font-weight:700; }

.tabla-legal { margin:10px 0 4px; overflow-x:auto; border:1px solid #dce3eb; border-radius:12px; }
.tabla-legal table { width:100%; min-width:560px; border-collapse:collapse; font-size:.92rem; }
.tabla-legal caption { padding:10px 12px; color:#4f5f73; font-size:.85rem; text-align:left; }
.tabla-legal th, .tabla-legal td { padding:10px 12px; border-top:1px solid #e3e9f0; text-align:left; vertical-align:top; }
.tabla-legal thead th { border-top:0; background:#eef5f9; color:#1f3350; font-size:.8rem; letter-spacing:.03em; text-transform:uppercase; }
.tabla-legal code { padding:1px 5px; border-radius:5px; background:#eef2f6; color:#1f3350; font-size:.86em; overflow-wrap:anywhere; }

.pagina-legal .pie-portal { flex-wrap:wrap; }

@media (max-width:560px) {
  .legal-cabecera nav a { min-height:38px; padding:7px 10px; font-size:.8rem; }
  .doc-legal { border-radius:14px; }
}

@media print {
  .fondo-forma, .legal-cabecera nav, .saltar-contenido, .volver, .pie-portal { display:none !important; }
  .doc-legal { width:auto; margin:0; padding:0; border:0; box-shadow:none; }
}