/*
 * Voltia — página del "comentá AHORRO" (page-ahorro.php)
 * Llega gente desde un mensaje privado de Instagram, con el celular:
 * una columna, números grandes y el WhatsApp al final.
 */

.ahorro-caso { min-height: 100svh; position: relative; }

.ahorro {
  position: relative;
  z-index: 2;
  max-width: 560px;
  margin-inline: auto;
  padding: 40px 20px 32px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.ahorro__cabecera { display: flex; flex-direction: column; gap: 12px; }
.ahorro__logo { width: 110px; }
.ahorro__kicker {
  color: var(--voltia-amber);
  font-size: var(--fs-kicker);
  letter-spacing: var(--ls-kicker);
  text-transform: uppercase;
  font-weight: 600;
}
.ahorro__titulo {
  font-family: var(--font-title);
  font-size: var(--fs-h2);
  line-height: var(--lh-title);
  letter-spacing: var(--ls-title);
  text-wrap: balance;
}
.ahorro__bajada { color: var(--txt-lead); font-size: var(--fs-lead); }

.ahorro__foto img {
  width: 100%;
  height: auto;
  border-radius: var(--r-card);
  border: 1px solid var(--bd-image);
}
.ahorro__foto figcaption {
  margin-block-start: 8px;
  color: var(--txt-muted);
  font-size: var(--fs-card);
}

.ahorro__numeros {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.numero {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  border-radius: var(--r-card-s);
  border: 1px solid var(--bd-card);
  background: var(--voltia-navy-700);
  min-width: 0;
}
.numero__etiqueta { color: var(--txt-label); font-size: var(--fs-card); }
.numero__valor {
  font-family: var(--font-title);
  font-size: clamp(1.5rem, 1.1rem + 2vw, 2rem);
  font-weight: 700;
  color: var(--voltia-amber);
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.numero__detalle { color: var(--txt-muted); font-size: .8rem; line-height: 1.4; }

.ahorro__resumen {
  font-size: var(--fs-lead);
  color: var(--txt-lead);
  padding: 16px 18px;
  border-radius: var(--r-card-s);
  background: var(--grad-section);
  border: 1px solid var(--bd-card);
}
.ahorro__resumen strong { color: var(--voltia-ink); }

.ahorro__bloque { display: flex; flex-direction: column; gap: 10px; }
.ahorro__bloque h2,
.ahorro__cta h2 {
  font-family: var(--font-title);
  font-size: var(--fs-h3);
  font-weight: 600;
}
.ahorro__bloque p { color: var(--txt-body); line-height: var(--lh-body); }
.ahorro__lista { display: grid; gap: 6px; padding-inline-start: 1.1em; list-style: disc; color: var(--txt-body); }

.ahorro__cta {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 20px;
  border-radius: var(--r-card);
  border: 1px solid var(--bd-card);
  background: var(--voltia-navy-600);
}
.ahorro__cta p { color: var(--txt-body); }
.ahorro__cta .boton { width: 100%; }
.ahorro__tel { font-size: var(--fs-card); color: var(--txt-muted); text-align: center; }

.ahorro__pie { text-align: center; font-size: var(--fs-card); }
.ahorro__pie a { color: var(--txt-muted); }

@media (max-width: 360px) {
  .ahorro__numeros { grid-template-columns: 1fr; }
}