/* Páginas informativas de FlowDesk (privacidad, términos, seguridad, estado, contacto). Misma paleta que la página de inicio. */
:root{--papel:#F4F2F7;--tinta:#23213A;--tinta-2:#5B5873;--violeta:#6F5BE8;--violeta-texto:#5844D4;--lila:#E2DCFA;--linea:#D9D5E4;--blanco:#FFFFFF;--ok:#1E7A50;--mal:#B4282D;
  --f-display:"Bricolage Grotesque","Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--papel:#14131F;--tinta:#ECE9F7;--tinta-2:#A8A4C0;--violeta-texto:#A99DFF;--lila:#2A2646;--linea:#2E2B45;--blanco:#1C1A2B;--ok:#5FD39B;--mal:#FF8A8F}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--f-body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--violeta-texto);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--violeta);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:12px;top:-60px;background:var(--tinta);color:var(--papel);padding:10px 14px;border-radius:6px;z-index:50}
.skip:focus{top:12px}
.wrap{max-width:820px;margin-inline:auto;padding-inline:24px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px;max-width:1200px;margin-inline:auto;padding-inline:24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta);font:700 1.3rem/1 var(--f-display);letter-spacing:-.02em}
.top nav{display:flex;gap:20px;flex-wrap:wrap}
.top nav a{color:var(--tinta);text-decoration:none;font-weight:500}
.top nav a:hover{text-decoration:underline}
main{padding-block:40px 80px}
h1{font:700 clamp(2rem,4.5vw,3rem)/1.08 var(--f-display);letter-spacing:-.025em;margin:0 0 8px}
h2{font:650 1.5rem/1.2 var(--f-display);letter-spacing:-.015em;margin:44px 0 10px}
h3{font:650 1.15rem/1.3 var(--f-display);margin:24px 0 6px}
p,ul,ol{margin:0 0 14px}
ul,ol{padding-left:22px}
li{margin-bottom:6px}
.meta{color:var(--tinta-2);font-size:.95rem;margin-bottom:28px}
.lead{font-size:1.15rem;color:var(--tinta-2);max-width:60ch}
.box{background:var(--blanco);border:1px solid var(--linea);border-radius:10px;padding:18px 20px;margin:18px 0}
table{border-collapse:collapse;width:100%;font-size:.97rem;margin:14px 0}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--linea);vertical-align:top}
thead th{border-bottom:2px solid var(--tinta)}
.scroll{overflow-x:auto}
.status{display:flex;align-items:center;gap:12px;font:650 1.4rem/1.2 var(--f-display)}
.dot{width:14px;height:14px;border-radius:50%;background:var(--tinta-2);flex:none}
.dot.ok{background:var(--ok)}.dot.bad{background:var(--mal)}
.foot{border-top:1px solid var(--linea);padding:32px 0 48px;font-size:.95rem;color:var(--tinta-2)}
.foot .wrap{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 20px}
.foot a{color:var(--tinta)}
@media (max-width:600px){main{padding-block:28px 56px}h2{margin-top:36px}}
