/* Los importes son datos clave: usan la misma jerarquía tipográfica en toda la web. */
:root {
  --price-amount-size: clamp(32px, 2.9vw, 42px);
}

/* La especificidad protege este sistema frente a estilos heredados de cada página. */
body .price,
body .prepaid-card h3,
body .price-note strong {
  display:block;
  font-family:"Archivo Black",sans-serif!important;
  font-size:var(--price-amount-size)!important;
  letter-spacing:0!important;
  line-height:.92!important;
  transform:scale(.95)!important;
  transform-origin:left center;
}

body .price {
  margin:24px 0 8px!important;
  white-space:nowrap;
}

body .price small {
  font-family:"Sora",sans-serif!important;
  font-size:13px!important;
  letter-spacing:0!important;
  line-height:1.2!important;
  color:#b9c0cb!important;
}

/* Cuotas y pases comparten el mismo módulo de decisión en escritorio. */
body .plan,
body .pass {
  min-height:360px;
  padding:30px;
}

body .plan h2,
body .pass h3 {
  font-size:clamp(26px, 2.5vw, 36px)!important;
  margin:28px 0 12px;
}

body .prepaid-card h3 {
  margin:24px 0 8px;
}