/* TRAVIM · Etapa 3 · Páginas de Ayuda, Legal y Empresa
   Adaptado de la versión local (globals.css, bloque .legal-*) a los colores de site.css. */
.legal-page{max-width:1240px}
.legal-hero{max-width:900px;padding:34px 0 8px}
.legal-hero h1{margin:8px 0 10px;font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.04;letter-spacing:-.04em}
.legal-hero>p{color:var(--muted);font-size:1.05rem;line-height:1.6;margin:0}
.legal-hero .legal-updated{margin-top:14px;font-size:.72rem;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.05em}
.legal-body{padding:24px 0 30px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start}
.legal-nav{position:sticky;top:150px;display:flex;flex-direction:column;gap:3px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}
.legal-nav strong{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:4px 10px 8px}
.legal-nav a{font-size:.82rem;font-weight:700;color:#2d4d58;padding:9px 10px;border-radius:10px}
.legal-nav a:hover{background:var(--soft);color:var(--teal)}
.legal-nav a.active{background:#e6f6f8;color:var(--teal)}
.legal-doc{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:42px 46px 38px;box-shadow:var(--shadow);font-size:.97rem;line-height:1.72;color:#24404a;min-width:0}
.legal-doc h2{margin:32px 0 12px;font-size:1.25rem;letter-spacing:-.02em;color:var(--ink)}
.legal-doc h2:first-child{margin-top:0}
.legal-doc p{margin:0 0 14px}
.legal-doc ul,.legal-doc ol{margin:0 0 16px;padding-left:22px}
.legal-doc li{margin-bottom:8px}
.legal-doc strong{color:var(--ink);font-weight:800}
.legal-doc a{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.legal-doc a:hover{color:var(--cyan)}
.legal-table-wrap{overflow-x:auto;margin:0 0 20px;border:1px solid var(--line);border-radius:14px}
.legal-table{border-collapse:collapse;width:100%;font-size:.85rem;min-width:460px}
.legal-table th{text-align:left;background:var(--soft);color:var(--ink);font-weight:800;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.legal-table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.legal-table tr:last-child td{border-bottom:0}
.legal-note,.legal-warn,.legal-disclaimer{display:block;border-radius:14px;padding:15px 18px;margin:0 0 18px;font-size:.9rem;line-height:1.6}
.legal-note{background:#e9f7f8;border-left:4px solid var(--teal);color:#14454f}
.legal-warn{background:#fff6e2;border-left:4px solid #e08a00;color:#5b4212}
.legal-disclaimer{margin:34px 0 0;background:var(--soft);border:1px dashed var(--line);color:var(--muted);font-size:.8rem}
.legal-disclaimer strong{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;color:var(--muted);margin-bottom:6px}
.legal-disclaimer p{margin:0}
mark.dato-requerido{background:#ffe89a;color:#6a4b00;padding:1px 5px;border-radius:5px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.legal-index{padding:24px 0 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.legal-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease}
.legal-card:hover{transform:translateY(-3px);border-color:var(--cyan)}
.legal-card strong{font-size:1rem;color:var(--ink)}
.legal-card p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.55;flex:1}
.legal-card span{color:var(--teal);font-weight:800;font-size:.8rem}
/* Pie: Marca · Compra · Ayuda · Legal · Empresa */
.footer.legal-footer{grid-template-columns:1.6fr repeat(4,1fr)}
.footer.legal-footer a:hover{color:var(--teal)}
.legal-strip{background:#041f29;color:#a9c6cd;padding:18px max(24px,calc((100vw - 1452px)/2));font-size:.72rem;line-height:1.65}
.legal-strip p{margin:0 0 4px}
.legal-strip p:last-child{margin-bottom:0}
.legal-strip strong{color:#dbeaee}
.legal-strip a{color:#8ee3ea;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.legal-strip mark.dato-requerido{background:#6b5410;color:#ffe89a}
@media(max-width:1000px){
  .legal-body{grid-template-columns:1fr;gap:18px}
  .legal-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}
  .legal-nav strong{width:100%;padding:0 0 4px}
  .legal-nav a{border:1px solid var(--line)}
  .footer.legal-footer{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer.legal-footer>div:first-child{grid-column:1/-1}
}
@media(max-width:720px){
  .legal-hero{padding:18px 0 4px}
  .legal-hero>p{font-size:.95rem}
  .legal-doc{padding:24px 18px 22px;border-radius:18px;font-size:.94rem}
  .legal-doc h2{font-size:1.1rem}
  .legal-strip{padding:16px 14px 84px}
}
@media print{.legal-nav,.legal-strip{display:none}.legal-body{display:block}.legal-doc{box-shadow:none;border:0;padding:0}}