#registro.registration-modern{position:relative;padding:82px 0 96px;background:linear-gradient(180deg,#f7f8ff 0%,#fff 38%);color:#313a5b;overflow:hidden}
#registro.registration-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#001f8f 0 55%,#6848c9 55% 82%,#f21f46 82%)}
#registro.registration-modern #register_session{max-width:1120px;padding-left:24px;padding-right:24px}
#registro.registration-modern .register-heading{margin:0 auto 54px;padding:0;text-align:center}
#registro.registration-modern .register-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:8px 15px;border-radius:999px;background:#eeeaff;color:#513ca8;font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
#registro.registration-modern .register-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#f21f46}
#registro.registration-modern .register-heading h2{margin:0 0 12px;color:#001f8f;font-size:clamp(38px,4.5vw,56px);line-height:1;font-weight:900;letter-spacing:-1.8px}
#registro.registration-modern .register-lead{display:block;max-width:610px;margin:0 auto 30px;color:#626b87;font-size:18px;line-height:1.55}
#registro.registration-modern .register-heading>.text-center{display:flex;align-items:flex-start;justify-content:center;gap:22px}
#registro.registration-modern #virtualCard_,#registro.registration-modern #virtualNewCard,#registro.registration-modern #plasticCard{position:relative;width:330px;padding:12px 12px 14px;border:1px solid #dde1f6;border-radius:22px;background:#fff;box-shadow:0 14px 35px rgba(30,28,105,.09);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
#registro.registration-modern #virtualNewCard:hover,#registro.registration-modern #plasticCard:hover{transform:translateY(-5px);border-color:#aaa3e4;box-shadow:0 20px 42px rgba(30,28,105,.15)}
#registro.registration-modern #virtualCard_ img,#registro.registration-modern #virtualNewCard img,#registro.registration-modern #plasticCard img{display:block;width:100%;height:auto;border:0;border-radius:14px;box-shadow:none}
#registro.registration-modern .active-image{outline:4px solid #6848c9;outline-offset:3px}
#registro.registration-modern .img-text{min-height:38px;margin:12px 4px 0;color:#555e7c;font-size:13px;font-weight:700;line-height:1.35}
#registro.registration-modern #validateCellphone,#registro.registration-modern #migrate_container,#registro.registration-modern #register_container{max-width:980px;margin:38px auto 0;padding:48px 42px;border:1px solid #e0e3f6;border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(30,28,105,.1)}
#registro.registration-modern #migrate_container,#registro.registration-modern #register_container{margin-left:auto;margin-right:auto}
#registro.registration-modern #migrate_container>.col,#registro.registration-modern #register_container>.col{padding:0}
#registro.registration-modern .title-card{display:none}
#registro.registration-modern .form-group.row{align-items:flex-start;margin-right:0;margin-left:0;margin-bottom:20px}
#registro.registration-modern .form-group.row>.register-label{flex:0 0 36%;max-width:36%;padding:11px 24px 0 0;color:#293252;font-size:15px;font-weight:700;line-height:1.35;text-align:left}
#registro.registration-modern .form-group.row>.col-md-5,#registro.registration-modern .form-group.row>.input-group-horizontal.col-md-5{flex:0 0 64%;max-width:64%;padding-right:0;padding-left:0}
#registro.registration-modern .form-group.row>.offset-md-5{margin-left:36%}
#registro.registration-modern .form-control{min-height:48px;padding:10px 14px;border:1px solid #dfe2ef;border-radius:11px;background:#f8f9fd;color:#253052;font-size:15px;font-weight:600;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
#registro.registration-modern .form-control:focus{border-color:#6848c9;background:#fff;box-shadow:0 0 0 4px rgba(104,72,201,.12)}
#registro.registration-modern .form-control:disabled,#registro.registration-modern .form-control[readonly]{background:#eef0f6;color:#68708a;opacity:1}
#registro.registration-modern .form-control::placeholder{color:#7b8298;opacity:1}
#registro.registration-modern .fechanac>.row,#registro.registration-modern .input-group-horizontal .row{margin-right:-6px;margin-left:-6px}
#registro.registration-modern .fechanac .col-4,#registro.registration-modern .input-group-horizontal [class*=col-]{padding-right:6px;padding-left:6px}
#registro.registration-modern .req,#registro.registration-modern .req2{color:#f21f46;font-weight:900}
#registro.registration-modern .span-gold,#registro.registration-modern .span-yellow,#registro.registration-modern .span-blue{color:#001f8f!important;font-weight:800}
#registro.registration-modern .formulariopie2{margin-top:10px;padding:12px 14px;border-radius:10px;background:#f1efff;color:#5a6080;font-size:13px;line-height:1.5}
#registro.registration-modern .error_required,#registro.registration-modern .error_required_ajax,#registro.registration-modern .error_required_red{margin-top:6px;font-size:12px;font-weight:700;text-align:left}
#registro.registration-modern .checkbox{color:#434c6b;line-height:1.6}
#registro.registration-modern .checkbox a{color:#001f8f;text-decoration:underline;text-decoration-color:#b7bdea;text-underline-offset:3px}
#registro.registration-modern input[type=checkbox],#registro.registration-modern input[type=radio]{accent-color:#6848c9}
#registro.registration-modern .boton{min-width:150px;margin-top:8px;padding:13px 26px;border:0;border-radius:12px;background:#001f8f;color:#fff;font-size:16px;font-weight:800;box-shadow:0 9px 22px rgba(0,31,143,.2);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
#registro.registration-modern .boton:hover,#registro.registration-modern .boton:focus{background:#6848c9;color: #fff !important;transform:translateY(-2px);box-shadow:0 12px 25px rgba(104,72,201,.25)}
#registro.registration-modern #requisitos{margin-top:12px;padding:16px;border:1px solid #e1e3f2;border-radius:12px;background:#f8f9fd}
#registro.registration-modern #requisitos h6{color:#001f8f;font-weight:800}
#registro.registration-modern .icon-eye{right:14px}
#registro.registration-modern .register-kicker{display:flex;width:max-content;margin:0 auto 14px}
#registro.registration-modern .register-heading h2{display:block;width:100%}
#registro.registration-modern #virtualCard_,#registro.registration-modern #virtualNewCard,#registro.registration-modern #plasticCard{width:310px;padding:10px 10px 16px}
#registro.registration-modern .register-heading #virtualCard_ .img-text,#registro.registration-modern .register-heading #virtualNewCard .img-text,#registro.registration-modern .register-heading #plasticCard .img-text{position:static!important;display:flex;align-items:center;justify-content:center;width:100%;height:auto!important;min-height:42px;margin:0;padding:10px 8px 0;color:#555e7c;font-size:12px;font-weight:700;line-height:1.35;text-align:center}
#registro.registration-modern #validateCellphone{max-width:760px;padding:38px 48px}
#registro.registration-modern .register-step-head{margin:0 auto 30px;text-align:center}
#registro.registration-modern .register-step-head>span{display:inline-block;margin-bottom:8px;color:#f21f46;font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
#registro.registration-modern .register-step-head h3{margin:0 0 8px;color:#001f8f;font-size:28px;font-weight:900;letter-spacing:-.6px}
#registro.registration-modern .register-step-head p{margin:0;color:#68708b;font-size:14px}
#registro.registration-modern #validateCellphone .form-group.row{display:block;max-width:560px;margin:0 auto 22px}
#registro.registration-modern #validateCellphone .form-group.row>.register-label,#registro.registration-modern #validateCellphone .form-group.row>.col-md-5{display:block;max-width:100%;width:100%;padding-left:0;padding-right:0;flex:0 0 100%}
#registro.registration-modern #validateCellphone .form-group.row>.register-label{padding-top:0;padding-bottom:8px}
#registro.registration-modern #validateCellphone .form-group.text-center{margin:26px 0 0}
#registro.registration-modern #validateCellphone .formulariopie2{margin-top:12px}
#registro.registration-modern #register_container>.col,#registro.registration-modern #migrate_container>.col{max-width:100%;margin:0 auto}
#registro.registration-modern #register_container .form-group.row,#registro.registration-modern #migrate_container .form-group.row{display:block;max-width:650px;margin:0 auto 20px}
#registro.registration-modern #register_container .form-group.row>.register-label,#registro.registration-modern #migrate_container .form-group.row>.register-label{display:block;max-width:100%;width:100%;padding:0 0 8px;flex:0 0 100%;text-align:left}
#registro.registration-modern #register_container .form-group.row>.col-md-5,#registro.registration-modern #register_container .form-group.row>.input-group-horizontal.col-md-5,#registro.registration-modern #migrate_container .form-group.row>.col-md-5,#registro.registration-modern #migrate_container .form-group.row>.input-group-horizontal.col-md-5{display:block;max-width:100%;width:100%;padding-left:0;padding-right:0;flex:0 0 100%}
#registro.registration-modern #register_container .form-group.row>.offset-md-5,#registro.registration-modern #migrate_container .form-group.row>.offset-md-5{margin-left:auto;margin-right:auto}
#registro.registration-modern #register_container .form-group.text-center,#registro.registration-modern #migrate_container .form-group.text-center{max-width:650px;margin:28px auto 0}
#registro.registration-modern #register_container .checkbox,#registro.registration-modern #migrate_container .checkbox{max-width:650px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
#registro.registration-modern #register_container .fechanac>.row,#registro.registration-modern #migrate_container .fechanac>.row{width:auto}
#registro.registration-modern .register-success-message{display:flex;align-items:center;gap:14px;max-width:650px;margin:0 auto 30px;padding:16px 18px;border:1px solid #bcdcca;border-radius:14px;background:#effaf3;color:#315d42;font-size:14px;line-height:1.45;box-shadow:0 7px 18px rgba(41,126,76,.08)}
#registro.registration-modern .register-success-message[hidden]{display:none}
#registro.registration-modern .register-success-message>span:last-child{display:block}
#registro.registration-modern .register-success-message strong{display:block;margin-bottom:2px;color:#176a37;font-size:15px}
#registro.registration-modern .register-success-icon{display:inline-flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#d5f2df;color:#14833d;font-size:18px}
@media(max-width:767px){#registro.registration-modern{padding:60px 0 70px}#registro.registration-modern #register_session{padding-left:16px;padding-right:16px}#registro.registration-modern .register-heading{margin-bottom:34px}#registro.registration-modern .register-heading h2{font-size:40px}#registro.registration-modern .register-lead{font-size:16px}#registro.registration-modern .register-heading>.text-center{display:block}#registro.registration-modern #virtualCard_,#registro.registration-modern #virtualNewCard,#registro.registration-modern #plasticCard{width:100%;max-width:360px;margin:0 auto 18px}#registro.registration-modern #validateCellphone,#registro.registration-modern #migrate_container,#registro.registration-modern #register_container{padding:30px 18px;border-radius:22px}#registro.registration-modern .form-group.row>.register-label,#registro.registration-modern .form-group.row>.col-md-5,#registro.registration-modern .form-group.row>.input-group-horizontal.col-md-5{flex:0 0 100%;max-width:100%}#registro.registration-modern .form-group.row>.register-label{padding:0 0 7px}#registro.registration-modern .form-group.row>.offset-md-5{margin-left:0}#registro.registration-modern .checkbox{padding-left:0;padding-right:0}#registro.registration-modern .boton{width:100%}}

#ModalSuccess .modal-dialog{width:calc(100% - 32px);max-width:580px;margin-left:auto;margin-right:auto}
#ModalSuccess .modal-content{border:0;border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(12,20,72,.3);overflow:hidden}
#ModalSuccess .modal-body{padding:0}
#ModalSuccess .register-success-hero{position:relative;padding:34px 32px 66px;text-align:center;background:linear-gradient(135deg,#001f8f 0%,#40358f 100%);color:#fff;}
#ModalSuccess .register-success-hero:before,#ModalSuccess .register-success-hero:after{content:"";position:absolute;border-radius:50%;opacity:.9}
#ModalSuccess .register-success-hero:before{width:92px;height:92px;left:-36px;top:-32px;border:18px solid #6848c9}
#ModalSuccess .register-success-hero:after{width:70px;height:70px;right:-20px;bottom:-12px;background:#f21f46}
#ModalSuccess .register-success-badge{position:relative;z-index:1;display:inline-block;margin-bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
#ModalSuccess .register-success-hero h2{position:relative;z-index:1;margin:0 0 6px;color:#fff;font-size:40px;font-weight:900;letter-spacing:-1px}
#ModalSuccess .register-success-hero p{position:relative;z-index:1;margin:0;color:#e9e7ff;font-size:16px}
#ModalSuccess .register-success-check{position:absolute;z-index:2;left:50%;bottom:-30px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:7px solid #fff;border-radius:50%;background:#ffd500;color:#5b3c00;font-size:25px;box-shadow:0 8px 24px rgba(18,27,91,.2);transform:translateX(-50%)}
#ModalSuccess .register-success-content{padding:52px 46px 36px;text-align:center}
#ModalSuccess .register-success-lead{max-width:410px;margin:0 auto 25px;color:#505975;font-size:16px;line-height:1.55}
#ModalSuccess .register-success-benefits{margin-bottom:28px;text-align:left}
#ModalSuccess .register-success-benefits>div{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #eceef7}
#ModalSuccess .register-success-benefits>div:last-child{border-bottom:0}
#ModalSuccess .register-success-benefits>div>span{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#eeeaff;color:#6848c9;font-size:17px}
#ModalSuccess .register-success-benefits p{margin:0;color:#68708a;font-size:13px;line-height:1.4}
#ModalSuccess .register-success-benefits strong{display:block;margin-bottom:2px;color:#001f8f;font-size:14px}
#ModalSuccess .btn_signin_register{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin:0;padding:12px 24px;border:0;border-radius:13px;background:#001f8f;color:#fff;font-size:16px;font-weight:800;box-shadow:0 10px 24px rgba(0,31,143,.22);transition:background .2s ease,transform .2s ease}
#ModalSuccess .btn_signin_register:hover,#ModalSuccess .btn_signin_register:focus{background:#6848c9;transform:translateY(-2px)}
#ModalSuccess .register-success-content>small{display:block;margin-top:12px;color:#8a90a4;font-size:12px}
@media(max-width:575px){#ModalSuccess .register-success-hero{padding:28px 20px 60px}#ModalSuccess .register-success-hero h2{font-size:34px}#ModalSuccess .register-success-content{padding:48px 24px 28px}#ModalSuccess .register-success-lead{font-size:15px}}

#como.how-modern-section{padding:90px 24px 100px;background:linear-gradient(180deg,#f6f7ff 0%,#fff 100%);color:#3e4767}
#como.how-modern-section>.dotted-space,#como.how-modern-section>.hidden-sm,#como.how-modern-section>.hidden-md{display:none!important}
#como .how-modern{max-width:1120px;margin:0 auto}
#como .how-modern-head{max-width:760px;margin:0 auto 48px;text-align:center}
#como .how-modern-head>span{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 15px;border-radius:999px;background:#eeeaff;color:#5b43b1;font-size:12px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}
#como .how-modern-head>span:before{content:"";width:7px;height:7px;border-radius:50%;background:#f21f46}
#como .how-modern-head h2{margin:0 0 16px;color:#001f8f;font-size:clamp(38px,4.5vw,54px);line-height:1.05;font-weight:900;letter-spacing:-1.5px}
#como .how-modern-head p{margin:0;color:#626b87;font-size:18px;line-height:1.6}
#como .how-modern-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
#como .how-route{position:relative;border:1px solid #dfe2f7;border-radius:26px;background:#fff;box-shadow:0 18px 48px rgba(30,28,105,.1);overflow:hidden}
#como .how-route-top{position:relative;height:190px;background:#eceeff;overflow:hidden}
#como .how-route-store .how-route-top{background:#f4efff}
#como .how-route-top:after{content:"";position:absolute;right:-42px;bottom:-65px;width:170px;height:170px;border-radius:50%;background:#dadcfa}
#como .how-route-store .how-route-top:after{background:#e4dafa}
#como .how-route-top img{position:absolute;z-index:1;right:34px;bottom:0;width:190px;height:170px;object-fit:contain;object-position:bottom}
#como .how-route-number{position:absolute;z-index:2;top:28px;left:30px;color:#001f8f;font-size:64px;line-height:1;font-weight:900;letter-spacing:-4px;opacity:.12}
#como .how-route-content{padding:32px 34px 34px}
#como .how-route-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:13px;color:#6848c9;font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
#como .how-route-store .how-route-label{color:#e21d43}
#como .how-route-content h3{margin:0 0 10px;color:#001f8f;font-size:28px;font-weight:900;letter-spacing:-.6px}
#como .how-route-content>p{min-height:48px;margin:0 0 22px;color:#68708a;font-size:15px;line-height:1.55}
#como .how-steps{margin:0;padding:0;list-style:none}
#como .how-steps li{display:flex;gap:14px;padding:14px 0;border-top:1px solid #eceef7;color:#646d88;font-size:14px;line-height:1.45}
#como .how-steps li>span{display:flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#eeeaff;color:#6848c9;font-size:12px;font-weight:900}
#como .how-route-store .how-steps li>span{background:#fff0f3;color:#e21d43}
#como .how-steps strong{display:block;margin-bottom:2px;color:#273254;font-size:14px}
#como .how-route-link{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:24px;padding:13px 20px;border-radius:12px;background:#001f8f;color:#fff;font-size:15px;font-weight:800;box-shadow:0 9px 22px rgba(0,31,143,.18);transition:background .2s ease,transform .2s ease}
#como .how-route-link:hover,#como .how-route-link:focus{background:#6848c9;color:#fff;text-decoration:none;transform:translateY(-2px)}
#como .how-route-content .how-route-help{min-height:0;margin:19px 0 0;padding:13px 15px;border-radius:11px;background:#f4f1ff;color:#4f5574;font-size:13px}
#como .how-route-help i{margin-right:6px;color:#279b55;font-size:17px}
#como .how-locations{display:flex;align-items:center;gap:15px;margin-top:24px;padding:20px 24px;border:1px solid #e1e4f5;border-radius:16px;background:#fff}
#como .how-locations>i{display:flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:#eeeaff;color:#6848c9;font-size:19px}
#como .how-locations p{margin:0;color:#68708a;font-size:14px;line-height:1.5}
#como .how-locations strong{color:#001f8f}
@media(max-width:767px){#como.how-modern-section{padding:64px 16px 72px}#como .how-modern-head{margin-bottom:34px}#como .how-modern-head h2{font-size:38px}#como .how-modern-head p{font-size:16px}#como .how-modern-grid{grid-template-columns:1fr;gap:20px}#como .how-route-top{height:165px}#como .how-route-top img{right:18px;width:165px;height:150px}#como .how-route-content{padding:27px 22px 26px}#como .how-route-content h3{font-size:25px}#como .how-route-content>p{min-height:0}#como .how-locations{align-items:flex-start;padding:17px}}