/* Estilo común de la home y las páginas legales de formuladelmarketing.com */
:root{
  --bg:#f6f6f8; --bg2:#f1f1f5; --card:#ffffff; --ink:#1d1d1f; --sec:#6e6e73; --ter:#9a9aa1;
  --hair:#e9e9ee; --blue:#5b5bd6; --acc:#6b6bf2; --acc-soft:#eeeefe; --btn:#1d1d1f; --btn-ink:#ffffff;
  --shadow:0 1px 2px rgba(16,16,24,.04),0 6px 20px rgba(16,16,24,.06);
  --sf:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0c0c0f; --bg2:#1a1a1f; --card:#16161a; --ink:#f5f5f7; --sec:#a1a1a8; --ter:#77777f;
  --hair:#26262c; --blue:#9d9dff; --acc:#8f8ff5; --acc-soft:#1f1f3a; --btn:#f5f5f7; --btn-ink:#0c0c0f;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0c0c0f; --bg2:#1a1a1f; --card:#16161a; --ink:#f5f5f7; --sec:#a1a1a8; --ter:#77777f;
  --hair:#26262c; --blue:#9d9dff; --acc:#8f8ff5; --acc-soft:#1f1f3a; --btn:#f5f5f7; --btn-ink:#0c0c0f;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35); color-scheme:dark}
html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font:17px/1.55 var(--sf);letter-spacing:-.018em;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
.wrap{max-width:760px;margin:0 auto;padding:48px 16px 64px}
.card{background:var(--card);border-radius:28px;box-shadow:var(--shadow);padding:44px 40px}
.eyebrow{font-size:13px;font-weight:600;color:var(--ter);letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px}
.who{display:inline-block;font-size:13px;font-weight:600;color:var(--acc);background:var(--acc-soft);border-radius:980px;padding:7px 14px;margin:0 0 22px}
h1{font-size:40px;line-height:1.08;font-weight:700;letter-spacing:-.03em;margin:0 0 14px;text-wrap:balance}
h2{font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.02em;margin:34px 0 10px}
p,li{color:var(--sec);text-wrap:pretty}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:20px}
li{margin:0 0 6px}
b,strong{color:var(--ink)}
.lede{font-size:20px;line-height:1.42;margin:0 0 28px}
.meta{font-size:14px;color:var(--ter);margin:0 0 26px}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.btn{display:inline-block;border-radius:980px;padding:14px 24px;font-size:16px;font-weight:600}
.btn.pri{background:var(--btn);color:var(--btn-ink)}
.btn.sec{background:var(--bg2);color:var(--ink)}
.btn:hover{text-decoration:none;opacity:.92}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:26px 0 0}
.fact{background:var(--bg2);border-radius:16px;padding:16px 18px}
.fact b{display:block;font-size:12px;font-weight:600;color:var(--ter);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px}
.fact span{font-size:15px;line-height:1.4;color:var(--ink)}
footer{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;font-size:14px;color:var(--ter);margin:26px 0 0}
footer a{color:var(--sec)}
@media (max-width:600px){.card{padding:30px 20px;border-radius:22px}h1{font-size:32px}.lede{font-size:18px}}