/* Pie en el flujo normal: no se fija ni se superpone a la portada o al chat. */
footer.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;padding:16px 3%;border-top:1px solid #244452;background:linear-gradient(110deg,#0b151d,#080d12);font-family:Arial,sans-serif;line-height:1.5}
.site-footer>[data-radio-name]{font:11px monospace;color:#8ca6b2;flex:1 1 180px}
.legal-links{display:flex;flex-wrap:wrap;gap:2px 18px;justify-content:flex-end}
.legal-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);text-decoration:none;font-size:12px;letter-spacing:0}
.legal-links a:hover{color:var(--orange);text-decoration:underline}
.legal-footer-note{flex-basis:100%;font-size:10px;color:#98a8b2;letter-spacing:.2px}
.legal-dialog{box-sizing:border-box;width:min(820px,calc(100% - 28px));max-height:85vh;max-height:85dvh;padding:0 24px 24px;border:1px solid var(--blue);border-top:3px solid var(--orange);border-radius:8px;background:#101b24;color:var(--text);overflow:auto;overscroll-behavior:contain;box-shadow:0 0 50px #000b}
.legal-dialog::backdrop{background:#02070cbd}
.legal-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:1;background:#101b24;padding:20px 0 10px}
.legal-dialog-header h2{font-size:clamp(23px,4vw,31px);line-height:1.2;color:var(--blue);margin:4px 0 12px;overflow-wrap:anywhere}
.legal-dialog-header button{flex-shrink:0;min-height:44px;padding:10px 12px;border:1px solid var(--orange);border-radius:4px;color:var(--text);background:#17252f;cursor:pointer}
.legal-draft{color:#ffd0a5;border-left:2px solid var(--orange);padding:8px 12px;background:#ff8c3609;font:11px/1.6 monospace;letter-spacing:.4px}
.legal-content{font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.legal-content h3{font-size:18px;line-height:1.4;color:#d8edf5;margin:26px 0 10px}
.legal-content p{color:#c1cfd7;margin:12px 0}
.legal-content li{color:#c1cfd7;margin-bottom:12px}
.legal-content ul{padding-left:22px}
.legal-content a{color:var(--blue);text-underline-offset:3px}
.legal-content strong{color:#edf6fa}
.legal-table-wrap{width:100%;margin:24px 0}
.legal-content table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px;line-height:1.65}
.legal-content caption{text-align:left;margin-bottom:10px;color:#c6e3ed;font-size:13px}
.legal-content th,.legal-content td{padding:12px 10px;vertical-align:top;border:1px solid #304650;text-align:left;overflow-wrap:anywhere}
.legal-content th{color:var(--blue);background:#132833}
.legal-content th:first-child{width:32%}
@media(max-width:800px){
  footer.site-footer{padding:14px 4%;gap:4px}
  .site-footer>[data-radio-name]{flex-basis:100%}
  .legal-links{width:100%;justify-content:flex-start;gap:0 16px}
}
@media(max-width:600px){
  body:has(#chat:not([hidden])) footer.site-footer{display:flex}
  .legal-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
  .legal-links a{font-size:11px;min-height:44px}
  .legal-dialog{padding:0 16px 16px;max-height:90vh;max-height:90dvh}
  .legal-dialog-header{gap:10px;padding:14px 0 10px}
  .legal-dialog-header h2{font-size:23px}
  .legal-content{font-size:14px}
  .legal-content th,.legal-content td{padding:9px 7px;font-size:12px}
  .legal-content th:first-child{width:34%}
}
