.sar-variant-page{font-family:Inter,"Inter Fallback","Helvetica Neue",Helvetica,Arial,sans-serif;background:#f6f9fc;color:#17395f;overflow-x:hidden}.sar-variant-page *{box-sizing:border-box}.sar-variant-page a{text-decoration:none}.sar-v-main{min-height:calc(100vh - 120px);padding:70px 0 90px;position:relative;overflow:hidden}.sar-v-main:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(39,93,144,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(39,93,144,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,#000,transparent 88%);pointer-events:none}.sar-v-shell{position:relative;z-index:2}.sar-v-kicker{font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#356CA8}.sar-v-title{margin:12px 0 0;color:#0d2343;font-size:clamp(42px,5vw,74px);line-height:.98;letter-spacing:-.05em;font-weight:700}.sar-v-title .accent{color:#275D90}.sar-v-copy{color:#687f96;font-size:15px;line-height:1.7}.sar-v-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.03em;transition:.2s ease}.sar-v-btn.primary{background:linear-gradient(90deg,#275D90,#356CA8);color:#fff!important;border:1px solid transparent;box-shadow:0 12px 26px rgba(39,93,144,.18)}.sar-v-btn.secondary{background:#fff;color:#275D90!important;border:1px solid #bdd0e0}.sar-v-card{background:#fff;border:1px solid #dce6ef;border-radius:24px;box-shadow:0 24px 60px rgba(24,63,99,.08)}.sar-v-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sar-v-field{display:flex;flex-direction:column;gap:7px}.sar-v-field.full{grid-column:1/-1}.sar-v-field label{font-size:11px;font-weight:700;color:#335879}.sar-v-field input{height:50px;border:1px solid #ceddea;border-radius:10px;padding:0 14px;outline:none;color:#163b61}.sar-v-field input:focus{border-color:#356CA8;box-shadow:0 0 0 4px rgba(53,108,168,.08)}.sar-v-mini{font-size:11px;color:#7c90a3;line-height:1.55}.sar-v-reg1{display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:stretch}.sar-v-reg1 .story{padding:52px;background:linear-gradient(145deg,#0b2d50,#275D90);color:#fff;border-radius:26px;position:relative;overflow:hidden}.sar-v-reg1 .story:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-140px;bottom:-160px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 58px rgba(255,255,255,.022)}.sar-v-reg1 .story .sar-v-kicker{color:#b7d5ee}.sar-v-reg1 .story h1{color:#fff!important}.sar-v-reg1 .story h1 .accent{color:#99c9ee}.sar-v-reg1 .benefits{margin-top:38px;border-top:1px solid rgba(255,255,255,.16)}.sar-v-reg1 .benefit{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.13)}.sar-v-reg1 .benefit span{font-size:28px;font-weight:700;color:#8fc0e5}.sar-v-reg1 .benefit strong{display:block;color:#fff}.sar-v-reg1 .benefit p{margin:4px 0 0;color:rgba(255,255,255,.7);font-size:12px}.sar-v-reg1 .formcard{padding:36px}.sar-v-reg2{max-width:900px;margin:0 auto}.sar-v-reg2 .head{text-align:center;max-width:760px;margin:0 auto 32px}.sar-v-reg2 .formcard{padding:38px}.sar-v-reg2 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}.sar-v-reg2 .step{padding:14px;border:1px solid #dce6ef;border-radius:14px;background:#f9fbfd}.sar-v-reg2 .step strong{display:block;font-size:11px;color:#275D90}.sar-v-reg2 .step span{font-size:11px;color:#7d91a4}.sar-v-reg3{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px}.sar-v-reg3 .aside{padding:34px;border-radius:24px;background:#fff;border:1px solid #dce6ef}.sar-v-reg3 .visual{height:220px;border-radius:18px;background:linear-gradient(145deg,#dcebf7,#f7fbff);position:relative;overflow:hidden}.sar-v-reg3 .visual:before{content:"MI SAR";position:absolute;left:24px;bottom:20px;color:#275D90;font-size:48px;font-weight:700;letter-spacing:-.06em}.sar-v-reg3 .formcard{padding:36px}.sar-v-cart1{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.sar-v-cart-items{overflow:hidden}.sar-v-cart-row{display:grid;grid-template-columns:72px 1fr auto;gap:16px;padding:22px;border-bottom:1px solid #e3ebf2;align-items:center}.sar-v-cart-thumb{height:64px;border-radius:13px;background:linear-gradient(145deg,#14385f,#356CA8)}.sar-v-cart-row h3{margin:0 0 6px;color:#17395f!important;font-size:18px}.sar-v-cart-row p{margin:0;color:#7a8fa3;font-size:11px}.sar-v-cart-price{font-size:18px;font-weight:700;color:#14385f}.sar-v-summary{padding:28px;background:linear-gradient(145deg,#0d3358,#275D90);color:#fff}.sar-v-summary .sar-v-kicker{color:#bad7ef}.sar-v-summary h2{color:#fff!important;font-size:28px}.sar-v-summary .line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:12px;color:rgba(255,255,255,.75)}.sar-v-summary .line.total{font-size:16px;color:#fff}.sar-v-summary .line.total strong{font-size:24px}.sar-v-cart2{max-width:1040px;margin:0 auto}.sar-v-cart2 .head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:26px}.sar-v-cart2 .table{overflow:hidden}.sar-v-cart2 .tablehead,.sar-v-cart2 .tablerow{display:grid;grid-template-columns:1.4fr .5fr .5fr;gap:16px;padding:18px 24px}.sar-v-cart2 .tablehead{background:#eef5fb;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6d849a}.sar-v-cart2 .tablerow{border-top:1px solid #e2eaf1;align-items:center}.sar-v-cart2 .course{display:flex;gap:14px;align-items:center}.sar-v-cart2 .course .dot{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#173b62,#356CA8)}.sar-v-cart2 .footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px;border-top:1px solid #e2eaf1}.sar-v-cart3{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px}.sar-v-cart3 .aside{padding:34px;background:linear-gradient(180deg,#f7fbff,#eaf3fa);border:1px solid #dce6ef;border-radius:24px}.sar-v-cart3 .aside .big{font-size:84px;line-height:.9;font-weight:700;color:#c6d9e9;letter-spacing:-.08em}.sar-v-cart3 .aside h2{color:#17395f!important;font-size:34px}.sar-v-cart3 .panel{padding:28px}.sar-v-drawer-stage{position:relative;min-height:650px;border:1px solid #dce6ef;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#fff,#edf5fb)}.sar-v-drawer-stage .pagecopy{padding:54px;max-width:620px}.sar-v-overlay{position:absolute;inset:0;background:rgba(10,34,58,.23);backdrop-filter:blur(2px)}.sar-v-drawer{position:absolute;top:0;right:0;height:100%;width:min(430px,94%);background:#fff;box-shadow:-26px 0 60px rgba(15,50,82,.2);z-index:3;display:flex;flex-direction:column}.sar-v-drawer.left{right:auto;left:0;box-shadow:26px 0 60px rgba(15,50,82,.2)}.sar-v-drawer.wide{width:min(520px,96%)}.sar-v-drawer.dark{background:linear-gradient(180deg,#0d3155,#173f6b);color:#fff}.sar-v-drawer-top{padding:24px;border-bottom:1px solid #e3eaf1;display:flex;justify-content:space-between;align-items:center}.sar-v-drawer.dark .sar-v-drawer-top{border-color:rgba(255,255,255,.14)}.sar-v-drawer-top h2{margin:0;color:#17395f!important;font-size:26px}.sar-v-drawer.dark .sar-v-drawer-top h2{color:#fff!important}.sar-v-close{width:38px;height:38px;border-radius:50%;border:1px solid #d6e1ea;background:#fff;color:#426884}.sar-v-drawer.dark .sar-v-close{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.sar-v-drawer-body{padding:8px 22px;overflow:auto;flex:1}.sar-v-drawer-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;padding:18px 0;border-bottom:1px solid #e5ecf2;align-items:center}.sar-v-drawer.dark .sar-v-drawer-item{border-color:rgba(255,255,255,.13)}.sar-v-drawer-thumb{height:54px;border-radius:11px;background:linear-gradient(145deg,#173c64,#4b83b8)}.sar-v-drawer-item h3{margin:0 0 5px;color:#17395f!important;font-size:14px}.sar-v-drawer.dark .sar-v-drawer-item h3{color:#fff!important}.sar-v-drawer-item span{font-size:10px;color:#7c91a4}.sar-v-drawer.dark .sar-v-drawer-item span{color:rgba(255,255,255,.62)}.sar-v-drawer-bottom{padding:22px;border-top:1px solid #dfe8ef;background:#fbfdff}.sar-v-drawer.dark .sar-v-drawer-bottom{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.13)}.sar-v-total{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.sar-v-total span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7a8fa2}.sar-v-total strong{font-size:27px;color:#17395f}.sar-v-drawer.dark .sar-v-total span{color:rgba(255,255,255,.62)}.sar-v-drawer.dark .sar-v-total strong{color:#fff}.sar-v-drawer-actions{display:grid;gap:10px}.sar-v-drawer.dark .sar-v-btn.primary{background:#fff;color:#18446e!important}.sar-v-drawer.dark .sar-v-btn.secondary{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)}@media(max-width:991px){.sar-v-reg1,.sar-v-reg3,.sar-v-cart1,.sar-v-cart3{grid-template-columns:1fr}.sar-v-cart2 .head{display:block}.sar-v-reg1 .story{padding:36px}.sar-v-reg3 .aside{order:2}}@media(max-width:767px){.sar-v-main{padding:44px 0 60px}.sar-v-form{grid-template-columns:1fr}.sar-v-field.full{grid-column:auto}.sar-v-reg2 .steps{grid-template-columns:1fr}.sar-v-reg1 .formcard,.sar-v-reg2 .formcard,.sar-v-reg3 .formcard{padding:24px 20px}.sar-v-cart-row{grid-template-columns:58px 1fr}.sar-v-cart-price{grid-column:2}.sar-v-cart2 .tablehead{display:none}.sar-v-cart2 .tablerow{grid-template-columns:1fr}.sar-v-cart2 .footer{display:grid}.sar-v-drawer-stage{min-height:680px}.sar-v-drawer-stage .pagecopy{padding:32px 22px}.sar-v-title{font-size:44px}}/* Auditoría UI 2026-10-15: en celular, Crear cuenta muestra primero el formulario. */
@media (max-width:767px){.sar-v-reg1 .formcard{order:-1}.sar-v-reg1 .benefits{display:none}}
