/* Estilo compartido de las páginas legales de SimplyTeam */
:root{
  --blue-50:#eff5ff; --blue-600:#2563eb; --blue-700:#1d4ed8;
  --ink:#0f172a; --slate-700:#334155; --slate-600:#475569; --slate-500:#64748b; --slate-400:#94a3b8;
  --line:#e2e8f0; --bg:#f8fafc; --white:#fff;
  --font:'Söhne',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
*{ margin:0; padding:0; box-sizing:border-box; }
body{ font-family:var(--font); color:var(--ink); background:var(--white); -webkit-font-smoothing:antialiased; line-height:1.6; }
a{ color:var(--blue-600); text-decoration:none; }
a:hover{ text-decoration:underline; }

.legal-nav{ border-bottom:1px solid var(--line); background:rgba(255,255,255,.9); position:sticky; top:0; z-index:10; backdrop-filter:saturate(180%) blur(10px); }
.legal-nav .inner{ max-width:820px; margin:0 auto; padding:0 24px; height:64px; display:flex; align-items:center; justify-content:space-between; }
.legal-nav .brand{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:18px; letter-spacing:-.3px; color:var(--ink); }
.legal-nav .brand img{ width:30px; height:30px; }
.legal-nav .brand .t{ color:var(--blue-600); }
.legal-nav .back{ font-size:14px; font-weight:600; color:var(--slate-600); }

.legal{ max-width:820px; margin:0 auto; padding:48px 24px 80px; }
.legal h1{ font-size:34px; font-weight:800; letter-spacing:-.6px; margin-bottom:6px; }
.legal .updated{ color:var(--slate-400); font-size:13.5px; margin-bottom:32px; }
.legal h2{ font-size:21px; font-weight:700; letter-spacing:-.3px; margin:34px 0 12px; }
.legal h3{ font-size:16px; font-weight:700; margin:20px 0 8px; }
.legal p{ color:var(--slate-700); font-size:15.5px; margin-bottom:12px; }
.legal ul{ margin:0 0 12px 22px; color:var(--slate-700); font-size:15.5px; }
.legal li{ margin-bottom:6px; }
.legal .box{ background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin:12px 0 20px; }
.legal .box p{ margin-bottom:4px; }
.legal table{ width:100%; border-collapse:collapse; margin:8px 0 20px; font-size:14.5px; }
.legal th, .legal td{ text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); color:var(--slate-700); vertical-align:top; }
.legal thead th{ font-size:12.5px; text-transform:uppercase; letter-spacing:.4px; color:var(--slate-500); }
.legal .muted{ color:var(--slate-500); }

.legal-foot{ border-top:1px solid var(--line); padding:28px 24px; }
.legal-foot .inner{ max-width:820px; margin:0 auto; display:flex; gap:18px; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.legal-foot p{ color:var(--slate-500); font-size:13px; }
.legal-foot nav{ display:flex; gap:18px; }
.legal-foot nav a{ color:var(--slate-600); font-size:13px; font-weight:600; }

@media (max-width:620px){
  .legal h1{ font-size:27px; }
  .legal{ padding:32px 20px 64px; }
}