/* DataGone — cabecera, pie y tipografía de la web nueva (web-prototipo/styles.css) para las páginas públicas de la app
   (informe de exposición, gracias, legales). El contenido sigue con nucli.css y landing.css. */
:root{--font:"Geist","Segoe UI",system-ui,-apple-system,Arial,sans-serif;--ink:#0C1A1B;--w-ink-2:#33494A;--w-muted:#627574;
  --w-line:#E3EAE8;--w-paper:#F6F8F7;--w-teal:#14B8A6;--w-gl:max(20px,env(safe-area-inset-left,0px));--w-gr:max(20px,env(safe-area-inset-right,0px))}
body.publico{-webkit-font-smoothing:antialiased}

.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(14px);
  -webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--w-line);padding-left:var(--w-gl);padding-right:var(--w-gr)}
.top-in{max-width:1200px;margin:0 auto;height:68px;display:flex;align-items:center;gap:28px}
.top .wordmark,.foot .wordmark{font:700 25px/1 var(--font);letter-spacing:-.05em;display:inline-flex;align-items:baseline;
  color:var(--ink);text-decoration:none}
.top .wordmark .dot,.foot .wordmark .dot{display:inline-block;width:.27em;height:.27em;border-radius:50%;background:var(--w-teal);margin-left:.05em}
.top-links{display:flex;gap:24px}
.top-links a{text-decoration:none;color:var(--w-ink-2);font-size:.95rem}
.top-links a:hover{color:var(--ink)}
.top-r{margin-left:auto;display:flex;align-items:center;gap:12px}
.top .lang{display:flex;background:var(--w-paper);border-radius:99px;padding:3px}
.top .lang a{padding:6px 11px;border-radius:99px;font:600 .78rem/1 var(--font);color:var(--w-muted);text-decoration:none}
.top .lang a[aria-current="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.top .btn{border-radius:99px}
@media (max-width:960px){.top-links{display:none}}
@media (max-width:420px){.top-in{gap:12px}.top .btn{padding:8px 12px;font-size:13px}}

.foot{background:#0E1314;color:rgba(255,255,255,.78);padding:64px var(--w-gr) 36px var(--w-gl);margin-top:48px;text-align:left;font-size:1rem}
.foot-wrap{max-width:1200px;margin:0 auto}
.foot-in{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:30px}
.foot .wordmark{color:#fff}
.foot p{margin:12px 0 0;max-width:32ch;font-size:.92rem;color:rgba(255,255,255,.6)}
.foot b{display:block;font-size:.82rem;font-weight:500;color:rgba(255,255,255,.5);margin-bottom:14px}
.foot nav{display:grid;gap:9px}
.foot nav a{color:rgba(255,255,255,.78);text-decoration:none;font-size:.95rem;overflow-wrap:anywhere}
.foot nav a:hover{color:#fff}
.foot-legal{margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:10px;font-size:.82rem;color:rgba(255,255,255,.5)}
@media (max-width:760px){.foot-in{grid-template-columns:1fr 1fr}}