.monthly-cost-hero { background: radial-gradient(circle at 82% 18%, rgba(188,107,60,.18), transparent 34%), linear-gradient(135deg, #fffdf9, #f1eadd); }
.monthly-hero-card { display: grid; gap: .65rem; background: linear-gradient(145deg, #102d49, #1d575b); color: #eaf4f1; }
.monthly-hero-card span { color: #f4c28a; font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.monthly-hero-card strong { font-family: var(--serif); font-size: clamp(1.7rem,3vw,2.6rem); line-height: 1.04; }.monthly-hero-card small { color: #c8dedb; line-height: 1.55; }.monthly-hero-bars { display: grid; gap: .55rem; margin: .8rem 0; }.monthly-hero-bars i { height: 11px; border-radius: 999px; background: rgba(255,255,255,.2); }.monthly-hero-bars i:nth-child(1) { width: 82%; background:#f1b771; }.monthly-hero-bars i:nth-child(2) { width: 65%; background:#81b9b1; }.monthly-hero-bars i:nth-child(3) { width: 48%; background:#d9865e; }.monthly-hero-bars i:nth-child(4) { width: 72%; background:#c7d9d5; }
.monthly-cost-layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); align-items: start; gap: clamp(1.25rem,4vw,3rem); }.monthly-cost-form { display: grid; gap: 1.25rem; }.cost-form-group { padding: 1.35rem; border: 1px solid var(--mp-line); border-radius: var(--mp-radius); background: var(--mp-paper); box-shadow: 0 3px 16px rgba(15,44,74,.05); }.cost-form-group h3 { margin-bottom: 1rem; color: var(--mp-ink); font-size: 1.25rem; }.monthly-result { position: sticky; top: 104px; padding: 1.45rem; border: 1px solid rgba(47,107,101,.3); border-radius: 18px; background: linear-gradient(160deg,#eff6f3,#fffdf9); box-shadow: var(--mp-shadow); }.monthly-result h3 { color: var(--mp-ink); font-size: 1.55rem; }.monthly-total { display:block; margin: .55rem 0 .2rem; color: var(--mp-navy); font: 700 clamp(2.5rem,5vw,3.5rem)/1 var(--serif); }.monthly-annual { color: var(--mp-text); font-size: .9rem; }.monthly-breakdown { display:grid; gap: .55rem; margin: 1.2rem 0; }.monthly-line { display:flex; justify-content:space-between; gap:1rem; padding:.65rem 0; border-bottom:1px solid rgba(47,107,101,.15); color:var(--mp-ink); font-size:.9rem; }.monthly-line strong { white-space:nowrap; }.monthly-disclaimer { margin-top: 1rem; color:#687783; font-size:.8rem; line-height:1.5; }
@media (max-width: 920px) { .monthly-cost-layout { grid-template-columns: 1fr; }.monthly-result { position: static; } }
@media print { .mp-header,.mp-footer,.mp-whatsapp,.mp-mobile-cta,.monthly-cost-form,.monthly-result .mp-btn { display:none !important; }.monthly-result { position:static; border:0; box-shadow:none; }.monthly-cost-page { background:#fff; } }