/* Sólo página de precios, sin cambiar estilos del footer. */
.commercial-prices{color:#011833}
.commercial-prices .price-hero{background:#011833;color:#fff;padding:56px 0 42px}
.commercial-prices .price-hero h1{color:#fff;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;max-width:850px;margin:18px auto}
.commercial-prices .price-hero p{color:#d1dce7;max-width:760px;margin:18px auto}
.commercial-prices .price-hero .eyebrow{color:#00c3dc}
.commercial-prices .mpw-btn--primary{background:#00c3dc;color:#011833;border-color:#00c3dc;box-shadow:none}
.commercial-prices .period-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px;background:transparent;border:0;box-shadow:none}
.commercial-prices .period-switch a{padding:12px 20px;color:#fff;border:1px solid #ffffff40;border-radius:30px;font-weight:700;font-size:.85rem}
.commercial-prices .period-switch a[aria-current]{background:#00c3dc;color:#011833;border-color:#00c3dc}
.commercial-prices .pricing-cards{grid-template-columns:1.15fr 1fr 1fr;align-items:stretch;gap:22px}
.commercial-prices .pricing-card{display:flex;flex-direction:column;padding:30px 25px;background:#fff;border:1px solid #dce5ed;color:#011833;box-shadow:none}
.commercial-prices .pricing-card--ultra{background:#011833;border:2px solid #00c3dc;color:#fff}
.commercial-prices .pricing-card h2{font-size:1.35rem;line-height:1.25;min-height:70px;letter-spacing:-.02em}
.commercial-prices .pricing-card--ultra :is(h2,p,li){color:#fff}
.commercial-prices .pricing-card--ultra .mpw-btn--dark{background:#00c3dc;color:#011833;border-color:#00c3dc}
.commercial-prices .pricing-card .check-list{flex:1;margin:24px 0}
.commercial-prices .pricing-card .mpw-btn{width:100%;white-space:normal;text-align:center;min-height:46px}
.commercial-prices .plan-card__ribbon{background:#00c3dc;color:#011833}
.commercial-prices .final-cta,.commercial-prices .mpw-xioh-band{background:#011833}
.commercial-prices :is(a,button,select):focus-visible{outline:3px solid #00c3dc;outline-offset:4px}
@media(max-width:1000px){.commercial-prices .pricing-cards{grid-template-columns:1fr}.commercial-prices .pricing-card h2{min-height:0}}
@media(max-width:700px){.commercial-prices .price-hero{padding:30px 0}.commercial-prices .price-hero h1{color:#fff;font-size:2rem}.commercial-prices .pricing-card{padding:28px 22px}.commercial-prices .period-switch a{padding:12px 15px}}
