/* Páginas legales y de contacto de Radar de Plazas: mismos colores y tipos que la web */
:root{
  --bg:#f5f7fb; --surface:#ffffff; --fg:#1d2433; --muted:#657084; --line:#e2e7ef;
  --accent:#2f6feb; --accent-ink:#ffffff; --accent-soft:#e8effe; --urgent:#e5484d; --mark:#fff4d6;
  --font-display:"Figtree","Segoe UI",system-ui,sans-serif;
  --font-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --font-mono:ui-monospace,Menlo,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.55}
.wrap{max-width:760px;margin:0 auto;padding:20px 16px 48px}
.marca{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:-.01em;color:var(--fg);text-decoration:none}
.marca span{color:var(--accent)}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}
.top a.volver{font-weight:600;color:var(--accent);text-decoration:none;font-size:14px}
main{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 18px 22px;margin-top:20px}
h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(26px,6vw,36px);line-height:1.12;margin:0 0 6px}
.fecha{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin:0 0 18px}
h2{font-family:var(--font-display);font-weight:600;font-size:22px;margin:26px 0 6px}
p,li{overflow-wrap:anywhere}
a{color:var(--accent)}
ul{padding-left:20px}
table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
th{background:var(--bg)}
mark{background:var(--mark);color:inherit;padding:0 3px;border-radius:2px}
.ficha{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.ficha b{display:inline-block;min-width:150px}
.nota{background:var(--accent-soft);border-left:4px solid var(--accent);padding:10px 14px;border-radius:4px;margin:14px 0}
footer{margin-top:20px;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}
footer nav{display:flex;flex-wrap:wrap;gap:6px 14px}
form.contacto{display:flex;flex-direction:column;gap:12px;margin-top:10px}
form.contacto label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}
form.contacto input,form.contacto textarea{font:16px var(--font-body);padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);width:100%}
form.contacto textarea{min-height:150px;resize:vertical}
form.contacto .check{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400}
form.contacto .check input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--accent)}
form.contacto button{align-self:flex-start;font:700 15px var(--font-body);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:10px 18px;cursor:pointer}
form.contacto button:disabled{opacity:.6}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.estado{font-weight:600;margin:0}
.estado.ok{color:var(--accent)} .estado.err{color:var(--urgent)}
.rgpd{font-size:12.5px;color:var(--muted);line-height:1.45}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}