.rp-guia-headline{font-family:"Roboto-Bold";font-weight:700}
.rp-guia-headline-01{font-family:"Roboto-Bold";font-weight:700;font-size:40px;line-height:48px}
@media(min-width:1024px){.rp-guia-headline-01{font-size:56px;line-height:64px}
}
.rp-guia-headline-02{font-family:"Roboto-Bold";font-weight:700;font-size:28px;line-height:32px}
@media(min-width:1024px){.rp-guia-headline-02{font-size:40px;line-height:48px}
}
.rp-guia-headline-03{font-family:"Roboto-Bold";font-weight:700;font-size:24px;line-height:32px}
@media(min-width:1024px){.rp-guia-headline-03{font-size:32px;line-height:40px}
}
.rp-guia-headline-03.rp-guia-headline-marker{position:relative;margin-bottom:32px;min-width:200px}
.rp-guia-headline-03.rp-guia-headline-marker::before{position:absolute;bottom:-20px;display:block;width:100%;content:url("../../../../../../content/dam/repsol-guia/guia-images/vectores/trazo-title.svg")}
@media(min-width:1024px){.rp-guia-headline-03.rp-guia-headline-marker{margin-bottom:42px}
}
.rp-guia-title-01{font-family:"Roboto-Bold";font-weight:700;font-size:26px;line-height:34px}
@media(min-width:1024px){.rp-guia-title-01{font-size:36px;line-height:46px}
}
.rp-guia-title-02{font-family:"Roboto-Bold";font-weight:700;font-size:22px;line-height:32px}
@media(min-width:1024px){.rp-guia-title-02{font-size:26px;line-height:40px}
}
.rp-guia-title-03{font-family:"Roboto-Bold";font-weight:700;font-size:20px;line-height:30px}
@media(min-width:1024px){.rp-guia-title-03{font-size:22px;line-height:32px}
}
.headline-marker{position:relative;margin-bottom:32px;min-width:200px}
.headline-marker::before{position:absolute;bottom:-20px;display:block;width:100%;content:url("../../../../../../content/dam/repsol-guia/guia-images/vectores/trazo-title.svg")}
@media(min-width:1024px){.headline-marker{margin-bottom:42px}
}
.rp-title-01{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:18px;line-height:24px}
@media(min-width:1024px){.rp-title-01{font-size:20px;line-height:32px}
}
.rp-title-02{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:24px}
.rp-title,.rp-highlighted-body{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:24px}
@media(min-width:1024px){.rp-title,.rp-highlighted-body{font-size:20px;line-height:32px}
}
.rp-subheadline{font-family:"Roboto-Medium";font-weight:500;font-size:22px;line-height:32px}
@media(min-width:1024px){.rp-subheadline{font-size:24px}
}
.rp-body-guia{font-family:"Roboto-Regular";font-style:normal}
.rp-body-guia:not(.rp-body-semibold){font-weight:400}
.rp-body-guia.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.rp-body-18{font-family:"Roboto-Regular";font-style:normal;font-size:18px;line-height:32px}
.rp-body-18:not(.rp-body-semibold){font-weight:400}
.rp-body-18.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.rp-body-16{font-family:"Roboto-Regular";font-style:normal;font-size:16px;line-height:24px}
.rp-body-16:not(.rp-body-semibold){font-weight:400}
.rp-body-16.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.rp-body-14{font-family:"Roboto-Regular";font-style:normal;font-size:14px;line-height:24px;letter-spacing:.025px}
.rp-body-14:not(.rp-body-semibold){font-weight:400}
.rp-body-14.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.rp-body-12,.rp-caption{font-family:"Roboto-Regular";font-style:normal;font-size:12px;line-height:16px;letter-spacing:.025px}
.rp-body-12:not(.rp-body-semibold),.rp-caption:not(.rp-body-semibold){font-weight:400}
.rp-body-12.rp-body-semibold,.rp-caption.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.mixin-input{width:100%;height:56px;padding:16px;border:1px solid #ddd;border-radius:8px;outline:0;color:#464646}
@media(min-width:1024px){.mixin-input{height:48px;padding-block:12px}
}
.mixin-input.validation--error{border-color:#e4002b}
.mixin-input::placeholder{color:#aaa;overflow:visible}
.mixin-input:focus,.mixin-input:active{border-color:#016a7f}
.mixin-textarea{width:100%;height:56px;padding:16px;border:1px solid #ddd;border-radius:8px;outline:0;color:#464646;min-height:120px;padding:12px 16px}
@media(min-width:1024px){.mixin-textarea{height:48px;padding-block:12px}
}
.mixin-textarea.validation--error{border-color:#e4002b}
.mixin-textarea::placeholder{color:#aaa;overflow:visible}
.mixin-textarea:focus,.mixin-textarea:active{border-color:#016a7f}
.mixin-input-icon{position:absolute;color:#016a7f;display:flex;justify-content:center;align-items:center;min-width:54px;width:54px;max-width:54px;min-height:54px;height:54px;max-height:54px;font-size:24px}
.mixin-input-icon::before{font-size:24px}
.mixin-input-icon img{width:100%;height:100%}
.mixin-input-icon[class$="--hide"]{display:none}
@media(min-width:1024px){.mixin-input-icon{display:flex;justify-content:center;align-items:center;min-width:46px;width:46px;max-width:46px;min-height:46px;height:46px;max-height:46px;font-size:24px}
.mixin-input-icon::before{font-size:24px}
.mixin-input-icon img{width:100%;height:100%}
}
@media(hover:hover){.mixin-input-icon:hover{cursor:pointer}
}
.mixin__input__group{display:flex;flex-direction:column;gap:4px;width:100%}
.mixin__input__group label{margin-bottom:0}
.mixin__input__group textarea{width:100%;height:56px;padding:16px;border:1px solid #ddd;border-radius:8px;outline:0;color:#464646;min-height:120px;padding:12px 16px;height:auto}
@media(min-width:1024px){.mixin__input__group textarea{height:48px;padding-block:12px}
}
.mixin__input__group textarea.validation--error{border-color:#e4002b}
.mixin__input__group textarea::placeholder{color:#aaa;overflow:visible}
.mixin__input__group textarea:focus,.mixin__input__group textarea:active{border-color:#016a7f}
.mixin__input__group input{width:100%;height:56px;padding:16px;border:1px solid #ddd;border-radius:8px;outline:0;color:#464646}
@media(min-width:1024px){.mixin__input__group input{height:48px;padding-block:12px}
}
.mixin__input__group input.validation--error{border-color:#e4002b}
.mixin__input__group input::placeholder{color:#aaa;overflow:visible}
.mixin__input__group input:focus,.mixin__input__group input:active{border-color:#016a7f}
.mixin__input__group .icon-rp{position:absolute;color:#016a7f;display:flex;justify-content:center;align-items:center;min-width:54px;width:54px;max-width:54px;min-height:54px;height:54px;max-height:54px;font-size:24px}
.mixin__input__group .icon-rp::before{font-size:24px}
.mixin__input__group .icon-rp img{width:100%;height:100%}
.mixin__input__group .icon-rp[class$="--hide"]{display:none}
@media(min-width:1024px){.mixin__input__group .icon-rp{display:flex;justify-content:center;align-items:center;min-width:46px;width:46px;max-width:46px;min-height:46px;height:46px;max-height:46px;font-size:24px}
.mixin__input__group .icon-rp::before{font-size:24px}
.mixin__input__group .icon-rp img{width:100%;height:100%}
}
@media(hover:hover){.mixin__input__group .icon-rp:hover{cursor:pointer}
}
.mixin__input__group .message--error{color:#e4002b}
.mixin__input__group .message--success{color:#00a074}
.mixin-selection-chip{display:flex;align-items:center;gap:8px;min-height:40px;padding:10.4px 16px;border-radius:28px;cursor:pointer;font-family:"Roboto-Regular";font-style:normal;font-size:16px;line-height:24px}
.mixin-selection-chip:not(.rp-body-semibold){font-weight:400}
.mixin-selection-chip.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
@media(min-width:1024px){.mixin-selection-chip{gap:4px;height:32px;min-height:32px;padding:8px 12px;font-family:"Roboto-Regular";font-style:normal;font-size:12px;line-height:16px;letter-spacing:.025px}
.mixin-selection-chip:not(.rp-body-semibold){font-weight:400}
.mixin-selection-chip.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
}
.mixin-selection-chip--border{border:1px solid #ddd}
.mixin-selection-chip--border:hover{border-color:#aaa}
.mixin-selection-chip--border:active,.mixin-selection-chip--border[data-selected='true']{background-color:#c0ebf2;border-color:#00adc3}
.mixin-selection-chip:not([class*='--border']){box-shadow:0 2px 8px -2px rgba(0,0,0,0.141),0 -1px 4px -4px rgba(0,0,0,0.02)}
.mixin-selection-chip:not([class*='--border']):hover{box-shadow:none}
.mixin-selection-chip:not([class*='--border']):active,.mixin-selection-chip:not([class*='--border'])[data-selected='true']{border:1px solid #00adc3}
.mixin-selection-chip .icon-rp{display:flex;justify-content:center;align-items:center;min-width:16px;width:16px;max-width:16px;min-height:16px;height:16px;max-height:16px;font-size:16px;color:#016a7f}
.mixin-selection-chip .icon-rp::before{font-size:16px}
.mixin-selection-chip .icon-rp img{width:100%;height:100%}
.delete-account-component{display:none}
.delete-account-component--show{display:flex;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:120}
.delete-account-component .modal__login__header{position:absolute;display:flex;width:100%;height:56px;border-bottom:1px solid #ddd;background-color:#fff}
@media(min-width:1024px){.delete-account-component .modal__login__header{height:80px}
}
.delete-account-component .modal__login__header .header-container{display:flex;align-items:center;justify-content:space-between;width:100%}
@media(min-width:720px) and (max-width:1024px){.delete-account-component .modal__login__header .header-container{max-width:1024px;padding:16px}
}
.delete-account-component .modal__login__header .icon-rp{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:24px;color:#016a7f;cursor:pointer}
.delete-account-component .modal__login__header .icon-rp::before{font-size:24px}
.delete-account-component .modal__login__header .icon-rp img{width:100%;height:100%}
.delete-account-component .delete-account__main{position:absolute;top:55px;left:0;width:100%;height:100%;padding:24px 16px;padding-bottom:86px;background-color:#f8f8f8;overflow:auto}
@media(min-width:1024px){.delete-account-component .delete-account__main{top:79px;padding:72px}
}
.delete-account-component .delete-account__main .delete-account__container{padding:16px;border-radius:8px;background-color:#fff}
@media(min-width:1024px){.delete-account-component .delete-account__main .delete-account__container{width:821px;padding:24px;margin:auto}
}
.delete-account-component .delete-account__main .delete-account__container img{width:120px;height:120px}
.delete-account-component .delete-account__main .delete-account__container p{margin-bottom:0}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning--hide{display:none}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__title{display:flex;flex-direction:column;align-items:center;gap:16px}
@media(min-width:1024px){.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__title{gap:24px}
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__title p{margin-bottom:24px;text-align:center}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items{display:flex;flex-direction:column;gap:8px}
@media(min-width:1024px){.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items{gap:12px}
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row{display:flex;flex-direction:column;gap:8px}
@media(min-width:1024px){.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row{flex-direction:row;gap:12px}
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item{display:flex;gap:16px;padding:16px;border-radius:8px;background-color:#fff;box-shadow:0 0 3px 0 #0000001A}
@media(min-width:1024px){.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item{width:50%}
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-icon{width:56px;height:56px;padding:16px;border-radius:8px;background-color:#f8f8f8}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-icon .icon-rp{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:20px;color:#0b1741}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-icon .icon-rp::before{font-size:20px}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-icon .icon-rp img{width:100%;height:100%}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-texts .item-title{margin-bottom:8px;font-weight:500;color:#464646}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-texts .item-text{color:#727272}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__buttons{display:flex;flex-direction:column;gap:16px;margin-top:32px}
@media(min-width:1024px){.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__buttons{flex-direction:row}
}
@media(min-width:1024px){.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__buttons .rp-btn-guia{width:50%}
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-feedback{display:none}
.delete-account-component .delete-account__main .delete-account__container .delete-account-feedback--show{display:flex}
.delete-account-component .delete-account__main .delete-account__container .delete-account-feedback .feedback-component{width:100%;padding:0}
.delete-account-component .delete-account__main .delete-account__container .delete-account-feedback .feedback-component .feedback__container{max-width:950px;border-radius:0;padding:0;margin:0;box-shadow:none}
.delete-account-component .delete-account__main .delete-account__container .delete-account-feedback .feedback-component .feedback__container .feedback__step--center{text-align:center}