/* metrics.css — KPIs, sección de valor y precios por volumen */

/* ── Métricas ── */
.metrics{ border-bottom:1px solid var(--g2) }
.metrics-inner{
  max-width:1100px; margin:0 auto;
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--g2);
}
.met{ background:white; padding:2.5rem 2rem }
.met-icon{ font-size:16px; color:var(--g3); margin-bottom:.5rem }
.met-n{ font-size:2.8rem; font-weight:800; color:var(--k); letter-spacing:-2px; line-height:1; margin-bottom:.3rem }
.met-l{ font-size:11px; color:var(--g4); text-transform:uppercase; letter-spacing:1px; font-weight:500 }
.met-sub{ font-size:11px; color:var(--g4); margin-top:2px; line-height:1.4 }

/* ── Value props ── */
.value-section{
  background:white; border-top:1px solid var(--g2); border-bottom:1px solid var(--g2); padding:4rem 2.5rem;
}
.value-inner{
  max-width:1100px; margin:0 auto;
  display:grid; grid-template-columns:repeat(3,1fr); gap:2rem;
}
.value-card{ display:flex; gap:1.25rem; align-items:flex-start }
.vc-icon{
  width:44px; height:44px; border-radius:10px; background:var(--g1); border:1px solid var(--g2);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--k);
}
.vc-title{ font-size:14px; font-weight:700; color:var(--k); margin-bottom:.35rem; letter-spacing:-.1px }
.vc-text{ font-size:13px; color:var(--g4); line-height:1.6 }

/* ── Precios por volumen ── */
.prices-band{
  background:var(--g1); border-bottom:1px solid var(--g2); padding:2rem 2.5rem;
}
.prices-inner{ max-width:1100px; margin:0 auto }
.prices-label{ font-size:11px; text-transform:uppercase; letter-spacing:2px; color:var(--g4); font-weight:500; margin-bottom:1rem }
.prices-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--g2); border-radius:10px; overflow:hidden; max-width:600px;
}
.price-tier{ background:white; padding:1.25rem 1.5rem; text-align:center }
.price-tier.featured{ background:var(--k) }
.pt-qty{ font-size:10px; text-transform:uppercase; letter-spacing:1px; color:var(--g4); margin-bottom:.25rem }
.price-tier.featured .pt-qty{ color:var(--g5) }
.pt-price{ font-size:1.6rem; font-weight:800; color:var(--k); letter-spacing:-1px }
.price-tier.featured .pt-price{ color:white }
.pt-unit{ font-size:10px; color:var(--g4) }
.price-tier.featured .pt-unit{ color:var(--g5) }
.prices-note{ font-size:11px; color:var(--g4); margin-top:.75rem }