/* Configuración › Textos legales (10-nov). Solo las fichas del tema «Consola Navy» de Index.html (:root), como pagos-portal.css. */
[hidden]{display:none!important}
.tl-ayuda{margin:0 0 var(--e4);max-width:90ch}
.tl-lista{list-style:none;margin:0;padding:0;display:grid;gap:var(--e3)}
.tl-t{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-tarjeta);box-shadow:var(--sombra);padding:var(--e4)}
.tl-t.on{border-color:var(--accion-borde)}
.tl-t-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--e3)}
.tl-t-nom{min-width:0;overflow-wrap:anywhere}
.tl-tenue{color:var(--tenue);font-size:var(--t-chico)}
.tl-borr{color:var(--info-texto)}
.tl-chip{display:inline-block;padding:2px 10px;border-radius:var(--r-pastilla,999px);font-size:var(--t-chico);font-weight:700;background:var(--neutro-fondo);color:var(--neutro-texto);white-space:nowrap}
.tl-chip.ok{background:var(--bien-fondo);color:var(--bien-texto)}
.tl-chip.esp{background:var(--atencion-fondo);color:var(--atencion-texto)}
.tl-chip.info{background:var(--info-fondo);color:var(--info-texto)}
.tl-botones{display:flex;flex-wrap:wrap;gap:var(--e2);margin-top:var(--e3)}
.tl-botones .btn{margin:0}
.tl-panel{margin-top:var(--e4);padding-top:var(--e4);border-top:1px solid var(--fila)}
.tl-ver-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--e3);margin-bottom:var(--e3)}
.tl-vista{border:1px solid var(--linea);border-radius:var(--r-control);background:var(--superficie-2);padding:var(--e4);max-height:460px;overflow:auto;line-height:1.55;color:var(--tinta)}
.tl-vista h1,.tl-vista h2,.tl-vista h3,.tl-vista h4{margin:var(--e3) 0 var(--e2)}
.tl-vista table{border-collapse:collapse}.tl-vista td,.tl-vista th{border:1px solid var(--linea);padding:4px 8px}
.tl-form{display:grid;gap:var(--e3)}
.tl-form h4{margin:0}
.tl-form label{display:grid;gap:4px;font-weight:600}
.tl-form textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;width:100%;box-sizing:border-box;min-height:220px;padding:var(--e2);border:1px solid var(--linea);border-radius:var(--r-control)}
.tl-err{margin:0;color:var(--mal-texto);font-weight:600}
.tl-confirma{margin-top:var(--e3);padding:var(--e3) var(--e4);border:1px solid var(--atencion-texto);border-radius:var(--r-control);background:var(--atencion-fondo);color:var(--atencion-texto)}
.tl-confirma p{margin:0 0 var(--e2)}
.tl-tabla{overflow-x:auto}.tl-tabla table{width:100%;min-width:760px}
@media(max-width:767px){.tl-t-cab,.tl-ver-cab{flex-direction:column}.tl-botones .btn{flex:1 1 auto}}