.mixin-rp-caption{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px;letter-spacing:.25px}
.mixin-rp-caption-02-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
.mixin-rp-caption-02-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
.mixin-rp-caption-02{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
@media(min-width:1024px){.mixin-rp-caption-02{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
}
.mixin-rp-body-1{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-body-2{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px}
.mixin-rp-highlighted-body-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:24px}
.mixin-rp-highlighted-body-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
.mixin-rp-highlighted-body{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:24px}
@media(min-width:1024px){.mixin-rp-highlighted-body{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
}
.mixin-rp-title-1{font-family:"Roboto-Medium";font-weight:500;font-size:18px;line-height:24px}
@media(min-width:1024px){.mixin-rp-title-1{font-size:20px;line-height:32px}
}
.mixin-rp-title-2{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
.mixin-rp-subheadline{font-family:"Roboto-Medium";font-weight:500;font-size:24px;line-height:32px}
.mixin-rp-headline-mobile{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:40px;line-height:48px;letter-spacing:-0.5px}
.mixin-rp-headline-desktop{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:48px;line-height:56px;letter-spacing:-0.5px}
.mixin-rp-headline{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:40px;line-height:48px;letter-spacing:-0.5px}
@media(min-width:1024px){.mixin-rp-headline{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:48px;line-height:56px;letter-spacing:-0.5px}
}
.mixin-rp-headline-01-mobile{font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:56px;letter-spacing:-0.5px}
.mixin-rp-headline-01-desktop{font-family:'Repsol-Regular';font-weight:400;font-size:56px;line-height:72px;letter-spacing:-1px}
.mixin-rp-headline-01{font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:56px;letter-spacing:-0.5px}
@media(min-width:1024px){.mixin-rp-headline-01{font-family:'Repsol-Regular';font-weight:400;font-size:56px;line-height:72px;letter-spacing:-1px}
}
.mixin-rp-headline-02-mobile{font-family:'Repsol-Regular';font-weight:400;font-size:40px;line-height:48px;letter-spacing:-0.5px}
.mixin-rp-headline-02-desktop{font-size:48px;line-height:56px}
.mixin-rp-headline-02{font-family:'Repsol-Regular';font-weight:400;font-size:40px;line-height:48px;letter-spacing:-0.5px}
@media(min-width:1024px){.mixin-rp-headline-02{font-family:'Repsol-Regular';font-weight:400;font-size:32px;line-height:40px;letter-spacing:-0.5px}
}
.mixin-rp-headline-03-mobile{font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:32px;letter-spacing:-0.5px}
.mixin-rp-headline-03-desktop{font-family:'Repsol-Regular';font-weight:400;font-size:32px;line-height:40px;letter-spacing:-0.5px}
.mixin-rp-headline-03{font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:32px;letter-spacing:-0.5px}
@media(min-width:1024px){.mixin-rp-headline-03{font-family:'Repsol-Regular';font-weight:400;font-size:32px;line-height:40px;letter-spacing:-0.5px}
}
.mixin-rp-number-01{font-family:'Roboto-Light';font-style:normal;font-weight:300;font-size:48px;line-height:56px;letter-spacing:-0.5px}
.mixin-button-small{font-size:14px;letter-spacing:.0025em}
.mixin-button-action{font-family:"Roboto-Regular";font-size:16px;line-height:24px}
.mixin-header-separator{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:20px;background:#ddd}
.mixin-scrollbars::-webkit-scrollbar{width:6px;cursor:pointer}
.mixin-scrollbars::-webkit-scrollbar-track{background:transparent}
.mixin-scrollbars::-webkit-scrollbar-thumb{background:#ddd;border-radius:8px}
.mixin-scrollbars::-webkit-scrollbar-thumb:hover{background:#ddd}
.item-active{transition:.2s cubic-bezier(0.43,0.39,0.23,1.01);background:#0082ba}
.item-active .icon{width:px2rem(22)}
.item-active .icon>svg *{fill:#fff;stroke:#fff}
.mixin-scroll-gradients.is-scrollable{position:relative}
.mixin-scroll-gradients.is-scrollable:before,.mixin-scroll-gradients.is-scrollable:after{content:"";position:absolute;z-index:1;left:0;opacity:0;width:100%;height:48px;pointer-events:none}
.mixin-scroll-gradients.is-scrollable:before{top:0;background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0.8) 48.9%,rgba(255,255,255,0) 100%)}
.mixin-scroll-gradients.is-scrollable:after{bottom:0;background:linear-gradient(0,#fff 0,rgba(255,255,255,0.8) 48.9%,rgba(255,255,255,0) 100%)}
.mixin-scroll-gradients.is-scrollable.scrolling:before,.mixin-scroll-gradients.is-scrollable.scroll-on-top:before,.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:before,.mixin-scroll-gradients.is-scrollable.scrolling:after,.mixin-scroll-gradients.is-scrollable.scroll-on-top:after,.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:after{transition:opacity .2s cubic-bezier(0.25,0.1,0.25,1)}
.mixin-scroll-gradients.is-scrollable.scrolling:before,.mixin-scroll-gradients.is-scrollable.scrolling:after{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-top:before{opacity:0}
.mixin-scroll-gradients.is-scrollable.scroll-on-top:after{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:before{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:after{opacity:0}
.mixin-aspect-radio-16-9{aspect-ratio:16/9}
@supports not(aspect-ratio:auto){padding-top:56.3%}
.mixin-aspect-radio-4-3{aspect-ratio:4/3}
@supports not(aspect-ratio:auto){padding-top:75%}
#datos-personales{padding:32px;background-color:white;border-radius:3px}
#datos-personales #span-correo{color:#aaa}
#datos-personales .datos-personales__input{display:none}
#datos-personales .datos-personales__input label{display:block;margin-top:16px;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.25px;text-align:left}
#datos-personales .datos-personales__input input[type='text']{width:100%;border:1px solid #ddd;border-radius:8px;background-color:#fff;padding:11px 12px}
#datos-personales .datos-personales__item{padding:16px 16px 16px 16px;border-top:1px solid #ddd}
#datos-personales .datos-personales__item .icon-rp-pencil{color:#016a7f;float:right;cursor:pointer;font-size:24px;top:0;position:relative}
#datos-personales .datos-personales__item-label{font-size:14px;font-weight:400;line-height:24px;letter-spacing:.0025em;text-align:left}
#datos-personales .datos-personales__item-value{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left}
#datos-personales .datos-personales__item-value .disabled{color:#fff}
#datos-personales .datos-personales__imagen,#datos-personales .datos-personales__nombre{border-top:0}
#datos-personales .datos-personales__item.datos-personales__footer{padding:0}
#datos-personales .datos-personales__item.datos-personales__footer .datos-personales__item.datos-personales__footer{padding:16px 0;border:0;text-align:right}
#datos-personales .datos-personales__item.datos-personales__footer .datos-personales__item.datos-personales__footer .button-block-component a:last-child{margin-right:0}
#datos-personales .hidden{display:none}
#datos-personales p.pretext,#datos-personales .pretext{font-size:12px;line-height:16px;letter-spacing:.25px;margin-bottom:4px}
#datos-personales .block-selector{position:relative;margin-bottom:16px;margin-top:-6px}
#datos-personales .block-selector .datos-personales__input .block-single-ul{width:100%;border:1px solid #ddd;border-radius:8px;background-color:#fff;padding:11px 12px;display:flex;justify-content:space-between}
#datos-personales .block-selector .datos-personales__input .block-single-ul.errorSelect{border-color:#e4002b}
#datos-personales .block-selector .datos-personales__input .block-single-ul.active .icon::before{content:"\e929"}
#datos-personales .block-selector .datos-personales__input .block-single-ul .icon{font-size:24px;color:#016a7f}
#datos-personales .block-selector .datos-personales__input ul{padding:0;list-style:none;max-height:250px;width:100%;border:1px solid #ddd;border-radius:8px;background-color:#fff;transition:height .35s ease-in-out;overflow:auto;top:100%;z-index:1}
#datos-personales .block-selector .datos-personales__input ul:not(.active){display:none}
#datos-personales .block-selector .datos-personales__input ul li{padding:11px 12px;cursor:pointer;border-bottom:1px solid #ddd}
#datos-personales .block-selector .datos-personales__input ul li:hover{background-color:#ddd}
#datos-personales .block-selector .datos-personales__input ul li:last-child{border:0}
.profile-message{padding:12px;margin-bottom:15px;border-radius:6px;font-weight:600}
.profile-message.success{display:block !important;background:#d3f8df;color:#0a6b2d}
.profile-message.error{display:block !important;background:#ffd4d4;color:#a40000}
.hidden{display:none !important}