:root{--lino: #faf6f0;--arena: #f1eae0;--salvia-claro: #e8eee5;--salvia: #7e9a7e;--salvia-osc: #4f6b4f;--boton: #a65e40;--boton-hover: #8f4f35;--terracota: #d4906f;--cacao: #3b3733;--cacao-suave: #6f675f;--linea: #e8e0d4;--r: 14px;--r-s: 10px;--r-btn: 12px;--pad: 20px}@media(min-width:750px){:root{--pad: 50px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Jost,system-ui,-apple-system,sans-serif;color:var(--cacao);background:var(--lino);font-size:16px;line-height:1.6;letter-spacing:.02em;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:500;letter-spacing:-.01em;line-height:1.12;margin:0;text-wrap:balance}p{text-wrap:pretty}a{color:var(--cacao);text-decoration-color:var(--terracota);text-underline-offset:3px}img{display:block;max-width:100%}.wrap{max-width:1400px;margin:0 auto;padding:0 var(--pad)}.topbar{background:var(--salvia-osc);color:#fff;font-size:14px}.topbar .wrap{display:flex;justify-content:center;align-items:center;gap:6px 18px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px;text-align:center}.topbar a{color:#fff;font-weight:500;text-decoration-color:#fff9}@media(max-width:600px){.topbar .wrap>span{display:none}}header.site{background:var(--lino);border-bottom:1px solid var(--linea)}header.site .bar{display:flex;align-items:center;gap:20px;padding-top:12px;padding-bottom:12px}header.site .logo{display:flex;align-items:center;gap:12px;text-decoration:none}header.site .logo img{height:50px;width:auto}header.site .tag{font-size:13px;font-weight:500;color:var(--salvia-osc);background:var(--salvia-claro);padding:4px 12px;border-radius:999px}header.site .cta{margin-left:auto}@media(max-width:420px){header.site .tag{display:none}}.btn{display:inline-block;font:inherit;font-weight:500;font-size:16px;letter-spacing:.02em;text-decoration:none;text-align:center;border:1px solid transparent;border-radius:var(--r-btn);padding:13px 26px;background:var(--boton);color:#fff;transition:background-color .15s ease,transform .15s ease}.btn:hover{background:var(--boton-hover);transform:translateY(-1px)}.btn.small{padding:10px 18px;font-size:15px}.hero{padding:24px 0 8px}.hero .tile{border-radius:var(--r);overflow:hidden;background:var(--salvia-claro);display:grid;grid-template-columns:1fr}.hero .txt{padding:32px 24px 28px;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:16px;font-weight:500;letter-spacing:.01em;color:var(--salvia-osc);margin:0 0 10px}.hero h1{font-size:clamp(34px,4.4vw,46px);max-width:16ch}.hero .lead{font-size:17px;line-height:1.55;max-width:50ch;color:#3b3733cc;margin:14px 0 0}.hero .actions{display:flex;gap:12px 18px;flex-wrap:wrap;align-items:center;margin-top:24px}.hero .shared{font-size:15px;color:var(--cacao-suave);margin:18px 0 0}.hero .media{padding:0 14px 14px}.hero .media img{width:100%;height:280px;object-fit:cover;object-position:center 30%;border-radius:var(--r-s)}@media(min-width:990px){.hero .tile{grid-template-columns:1.15fr 1fr;min-height:480px}.hero .txt{padding:48px 44px}.hero .media{padding:16px 16px 16px 0}.hero .media img{height:520px}}.how .wrap{padding-top:48px;padding-bottom:56px}@media(min-width:990px){.how .wrap{padding-top:64px;padding-bottom:72px}}.how h2{font-size:clamp(28px,3.2vw,36px);margin-bottom:28px}ol.steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}ol.steps li{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.55}ol.steps .num{width:34px;height:34px;border-radius:50%;background:var(--salvia-osc);color:#fff;display:grid;place-items:center;font-weight:500}footer.site{border-top:1px solid var(--linea)}footer.site .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding-top:44px;padding-bottom:24px}footer.site h3{font-size:17px;margin-bottom:10px}footer.site ul{list-style:none;margin:0;padding:0;font-size:15px}footer.site li{padding:3px 0;color:var(--cacao-suave)}footer.site a{text-decoration:none}footer.site a:hover{text-decoration:underline;text-decoration-color:var(--terracota)}footer.site .legal{border-top:1px solid var(--linea);padding-top:16px;padding-bottom:28px;font-size:13px;color:var(--cacao-suave)}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}
