/* legal.css — estilos compartidos de las páginas legales/programa SMS
   (privacy, terms, sms). Mismo lenguaje visual que la landing (tokens de
   base.css) pero en layout de lectura, sin la escena WebGL. */

:root{
  --deep:#06222B; --mid:#0A3540; --text:#EAF7F5; --muted:#9CC4C6;
  --accent:#3EE6C1; --gator:#43A55C; --sun:#FFD34D;
  --display:'Sora',sans-serif; --body:'Inter Tight',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:var(--body);color:var(--text);
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(62,230,193,.10), transparent 60%),
    linear-gradient(180deg, #072731, var(--deep));
  min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.6;
}
a{color:var(--accent)}

/* ---------- top bar (estático, siempre visible) ---------- */
.bar{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px max(20px,env(safe-area-inset-left));
  background:rgba(6,34,43,.72);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(62,230,193,.14);
}
.bar .brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:15px;text-decoration:none;color:var(--text)}
.bar .brand img{width:32px;height:32px;border-radius:50%}
.bar a.call{
  font-family:var(--display);font-weight:700;font-size:14px;color:#06222B;
  background:var(--accent);padding:9px 16px;border-radius:999px;text-decoration:none;
  box-shadow:0 6px 22px rgba(62,230,193,.32);transition:transform .2s;
}
.bar a.call:hover{transform:translateY(-2px)}

/* ---------- contenido ---------- */
.wrap{max-width:760px;margin:0 auto;padding:56px 6vw 40px}
.doc-title{font-family:var(--display);font-weight:800;font-size:clamp(28px,5vw,44px);letter-spacing:-.02em;line-height:1.06}
.updated{color:var(--muted);font-size:14px;margin-top:8px}
.intro{color:var(--text);font-size:16px;margin-top:22px}

.legal-section{margin-top:30px}
.legal-section h2{
  font-family:var(--display);font-weight:700;font-size:19px;color:var(--text);
  margin-bottom:10px;padding-left:14px;border-left:3px solid var(--accent);
}
.legal-section p{color:#CFE8E6;font-size:15.5px;margin-top:8px}
.legal-section strong{color:var(--text)}
.legal-section ul{margin:10px 0 0 20px;color:#CFE8E6;font-size:15.5px}
.legal-section li{margin-top:6px}

.callout{
  margin-top:14px;padding:16px 18px;border-radius:14px;
  background:linear-gradient(160deg, rgba(16,64,74,.6), rgba(9,42,52,.7));
  border:1px solid rgba(62,230,193,.22);
}
.callout strong{color:var(--accent)}

/* ---------- footer ---------- */
.foot{
  border-top:1px solid rgba(62,230,193,.14);margin-top:20px;
  padding:26px 6vw 40px;max-width:760px;margin-left:auto;margin-right:auto;
  color:var(--muted);font-size:13.5px;
}
.foot .links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px}
.foot .links a{font-family:var(--display);font-weight:600;text-decoration:none}
.foot .links a:hover{text-decoration:underline}
.foot .biz{line-height:1.7}

@media (max-width:640px){ .wrap{padding:40px 7vw 30px} }