/* Sendly · estilos de propuestas para clientes */
body{background:#E9EDF3}
.bar-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(11,26,45,.92);color:#fff;backdrop-filter:blur(16px)}
.bar-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:10px;flex-wrap:wrap}
.bar-top svg{height:20px;width:auto;color:#fff}.bar-top .btn{padding:9px 14px;font-size:13px}
.doc{width:min(880px,calc(100% - 32px));margin:22px auto 60px;display:grid;gap:16px}
.hd{background:var(--navy);color:#fff;border-radius:22px;padding:clamp(22px,5vw,48px);display:grid;gap:12px;position:relative;overflow:hidden}
.hd::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 90% 0%,rgba(57,141,221,.45),transparent 70%)}
.hd>*{position:relative}
.hd svg{height:28px;width:auto;color:#fff}
.hd h1{font-size:clamp(28px,5vw,46px);letter-spacing:-.04em}
.hd p{color:rgba(255,255,255,.8)}
.meta{display:flex;flex-wrap:wrap;gap:8px}.meta span{font-size:12px;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1)}
.toc{display:flex;flex-wrap:wrap;gap:6px}.toc a{font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;background:#fff;box-shadow:var(--rim);color:var(--blue-d)}
.sec{background:#fff;border-radius:22px;box-shadow:0 12px 40px -24px rgba(11,26,45,.3);padding:clamp(20px,4vw,40px);display:grid;gap:12px;scroll-margin-top:70px}
.sec h2{font-size:clamp(20px,3vw,28px)}
.sec h3{font-size:16px;margin-top:6px}
.sec p,.sec li{color:var(--ink-2);font-size:15px}
.sec ul{list-style:disc;padding-left:22px;display:grid;gap:5px}
.sec ol{list-style:decimal;padding-left:22px;display:grid;gap:5px}
.num-k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.pl{display:grid;gap:12px}
@media (min-width:720px){.pl{grid-template-columns:1fr 1fr}}
.pc{border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1px var(--g200);display:grid;gap:8px;align-content:start}
.pc.feat{background:linear-gradient(165deg,var(--navy-3),var(--navy));color:#fff;box-shadow:none}
.pc.feat li{color:rgba(255,255,255,.85)}
.pc b.p{font-size:34px;font-weight:900;letter-spacing:-.03em;line-height:1}
.box{border-radius:16px;padding:14px 16px;font-size:14.5px;font-weight:600}
.box.w{background:var(--warn-l);color:#6B4A12}.box.b{background:var(--blue-u);color:#1D4E89}.box.c{background:var(--coral-l);color:#6E2426}
.sign{display:grid;gap:14px}
@media (min-width:720px){.sign{grid-template-columns:1fr 1fr}}
.sign div{border-top:1.5px solid var(--ink);padding-top:8px;font-size:13px;color:var(--ink-3);font-weight:600;margin-top:40px}
@media print{body{background:#fff}.bar-top,.toc,.noprint{display:none!important}.doc{width:auto;margin:0}.sec,.hd{box-shadow:none;break-inside:avoid-page}.hd,.pc.feat{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.steps-i{list-style:none!important;padding:0!important;counter-reset:i;display:grid;gap:10px}
.steps-i li{display:grid;grid-template-columns:34px 1fr;gap:4px 12px;counter-increment:i;align-items:start}
.steps-i li::before{content:counter(i);grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--blue-l),var(--blue));color:#fff;font-weight:900;font-size:13px}
.steps-i b{font-size:15px;color:var(--ink)}.steps-i span{font-size:14px;color:var(--ink-2)}
.eqs{display:grid;gap:8px;align-items:center}
.eqs div{padding:14px;border-radius:14px;background:var(--off);box-shadow:inset 0 0 0 1px var(--g200)}
.eqs div span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.eqs div b{font-size:15px}
.eqs div.sum{background:linear-gradient(160deg,var(--navy),var(--navy-3));color:#fff;box-shadow:none}.eqs div.sum span{color:rgba(255,255,255,.6)}
.eqs i{font-style:normal;text-align:center;font-weight:900;font-size:20px;color:var(--ink-3)}
@media (min-width:720px){.eqs{grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1.1fr}}
.fine{font-size:12.5px;color:var(--ink-3)}
@media print{.eqs div.sum{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Portada con ilustración */
.hd.hero2{grid-template-columns:1fr;align-items:center}
.hd .ill{width:min(360px,80%);justify-self:center;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}
@media (min-width:760px){.hd.hero2{grid-template-columns:1.25fr .75fr}.hd.hero2 .ill{grid-row:1/7;grid-column:2}}
.strip{width:100%;border-radius:16px;background:linear-gradient(180deg,#fff,var(--blue-u));padding:10px}
.sec{position:relative}
.sec .sec-ill{position:absolute;right:clamp(14px,3vw,34px);top:clamp(10px,2vw,22px);width:clamp(70px,12vw,120px);pointer-events:none}
.sec:has(.sec-ill)>h2{padding-right:clamp(80px,13vw,130px)}

/* Gráficos */
.chart{display:grid;gap:10px}
.chart svg{width:100%;height:auto;overflow:visible}
.chart .cap{font-size:12.5px;color:var(--ink-3)}
.legend2{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.legend2 i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.kpis{display:grid;gap:10px}
@media (min-width:720px){.kpis{grid-template-columns:repeat(3,1fr)}}
.kpis div{padding:16px;border-radius:16px;background:var(--off);box-shadow:inset 0 0 0 1px var(--g200)}
.kpis b{display:block;font-size:26px;font-weight:900;letter-spacing:-.03em;color:var(--blue-d);font-variant-numeric:tabular-nums}
.kpis span{font-size:12.5px;color:var(--ink-2);font-weight:600}
@media print{.strip{-webkit-print-color-adjust:exact;print-color-adjust:exact}}