.pricing-page{background:#f7f7f1}
.pricing-page #contenido{overflow:hidden}
.pricing-page .desktop-nav a.is-active{background:rgba(255,255,255,.72);color:#172fc4;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 18px rgba(49,85,255,.1)}
.pricing-page .mobile-nav a.is-active{color:var(--blue)}

.pricing-hero{position:relative;isolation:isolate;min-height:680px;display:grid;place-items:center;overflow:hidden;padding:110px var(--section-x) 180px;background:radial-gradient(circle at 50% 40%,#fff 0,rgba(255,255,255,.78) 32%,transparent 70%),#f7f7f1}
.pricing-hero-copy{position:relative;z-index:2;max-width:1250px;margin:0 auto;text-align:center}
.pricing-hero-copy h1{max-width:1200px;margin:0 auto;font-size:clamp(64px,8vw,118px);line-height:.89}
.pricing-hero-copy>p:not(.eyebrow){max-width:780px;margin:30px auto 0;color:var(--muted);font-size:clamp(18px,1.55vw,22px);line-height:1.55;text-wrap:balance}
.pricing-hero-copy>span{display:inline-flex;margin-top:28px;padding:9px 14px;border:1px solid #dfe0df;border-radius:999px;background:rgba(255,255,255,.7);color:#666873;font-size:12px;font-weight:600;box-shadow:0 8px 24px rgba(18,19,26,.05)}
.pricing-hero-orbit{position:absolute;z-index:-1;border:1px solid rgba(49,85,255,.14);border-radius:50%}
.orbit-one{width:720px;height:720px;left:-360px;bottom:-440px;box-shadow:0 0 0 95px rgba(49,85,255,.025),0 0 0 190px rgba(49,85,255,.018)}
.orbit-two{width:560px;height:560px;right:-280px;top:-330px;box-shadow:0 0 0 80px rgba(123,77,255,.025),0 0 0 160px rgba(123,77,255,.018)}

.plans-section{position:relative;z-index:3;padding:0 var(--section-x) var(--section-y);margin-top:-105px}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1480px;margin:0 auto}
.plan-card{position:relative;display:flex;min-width:0;min-height:720px;flex-direction:column;padding:clamp(28px,3vw,44px);border:1px solid rgba(18,19,26,.11);border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(27,30,52,.08)}
.plan-card.is-featured{background:#3155ff;color:#fff;border-color:#3155ff;box-shadow:0 34px 90px rgba(49,85,255,.26);transform:translateY(-20px)}
.plan-badge{position:absolute;right:22px;top:22px;padding:7px 11px;border-radius:999px;background:#b7f16f;color:#143c27;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.plan-eyebrow{max-width:72%;min-height:36px;margin:0 0 12px;color:#72747e;font-size:12px;font-weight:600;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}
.plan-card.is-featured .plan-eyebrow{color:rgba(255,255,255,.68)}
.plan-card h2{margin:0;font-size:clamp(38px,3.4vw,52px);font-weight:500;line-height:1;letter-spacing:-.04em}
.plan-price{display:flex;align-items:flex-end;gap:13px;margin-top:42px}
.plan-price strong{font-size:clamp(58px,5vw,82px);font-weight:500;line-height:.78;letter-spacing:-.055em}
.plan-card.is-custom .plan-price strong{font-size:clamp(32px,3vw,48px);letter-spacing:-.035em}
.plan-card.is-custom{isolation:isolate;overflow:hidden;border-color:rgba(255,255,255,.11);background:radial-gradient(circle at 92% 7%,rgba(112,130,255,.3),transparent 33%),radial-gradient(circle at 3% 100%,rgba(121,72,229,.22),transparent 37%),linear-gradient(145deg,#202231 0%,#11131c 56%,#080910 100%);color:#fff;box-shadow:0 30px 84px rgba(13,14,24,.22)}
.plan-card.is-custom:before{content:"";position:absolute;z-index:-1;right:-130px;bottom:-155px;width:360px;height:360px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.026),0 0 0 116px rgba(255,255,255,.016)}
.plan-card.is-custom .plan-eyebrow{max-width:58%;color:rgba(255,255,255,.64)}
.plan-card.is-custom .plan-price span,.plan-card.is-custom .plan-price-context{color:rgba(255,255,255,.64)}
.plan-card.is-custom .plan-description{color:rgba(255,255,255,.72)}
.plan-card.is-custom .plan-users,.plan-card.is-custom .plan-includes{border-color:rgba(255,255,255,.16)}
.plan-card.is-custom .plan-users{padding:18px 0}
.plan-card.is-custom .plan-users strong{color:#fff;font-size:17px;font-weight:650;line-height:1.35}
.plan-card.is-custom .plan-users i{background:#b7f16f;box-shadow:0 0 0 5px rgba(183,241,111,.13)}
.plan-card.is-custom .plan-includes li{color:rgba(255,255,255,.82)}
.plan-card.is-custom .plan-includes li span{background:rgba(255,255,255,.11);color:#cbd3ff}
.plan-card.is-custom>.button-dark{border-color:rgba(255,255,255,.18);background:#fff;color:#151723}
.plan-card.is-custom>.button-dark:hover{background:#dfe4ff;color:#101321}
.plan-card.is-custom .plan-badge{background:linear-gradient(135deg,#d9dfff,#aab7ff);color:#171b39}
.plan-price span{padding-bottom:2px;color:#777985;font-size:12px;line-height:1.35}
.plan-card.is-featured .plan-price span{color:rgba(255,255,255,.66)}
.plan-price-context{margin:15px 0 0;color:#686a74;font-size:12px;font-weight:600;line-height:1.4}
.plan-card.is-featured .plan-price-context{color:rgba(255,255,255,.76)}
.plan-description{min-height:78px;margin:30px 0 0;color:var(--muted);font-size:16px;line-height:1.5}
.plan-card.is-featured .plan-description{color:rgba(255,255,255,.72)}
.plan-users{display:flex;align-items:center;gap:10px;margin:24px 0;padding:14px 0;border-top:1px solid rgba(18,19,26,.1);border-bottom:1px solid rgba(18,19,26,.1);font-size:14px}
.plan-card.is-featured .plan-users{border-color:rgba(255,255,255,.2)}
.plan-users i{width:9px;height:9px;border-radius:50%;background:#3155ff;box-shadow:0 0 0 5px rgba(49,85,255,.1)}
.plan-card.is-featured .plan-users i{background:#b7f16f;box-shadow:0 0 0 5px rgba(183,241,111,.14)}
.plan-card>.button{width:100%;min-height:52px}
.plan-includes{margin-top:34px;padding-top:28px;border-top:1px solid rgba(18,19,26,.1)}
.plan-card.is-featured .plan-includes{border-color:rgba(255,255,255,.2)}
.plan-includes>p{margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.plan-includes ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.plan-includes li{display:grid;grid-template-columns:22px 1fr;gap:8px;color:#555761;font-size:14px;line-height:1.35}
.plan-card.is-featured .plan-includes li{color:rgba(255,255,255,.82)}
.plan-includes li span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8ebff;color:#3155ff;font-size:10px;font-weight:700}
.plan-card.is-featured .plan-includes li span{background:rgba(255,255,255,.16);color:#b7f16f}
.plans-reassurance{max-width:800px;margin:34px auto 0;color:#777985;font-size:13px;text-align:center}

.comparison-section{padding:var(--section-y) var(--section-x);background:#fff}
.comparison-heading{display:grid;grid-template-columns:.42fr 1.05fr .65fr;gap:clamp(28px,4vw,64px);max-width:1480px;margin:0 auto 64px;align-items:start}
.comparison-heading .eyebrow{margin-top:9px}
.comparison-heading h2{margin:0;font-size:clamp(46px,5.2vw,76px);font-weight:500;line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.comparison-heading>p:last-child{margin:11px 0 0;color:var(--muted);font-size:17px;line-height:1.55}
.comparison-scroll{max-width:1480px;margin:0 auto;overflow:auto;border:1px solid #dedfdd;border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(24,27,45,.06)}
.comparison-scroll:focus-visible{outline:3px solid rgba(49,85,255,.35);outline-offset:4px}
.comparison-table{min-width:900px}
.comparison-row{display:grid;grid-template-columns:minmax(330px,1.35fr) repeat(3,minmax(150px,.55fr));border-bottom:1px solid #e8e8e5}
.comparison-header{position:sticky;top:0;z-index:4;background:#17192a;color:#fff;border:0}
.comparison-header>div{min-height:100px}
.comparison-feature{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:20px 26px;background:#fff}
.comparison-header .comparison-feature{background:#17192a;color:rgba(255,255,255,.55);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.comparison-feature strong{font-size:15px;font-weight:550}
.comparison-feature span{margin-top:5px;color:#858791;font-size:12px;line-height:1.4}
.comparison-plan,.comparison-value{display:grid;place-items:center;min-width:0;padding:20px;border-left:1px solid rgba(255,255,255,.1);text-align:center}
.comparison-plan{position:relative}
.comparison-plan strong{font-size:18px;font-weight:500}
.comparison-plan span{margin-top:5px;padding:5px 8px;border-radius:999px;background:#b7f16f;color:#143c27;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.comparison-plan.is-recommended{background:#3155ff}
.comparison-value{border-left:1px solid #e8e8e5;background:#fff}
.comparison-group h3{margin:0;padding:16px 26px;background:#f1f1ec;color:#555761;font-size:12px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}
.comparison-check{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6f7ee;color:#168d60;font-size:13px;font-weight:700}
.comparison-text{max-width:130px;color:#555761;font-size:13px;font-weight:500;line-height:1.3}
.comparison-group:last-child .comparison-row:last-child{border-bottom:0}

.pricing-closing{position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;min-height:620px;overflow:hidden;margin:var(--section-y) var(--section-x) 0;padding:clamp(48px,7vw,100px);border-radius:30px;background:#3155ff;color:#fff}
.pricing-closing:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 85%)}
.pricing-closing-copy{position:relative;z-index:2;max-width:820px}
.pricing-closing-copy .eyebrow{color:#b7f16f}
.pricing-closing-copy h2{margin:0;font-size:clamp(48px,6vw,86px);font-weight:500;line-height:.95;letter-spacing:-.05em;text-wrap:balance}
.pricing-closing-copy>p:not(.eyebrow){max-width:650px;margin:28px 0 32px;color:rgba(255,255,255,.7);font-size:18px;line-height:1.55}
.pricing-closing-mark{position:relative;z-index:2;display:grid;place-items:center;width:420px;height:420px;justify-self:end;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.05),0 0 0 140px rgba(255,255,255,.025)}
.pricing-closing-mark img{width:120px}

@media(max-width:980px){
    .pricing-hero{min-height:620px;padding-bottom:150px}
    .plans-grid{grid-template-columns:1fr;max-width:680px;gap:16px}
    .plan-card{min-height:0}
    .plan-card.is-featured{transform:none}
    .plan-description{min-height:0}
    .comparison-heading{grid-template-columns:1fr 1.5fr}
    .comparison-heading>p:last-child{grid-column:2}
    .pricing-closing{grid-template-columns:1fr;min-height:680px}
    .pricing-closing-mark{position:absolute;right:-120px;bottom:-160px;opacity:.42}
}

@media(max-width:640px){
    .pricing-hero{min-height:580px;padding:90px 20px 130px}
    .pricing-hero-copy h1{font-size:52px}
    .pricing-hero-copy>p:not(.eyebrow){font-size:16px}
    .plans-section{padding:0 20px var(--section-y);margin-top:-72px}
    .plan-card{padding:30px 22px;border-radius:22px}
    .plan-badge{right:16px;top:16px}
    .plan-price{margin-top:34px}
    .plan-price strong{font-size:64px}
    .comparison-section{padding:var(--section-y) 20px}
    .comparison-heading{grid-template-columns:1fr;gap:18px;margin-bottom:38px}
    .comparison-heading h2{font-size:46px}
    .comparison-heading>p:last-child{grid-column:1;margin-top:3px;font-size:16px}
    .comparison-scroll{margin-right:-20px;border-radius:18px 0 0 18px}
    .comparison-row{grid-template-columns:280px repeat(3,150px)}
    .comparison-feature{position:sticky;z-index:2;left:0;padding:18px;background:#fff;box-shadow:8px 0 16px rgba(18,19,26,.04)}
    .comparison-header .comparison-feature{z-index:5;background:#17192a}
    .pricing-closing{min-height:660px;margin:var(--section-y) 0 0;padding:68px 20px;border-radius:0}
    .pricing-closing-copy h2{font-size:50px}
    .pricing-closing-copy>p:not(.eyebrow){font-size:16px}
    .pricing-closing-copy .button{width:100%}
}