/* Planes y pago: adapta las referencias visuales a los planes y al cobro reales. */
.plans-page-wrapper{max-width:1600px;padding-top:22px}
.plans-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:300px;padding:36px clamp(24px,4vw,62px);margin-bottom:30px;border-radius:24px;background:#0b2346 url('/static/assets/home/hero_planes_postula_sin_rostros_2026.webp') center 48%/cover;color:#fff}
.plans-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(8,29,62,.93) 0%,rgba(8,29,62,.79) 38%,rgba(8,29,62,.22) 66%,rgba(8,29,62,.03) 100%)}
.plans-hero>*{position:relative;z-index:1}
.plans-hero-copy{max-width:600px}
.plans-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bfdbfe;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.plans-eyebrow svg{width:17px;height:17px;color:#fbbf24}
.plans-hero h1{color:#fff!important;font:850 clamp(29px,3vw,46px)/1.08 'Outfit',sans-serif;letter-spacing:-.025em;margin:12px 0}
.plans-hero p{color:#e5efff;font-size:clamp(14px,1.15vw,17px);line-height:1.55;max-width:760px;margin:0}
.plans-hero-points{display:flex;flex-wrap:wrap;gap:13px 24px;list-style:none;margin:22px 0 0;padding:0}
.plans-hero-points li{display:flex;align-items:center;gap:7px;color:#f1f5f9;font-size:13px;font-weight:650}
.plans-hero-points svg{width:17px;height:17px;color:#93c5fd}
.plans-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 16px}
.plans-section-heading span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1d4ed8}
.plans-section-heading h2{font:850 clamp(23px,2.3vw,31px)/1.1 'Outfit',sans-serif;color:#0f172a;margin:5px 0 0}
.plans-section-heading p{font-size:13px;color:#64748b;margin:0;max-width:410px;text-align:right}
.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px;padding-top:15px}
.plans-grid .plan-card{border-radius:19px;padding:25px 21px 20px;gap:16px;min-width:0;box-shadow:0 8px 28px rgba(15,23,42,.05)}
.plans-grid .plan-card:hover{transform:translateY(-3px)}
.plans-grid .plan-card.featured{border-color:#1d4ed8;box-shadow:0 14px 32px rgba(29,78,216,.12)}
.plans-grid .plan-card-free{background:linear-gradient(150deg,#fff,#f8fbff)}
.plans-grid .plan-card-full{background:linear-gradient(155deg,#fff,#fffcf4);border-color:#f2dcaa}
.plans-grid .special-top-badge{background:#1d4ed8;box-shadow:0 5px 15px rgba(29,78,216,.23);font-size:10px;padding:6px 12px}
.plans-grid .special-top-badge svg{width:12px;height:12px}
.plan-card-heading{display:flex;align-items:center;gap:12px;min-height:56px}
.plan-card-heading .plan-icon{width:51px;height:51px;flex:0 0 51px;display:grid;place-items:center;border-radius:14px;background:#eaf1ff;color:#1d4ed8}
.plan-card-free .plan-icon{background:#edf2f7;color:#64748b}.plan-card-laboral .plan-icon{background:#e5f7ed;color:#04805c}.plan-card-full .plan-icon{background:#fff1d2;color:#a56c00}
.plan-icon svg{width:27px;height:27px}
.plans-grid .plan-card-heading h3{font:800 21px/1.1 'Outfit',sans-serif;color:#102039;margin:0 0 4px}
.plan-card-heading p{color:#61718a;font-size:12px;margin:0;line-height:1.35}
.plans-grid .plan-price-wrap{margin:19px 0 12px;flex-wrap:wrap}
.plans-grid .plan-price{font-size:clamp(31px,2.2vw,39px);white-space:nowrap}
.plans-grid .plan-card.featured .plan-price{color:#0f172a}
.plans-grid .plan-period{font-size:12px}
.plan-summary{min-height:42px;color:#51627d;font-size:12.5px;line-height:1.48;margin:0 0 15px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}
.plans-grid .features-list{gap:11px;margin:0;padding:0}
.plans-grid .features-list li{font-size:12.5px;line-height:1.4;gap:8px}
.plans-grid .features-list svg{width:17px;height:17px;min-width:17px;padding:2px;border-radius:50%;background:#e7f8ef;color:#059669;margin:0;box-sizing:border-box}
.plans-grid .plan-cta-btn{min-height:46px;border-radius:10px;font-size:13px;box-shadow:none;gap:8px}
.plans-grid .plan-cta-btn svg{width:16px;height:16px}
.plans-grid .plan-cta-free{background:#fff;border:1.5px solid #1d4ed8;color:#1d4ed8}
.plans-grid .plan-cta-free:hover{background:#eff6ff}
.plans-grid .plan-card-full .standard{background:#d99a09;border-color:#d99a09;color:#102039}
.plans-grid .plan-card-full .standard:hover{background:#f6b418;border-color:#f6b418}
.plans-comparison{border:1px solid #dce5f4;border-radius:18px;background:#fff;overflow:hidden;margin:0 0 28px}
.plans-comparison-title{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;border-bottom:1px solid #e5edf8}
.plans-comparison-title h2{font:800 20px/1.2 'Outfit',sans-serif;margin:0;color:#102039}
.plans-comparison-title p{max-width:540px;text-align:right;font-size:12px;color:#64748b;margin:0}
.plans-comparison-scroll{overflow-x:auto}
.plans-comparison table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px}
.plans-comparison th,.plans-comparison td{padding:13px 15px;border-bottom:1px solid #e8eef7;text-align:left;vertical-align:top}
.plans-comparison thead{background:#f2f7ff;color:#29476e}.plans-comparison thead th{font-weight:800}
.plans-comparison tbody th{color:#142746;font-weight:750;width:20%}.plans-comparison tbody td{color:#52637e}
.plans-comparison tbody tr:last-child th,.plans-comparison tbody tr:last-child td{border-bottom:0}
.medios-pago-cinta{margin-top:0}

/* Checkout compartido: selección y pantalla de QR/enlace. */
.checkout-wrap,.pp-wrap{max-width:1180px;margin:0 auto;padding:32px 20px 64px}
.checkout-heading{margin-bottom:23px}
.checkout-heading .checkout-back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#1d4ed8;font-size:13px;font-weight:750;margin-bottom:14px}
.checkout-back svg{width:16px;height:16px}
.checkout-heading h1{font:850 clamp(27px,3vw,38px)/1.12 'Outfit',sans-serif;color:#102039;margin:0 0 8px}
.checkout-heading p{color:#586a85;font-size:14px;line-height:1.5;margin:0;max-width:760px}
.checkout-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;padding:8px;background:#eff4fb;border:1px solid #dae6f7;border-radius:13px;margin:0 0 24px}
.checkout-steps li{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 5px;border-radius:9px;color:#62718a;font-size:12px;font-weight:750;text-align:center}
.checkout-steps li.is-active{background:#fff;color:#1d4ed8;box-shadow:0 3px 12px rgba(15,23,42,.07)}
.checkout-steps li.is-done{color:#047857}
.checkout-steps .step-number{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#dce7f6;color:#526987;font-size:11px}
.checkout-steps .is-active .step-number{background:#1d4ed8;color:#fff}
.checkout-steps .is-done .step-number{background:#d8f5e7;color:#047857}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,.85fr);gap:22px;align-items:start}
.checkout-panel,.checkout-summary{border:1px solid #dce5f2;border-radius:19px;background:#fff;box-shadow:0 9px 30px rgba(15,23,42,.045)}
.checkout-panel{padding:25px}.checkout-summary{padding:22px;position:sticky;top:84px}
.checkout-panel h2,.checkout-summary h2{font:800 21px/1.2 'Outfit',sans-serif;color:#102039;margin:0 0 5px}
.checkout-panel .section-intro{font-size:13px;color:#64748b;margin:0 0 22px;line-height:1.5}
.checkout-plan-label{display:block;font-size:12px;font-weight:800;color:#2a3d5c;margin-bottom:7px}
.checkout-plan-select{display:block;width:100%;min-height:48px;border:1.5px solid #d3e0f0;border-radius:10px;padding:10px 13px;color:#152846;background:#fff;font:700 14px 'Inter',sans-serif}
.checkout-plan-select:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.checkout-method-title{font-size:13px;font-weight:800;color:#213555;margin:22px 0 10px}
.checkout-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.checkout-method{border:1.5px solid #cfe0f8;border-radius:14px;background:#f7fbff;padding:17px;min-height:150px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#0f172a;font:inherit;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.checkout-method:hover,.checkout-method:focus-visible{border-color:#1d4ed8;box-shadow:0 8px 20px rgba(29,78,216,.10);transform:translateY(-2px)}
.checkout-method-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e6efff;color:#1d4ed8}
.checkout-method-icon svg{width:24px;height:24px}
.checkout-method strong{font-size:14px}.checkout-method small{font-size:12px;line-height:1.4;color:#61718a}
.checkout-method-brands{display:flex;align-items:center;gap:3px;margin-top:auto;padding-top:3px}
.checkout-method-brands img{width:66px;height:25px;object-fit:contain;object-position:left center}
.checkout-note{border-radius:10px;padding:12px 14px;background:#eff6ff;color:#2c4c75;font-size:12px;line-height:1.5;margin:19px 0 0}
.checkout-cancel{display:inline-flex;margin-top:18px;color:#52647e;font-weight:750;font-size:13px;text-decoration:none}
.checkout-summary .summary-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8}
.checkout-summary .summary-plan{font:800 23px/1.15 'Outfit',sans-serif;color:#0f172a;margin:10px 0 4px}
.checkout-summary .summary-duration{color:#64748b;font-size:12px;margin:0 0 19px}
.checkout-summary .summary-price{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-top:1px solid #e3eaf4;padding-top:17px;color:#304363;font-size:13px}
.checkout-summary .summary-price strong{font:850 27px 'Outfit',sans-serif;color:#102039}
.checkout-summary .summary-foot{display:flex;gap:8px;align-items:start;margin:16px 0 0;font-size:12px;line-height:1.5;color:#5d6e86}
.checkout-summary .summary-foot svg{width:16px;height:16px;flex:0 0 16px;color:#059669;margin-top:2px}
.checkout-status{border-radius:11px;padding:14px 16px;margin:0 0 17px;font-size:13px;line-height:1.55}
.checkout-status.is-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.checkout-status.is-review{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.checkout-status.is-active{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.checkout-status p{margin:4px 0 0}.checkout-status .status-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}
.checkout-status a{color:inherit;font-weight:750}.checkout-status button{border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:7px 10px;font:700 12px 'Inter',sans-serif;cursor:pointer}
.pp-wrap .pp-paso{background:#fff;border:1px solid #dce5f2!important;border-radius:17px;padding:22px;box-shadow:0 8px 26px rgba(15,23,42,.045)}
.pp-wrap .pp-titulo{align-items:center}.pp-wrap .pp-num{width:30px;height:30px;background:#1d4ed8;border-radius:9px}
.pp-wrap .pp-monto{background:linear-gradient(115deg,#0d2a55,#1e4b87);border-radius:13px;padding:14px}
.pp-wrap .pp-monto strong{font-size:30px}
.pp-wrap .pp-campo input{min-height:46px}.pp-wrap .pp-btn{min-height:44px;display:grid;place-items:center}
.pp-wrap .checkout-steps{margin-bottom:22px}

@media(max-width:1260px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}.plans-section-heading,.plans-comparison-title{display:block}.plans-section-heading p,.plans-comparison-title p{text-align:left;margin-top:8px}}
@media(max-width:650px){.plans-page-wrapper{padding:12px 14px 42px}.plans-hero{display:block;padding:162px 22px 27px;min-height:0;border-radius:18px;margin-bottom:24px;background:#0b2346}.plans-hero::before{display:none}.plans-hero::after{content:"";position:absolute;inset:0 0 auto;height:152px;z-index:0;background:linear-gradient(0deg,#0b2346 0%,rgba(8,29,62,0) 42%),url('/static/assets/home/hero_planes_postula_sin_rostros_2026.webp') right 30%/auto 240px no-repeat}.plans-hero h1{font-size:31px}.plans-hero-points{gap:9px}.plans-hero-points li{width:100%;font-size:12px}.plans-grid{grid-template-columns:1fr;gap:17px}.plans-grid .plan-card{padding:23px 19px}.plans-comparison-title{padding:18px}.checkout-wrap,.pp-wrap{padding:22px 15px 46px}.checkout-panel,.checkout-summary{padding:20px}.checkout-methods{grid-template-columns:1fr}.checkout-method{min-height:0}.checkout-steps{grid-template-columns:repeat(4,minmax(0,1fr));padding:5px}.checkout-steps li{font-size:10px;display:block;padding:7px 2px}.checkout-steps .step-number{margin:0 auto 4px}}
@media(prefers-reduced-motion:reduce){.plans-grid .plan-card:hover,.checkout-method:hover{transform:none}}