/* Las paginas legales (/privacy, /terms). Antes iba en <style> dentro de la pagina y la CSP
   (style-src 'self') lo descartaba: medido, Times New Roman y fondo transparente (auditoria-cruzada §2). */
:root { color-scheme: dark; }
body { margin: 0; background: #000; color: #e6edf3;
       font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.envoltura { max-width: 760px; margin: 0 auto; padding: 32px 20px 72px;
             padding-inline: max(20px, env(safe-area-inset-left)); }
a { color: #00FFAA; }
a:focus-visible, .volver:focus-visible { outline: 2px solid #00FFAA; outline-offset: 3px; }
.volver { display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
          color: #9aa7a3; text-decoration: none; font-size: 14px; }
.volver:hover { color: #00FFAA; }
.volver svg { flex: 0 0 auto; }
table { border-collapse: collapse; width: 100%; margin: 16px 0; }
.tabla-scroll { margin-top: 16px; }
caption { text-align: left; color: #9aa7a3; font-size: 14px; padding-bottom: 8px; }
/* 16px: es la tabla que dice que se guarda de tus datos y cuanto tiempo. El
   suelo de texto corrido vale igual aqui que en un parrafo. */
th, td { border-bottom: 1px solid #1b2422; padding: 8px 12px; text-align: left;
         vertical-align: top; font-size: 16px; }
h1 { font-size: clamp(26px, 6vw, 36px); line-height: 1.2; margin: 8px 0 4px; }
h2 { font-size: 19px; margin: 34px 0 8px; padding-top: 18px;
     border-top: 1px solid #1b2422; }
h3 { font-size: 16px; margin: 20px 0 6px; color: #00FFAA; }
/* 12px de aire bajo el titular y 16 antes de la tabla: a 4px y 8px el titulo
   y la fecha se leian como una sola linea partida. Medido a 360px. */
.fecha { color: #9aa7a3; font-size: 14px; margin: 12px 0 8px; }
/* 16px y no 14.5: es texto corrido de una pagina legal, la que MAS hay que
   poder leer, y por debajo de 16 lo acusa `layout.font_illegible`. Lo cazo
   `auditoria_propia.py` cuando estas paginas entraron en la auto-auditoria. */
.aviso { border: 1px solid #FFAA00; background: #0f1513; color: #e6edf3;
         padding: 14px 16px; border-radius: 8px; font-size: 16px; margin: 20px 0; }
.identidad { background: #0a0e0d; border: 1px solid #1b2422; border-radius: 8px;
             padding: 14px 18px; margin: 20px 0; }
.identidad dt { color: #9aa7a3; font-size: 13px; }
.identidad dd { margin: 0 0 10px; }
.identidad dd:last-child { margin-bottom: 0; }
table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14.5px; }
th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid #1b2422;
         vertical-align: top; }
th { color: #9aa7a3; font-weight: 600; }
.tabla-scroll { overflow-x: auto; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
code { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
       font-size: 0.92em; background: #0f1513; padding: 1px 5px; border-radius: 4px; }
footer { margin-top: 40px; padding-top: 18px; border-top: 1px solid #1b2422;
         color: #9aa7a3; font-size: 13.5px; }