/* Barcellos v13 — pricing and FAQ update supplied by the office, 04 Nov 2026.
 * Mobile-first: the visitor sees all three monthly investments in the
 * named selector, without needing to discover or scroll the horizontal rail.
 * On tablet/desktop, amounts live inside each comparable pricing card.
 * No checkout or subscription payment processing is implied.
 * Only existing official brand colors/fonts are used.
 */
.plan-investment{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:0 0 19px;min-width:0;color:var(--pine)}
.plan-investment-value{font-family:var(--font-body);font-weight:500;font-size:clamp(28px,2.85vw,38px);line-height:1.2;letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap}
.plan-investment-period{font-family:var(--font-body);font-weight:400;font-size:12px;color:rgba(27,48,40,.75);line-height:1.4;white-space:nowrap}
.mobile-plan-option{flex-direction:column;gap:5px;min-height:65px;padding:9px 3px 11px}
.mobile-plan-label{font-size:12.5px;line-height:1.3;white-space:nowrap}
.mobile-plan-price{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-weight:500;font-size:clamp(11.5px,3.15vw,12.5px);line-height:1.35;letter-spacing:-.015em;white-space:nowrap;color:rgba(27,48,40,.77)}
.mobile-plan-option[aria-pressed="true"] .mobile-plan-price{color:var(--pine);font-weight:600}
/* Keep the 3 prices visible at once on phone, and avoid repeating the same
 * amount directly inside the single selected product card. Without JS the
 * selector is unavailable, so the card retains its own price as fallback. */
.has-js .plan-card .plan-investment{display:none}
@media(min-width:600px){
  .has-js .plan-card .plan-investment{display:flex}
}
/* Product price must remain legible against the white card, with no ivory
 * panel or imitation promotion. */
@media(min-width:600px) and (max-width:760px){
  .plan-investment-value{font-size:34px}
}
@media(min-width:761px) and (max-width:1099px){
  .plan-investment-value{font-size:36px}
}
@media(min-width:1100px){
  .plan-investment{margin-top:1px;margin-bottom:18px}
}