/* ROI block ("¿Qué cambia…?" comparison + 24/7 team cost + calculator).
   Moved verbatim out of polish.css and tour.css (2026-09-29, Claude fixes) so index.html and pricing.html share one component.
   Markup + behaviour: assets/js/roi.js. Width fix for the calculator and USD formatting live at the end of this file. */
/* from polish.css */
.restored-impact{--grey:var(--body);--green:var(--ok);--greenbg:var(--okbg);--indigo:var(--ind);--tint:var(--lav);--tint2:var(--lav2);--deep:var(--ink);--pinkbg:#fff0f5;--muted:var(--body);--ring-md:0 0 0 1px var(--line2),0 4px 12px #17143205;--ring-brand:0 0 0 1px var(--lilac),0 4px 12px #17143205}
.restored-impact>.center{text-align:center}
.restored-impact h2{margin:18px auto 22px;max-width:900px}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1100px;margin:44px auto 0}
.restored-impact .team-cost{margin-top:48px}
.restored-impact .vs-note{line-height:1.6}
.vs-card{border-radius:24px;padding:clamp(26px,3.2vw,38px);background:#fff;}
.vs-card h3{font-family:var(--disp);font-size:clamp(20px,2.1vw,24px);font-weight:700;color:var(--ink);margin-bottom:6px;}
.vs-card .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 12px;margin-bottom:16px;}
.vs-card ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:4px;}
.vs-card li{display:flex;gap:12px;font-size:14.5px;line-height:1.5;color:var(--grey);}
.vs-card li .ic{flex:0 0 22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.vs-card li .ic svg{width:12px;height:12px;}
.vs-sin{box-shadow:var(--ring-md);}
.vs-sin .tag{color:#c02662;background:var(--pinkbg);}
.vs-sin li .ic{background:var(--pinkbg);color:#e0447f;}
.vs-con{background:linear-gradient(180deg,var(--tint2),#fff 70%);box-shadow:var(--ring-brand);}
.vs-con .tag{color:var(--deep);background:var(--tint);}
.vs-con li{color:var(--ink);}
.vs-con li .ic{background:var(--greenbg);color:var(--green);}
.vs-stats{margin-top:24px;border-top:1px solid var(--line);padding-top:8px;}
.vs-stat{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:8px 12px;padding:10px 0;border-bottom:1px dashed var(--line2);}
.vs-stat:last-child{border-bottom:0;}
.vs-stat .l{font-size:13px;color:var(--grey);font-weight:600;}
.vs-stat .v{font-family:var(--disp);font-size:20px;font-weight:600;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.vs-con .vs-stat .v{color:var(--indigo);}
.vs-stat .d{font-size:12px;font-weight:800;color:var(--green);justify-self:end;white-space:nowrap;font-variant-numeric:tabular-nums;}
.vs-stat.cash{border-bottom:0;padding-top:14px;}
.vs-stat.cash .l{font-weight:800;color:var(--ink);}
.vs-stat.cash .v{font-size:clamp(19px,2vw,25px);}
.vs-con .vs-stat.cash .v{color:var(--green);}
.vs-note{font-size:11.5px;color:var(--muted);margin-top:12px;}
@media(max-width:860px){.vs-grid{grid-template-columns:1fr;}}
.vs-card{transition:transform .65s,opacity .65s}
.restored-impact.entering .vs-card{opacity:0;transform:translateY(20px)}
.restored-impact.entered .vs-card{opacity:1;transform:none}
.restored-impact .vs-con{transition-delay:.13s}
.restored-impact .vs-stat .v{font-variant-numeric:tabular-nums}
.restored-impact .team-cost h3{font-size:26px;line-height:1.2;margin-bottom:16px}
@media(max-width:700px){.vs-grid{margin-top:26px}.vs-card{padding:24px}.vs-stat{gap:6px}.vs-stat .l{font-size:12px}.vs-stat.cash .v{font-size:20px}.vs-card h3{font-size:23px;line-height:1.15}.vs-card li{font-size:13px}.restored-impact h2{font-size:32px;line-height:1.08}.restored-impact .scenario-label{line-height:1.5}.restored-impact .team-cost{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.vs-card{transition:none}.restored-impact.entering .vs-card{opacity:1;transform:none}}
.restored-impact .kicker{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ind)}
.restored-impact{--disp:var(--font-display)}
.restored-impact h3,.restored-impact .vs-stat .v{font-family:var(--font-display)}
/* from tour.css */
.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:clamp(38px,5vh,54px);}
.cost-card{border-radius:20px;padding:clamp(24px,3vw,34px);background:#fff;box-shadow:var(--ring-md);}
.cost-card.cost-ajaw{background:linear-gradient(180deg,var(--tint2),#fff 75%);box-shadow:var(--ring-brand);}
.cost-card h3{font-family:var(--disp);font-size:19px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.cost-card .cs{font-size:13px;color:var(--muted);margin-bottom:18px;}
.cost-row{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:var(--grey);padding:12px 2px;border-bottom:1px dashed var(--line2);}
.cost-row span:last-child{font-weight:700;color:var(--ink);white-space:nowrap;}
.cost-total{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:16px;margin-top:4px;}
.cost-total span{font-size:13px;color:var(--muted);}
.cost-total b{font-family:var(--disp);font-size:32px;font-weight:700;color:var(--ink);letter-spacing:-.02em;}
.cost-ajaw .cost-total b{color:var(--indigo);}
.cost-diff{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:var(--greenbg);box-shadow:0 0 0 .5px #b5e6c9;border-radius:16px;padding:20px 26px;text-align:center;}
.cost-diff b{font-family:var(--disp);font-size:clamp(22px,2.8vw,30px);font-weight:700;color:#0c7a44;letter-spacing:-.02em;}
.cost-diff>span{font-size:14.5px;color:var(--grey);}
.cost-diff b>span{display:inline-block;margin-right:.16em;color:#575b70;font:inherit;font-size:1.08em;font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-decoration:line-through;text-decoration-thickness:.09em;text-decoration-color:#575b70;}
@media(max-width:767px){.cost-diff{padding:28px 22px;gap:18px;}.cost-diff b{font-size:clamp(28px,8.8vw,34px);line-height:1.18;}.cost-diff b>span{font-size:1.12em;}.cost-diff>span{font-size:16px;line-height:1.45;}}
.calc{max-width:1060px;margin:24px auto 0;background:#fff;border-radius:18px;padding:clamp(22px,3vw,32px);box-shadow:var(--ring-md);}
.calc h4{font-family:var(--disp);font-size:18px;font-weight:700;color:var(--ink);margin-bottom:18px;}
.calc-row{display:flex;align-items:center;gap:24px;margin-bottom:18px;flex-wrap:wrap;}
.calc-row label{flex:1 1 260px;font-size:14px;color:var(--ink);font-weight:600;}
.calc-row label small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:1px;}
.calc-row output{font-family:var(--disp);font-size:19px;font-weight:700;color:var(--indigo);min-width:150px;text-align:right;white-space:nowrap;}
.calc input[type=range]{flex:3 1 300px;accent-color:var(--indigo);height:4px;}
.calc-res{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:4px;}
.calc-res span{font-size:14px;color:var(--grey);max-width:44ch;}
.calc-res b{font-family:var(--disp);font-size:clamp(28px,3.6vw,38px);font-weight:700;color:var(--green);letter-spacing:-.02em;}
.calc-note{font-size:11.5px;color:var(--muted);margin-top:12px;}
@media(max-width:860px){.cost-grid{grid-template-columns:1fr;}}
.original-cost{margin-top:64px}
.original-cost>.wrap{width:100%;padding:0}
.original-cost-heading{font-size:32px;line-height:1.15;margin-bottom:28px}
.original-cost .cost-grid{margin-top:0}
.original-cost .calc-note{line-height:1.5}
@media(max-width:700px){.original-cost-heading{font-size:28px}.cost-card{padding:22px}.cost-row{font-size:12px;gap:8px}.cost-total b{font-size:26px}.calc-row{gap:10px}.calc-row label{flex-basis:100%}.calc input[type=range]{flex:1 1 120px;min-width:0}.calc-row output{min-width:110px;font-size:16px}.calc-res b{font-size:30px}}

/* Claude fixes 2026-09-29: the calculator sits in the same grid as the green "libres cada mes" bar,
   spanning every column, so both are exactly as wide as each other at every breakpoint. */
.cost-grid>.calc{grid-column:1/-1;max-width:none;width:auto;margin:2px 0 0}
.calc-res b .calc-per{font-family:var(--font-body,Inter,sans-serif);font-size:14px;color:var(--grey);font-weight:500;letter-spacing:0}
.calc-row output,.cost-row span,.cost-total b,.cost-diff b,.vs-stat .v{font-variant-numeric:tabular-nums}