/* Páginas legales */
.doc-legal{max-width:760px;margin:0 auto;padding:24px 20px 64px;display:flex;flex-direction:column;gap:24px}
.doc-legal-cab{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.doc-legal h1{max-width:none;font-size:clamp(28px,6vw,44px)}
.doc-legal-meta{font-size:14px;color:var(--gris);overflow-wrap:anywhere}
.doc-legal-aviso{background:var(--aviso-fondo);border:1px solid var(--sol);color:var(--tinta);border-radius:var(--radio-m);padding:14px 16px;text-align:center;font-size:15px}
.doc-legal-indice{background:var(--fondo);border:1px solid var(--borde);border-radius:var(--radio-m);padding:16px 20px}
.doc-legal-indice ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:2px 24px}
.doc-legal-indice a{display:block;padding:7px 0;text-decoration:none;font-weight:600;font-size:15px}
.doc-seccion{display:flex;flex-direction:column;gap:12px;scroll-margin-top:16px}
.doc-seccion h2{font-size:clamp(20px,3.4vw,26px);margin-top:8px;overflow-wrap:anywhere}
.doc-seccion p,.doc-seccion li{color:var(--texto-2);text-wrap:pretty;overflow-wrap:anywhere}
.doc-seccion ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.doc-seccion code,.doc-legal-meta code{font-size:.9em;background:var(--celeste);color:var(--azul-osc);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
.doc-legal .nota{text-align:left;margin:0}
.doc-legal-caja{background:var(--celeste);border:1px solid var(--celeste-2);border-radius:var(--radio-l);padding:20px;display:flex;flex-direction:column;gap:12px}
.doc-legal-caja h3{text-align:center}
.rev{font-size:.72em;font-weight:700;color:var(--aviso);white-space:nowrap}
.tabla-legal{width:100%}
.tabla-legal table{width:100%;border-collapse:collapse;font-size:14px}
.tabla-legal th{background:var(--tinta);color:#fff;text-align:left;padding:10px 12px;font-weight:700}
.tabla-legal td{padding:10px 12px;border-bottom:1px solid var(--borde);vertical-align:top;color:var(--texto-2);overflow-wrap:anywhere}
@media (max-width:760px){
  .tabla-legal thead{position:absolute;left:-9999px}
  .tabla-legal table,.tabla-legal tbody,.tabla-legal tr,.tabla-legal td{display:block;width:100%}
  .tabla-legal tr{border:1px solid var(--borde);border-radius:var(--radio-m);padding:6px 4px;margin-bottom:12px;background:var(--blanco)}
  .tabla-legal td{border-bottom:0;padding:6px 12px}
  .tabla-legal td::before{content:attr(data-label);display:block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--azul)}
}
