/* Widget Comparación de recursos */
.diff{background:var(--grad-soft)}
.compare{display:grid;grid-template-columns:1fr 1.25fr;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}
.compare-col{padding:40px 44px}
.compare-them{color:var(--ink-2)}
.compare-us{background:var(--grad-dark);color:#fff}
.compare-label{font-weight:600;font-size:1rem;margin:0 0 24px}
.compare-us .compare-label{color:var(--c-sobre-osc)}
.compare-figs{display:flex;gap:48px;flex-wrap:wrap}
.fig-num{font-size:clamp(3.4rem,7vw,5.6rem);font-weight:800;letter-spacing:-.05em;line-height:.95}
.compare-them .fig-num{color:var(--c-gris-suave)}
.compare-us .fig-num{color:var(--c-naranja-sobre-osc)}
.fig-unit{font-size:1.05rem;font-weight:600;margin-top:8px}
.compare-them .fig-unit{color:var(--ink-3)}
.pergb{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}
.pergb > div{border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 32px}
.pergb .them{background:linear-gradient(180deg,#FFFFFF,var(--c-lila-3))}
.pergb .us{background:var(--grad-dark);border-color:transparent;color:#fff}
.pergb-num{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;letter-spacing:-.04em;line-height:1}
.pergb .them .pergb-num{color:var(--c-gris-suave)}
.pergb .us .pergb-num{color:var(--c-naranja-sobre-osc)}
.pergb-label{margin-top:8px;font-weight:600}
.pergb .us .pergb-label{color:var(--c-sobre-osc)}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px}
.why-4{grid-template-columns:repeat(4,1fr)}
.why h3{font-size:1.2rem;letter-spacing:-.01em;margin:0 0 8px;font-weight:700;display:flex;flex-direction:column;gap:14px}
.why p{margin:0;color:var(--ink-2)}
.closing-line{margin:40px 0 0;font-size:1.15rem;font-weight:600;max-width:60ch}
.footnote{margin:32px 0 0;font-size:.85rem;color:var(--ink-3)}
@media (max-width:1100px){.why-4{grid-template-columns:1fr 1fr}}
@media (max-width:1024px){
  .compare{grid-template-columns:1fr}
  .pergb{grid-template-columns:minmax(0,1fr)}
  .why{grid-template-columns:1fr;gap:28px}
}
@media (max-width:640px){
  .compare-col{padding:28px 24px}
  .compare-figs{gap:28px}
  .why-4{grid-template-columns:1fr}
}