.fss-component{background:#f7f7f9}
.fss-component>.container{margin-top:0;margin-bottom:0;padding-top:56px;padding-bottom:56px}
@media(min-width:720px){.fss-component>.container{margin-left:auto;margin-right:auto}
}
.fss__header{display:flex;flex-direction:column;gap:1rem}
.fss__header--without-slider{margin-bottom:1rem}
@media(min-width:720px){.fss__header--without-slider{margin-bottom:2rem}
}
@media(min-width:1024px){.fss__header{align-items:center}
}
.fss__header__switch{display:flex;gap:.5rem;margin-bottom:1rem;cursor:pointer}
@media(min-width:720px){.fss__header__switch{margin-bottom:2rem}
}
.fss__header__switch button{width:48px;height:24px;border-radius:var(--rds-radius-l);border:1px solid var(--rds-color-interactive-border-default);position:relative;transition:background .3s}
.fss__header__switch button::after{content:'';position:absolute;top:50%;left:4px;transform:translateY(-50%);width:18px;height:18px;background-color:var(--rds-color-surface-navy);border-radius:50%;transition:left .3s}
.fss__header__switch button[aria-checked="true"]{background-color:var(--rds-color-content-high);border:1px solid var(--rds-color-interactive-border-active)}
.fss__header__switch button[aria-checked="true"]::after{left:calc(100% - 21px);background-color:var(--rds-color-surface-white)}
.fss__header__switch button:focus-visible{box-shadow:0 0 0 2px var(--rds-color-interactive-border-focus)}
.fss__social-tariff-warning{display:none;align-items:center;width:100%;box-sizing:border-box;gap:.5rem;padding:16px 16px;border-radius:var(--rds-radius-m);background-color:var(--rds-color-semantic-background-warning);margin-top:16px;margin-bottom:16px}
@media(min-width:720px){.fss__social-tariff-warning{padding:16px 16px;margin-top:0;margin-bottom:24px}
}
@media(min-width:1024px){.fss__social-tariff-warning{padding:16px 24px}
}
@media(min-width:1350px){.fss__social-tariff-warning{padding:16px 32px}
}
.fss__social-tariff-warning:not(.d-none)+.container{padding-top:0;margin-top:0 !important;display:flow-root}
.fss__social-tariff-warning .icon-rp{color:var(--rds-color-semantic-content-warning);font-size:24px;flex-shrink:0}
.fss__social-tariff-warning p{margin:0}
.fss__content{background-color:#fff;padding:32px;border-radius:24px;display:grid;grid-auto-flow:column;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"estimation" "form" "information" "benefits";gap:0}
@media(min-width:1024px){.fss__content{grid-template-columns:calc(55% - 12px) calc(45% - 12px);grid-template-rows:auto 1fr;gap:24px;grid-template-areas:"form estimation" "form benefits"}
}
.fss__content__form{grid-area:form;margin-bottom:24px}
@media(min-width:1024px){.fss__content__form{margin-bottom:0}
}
.fss__content__form__section{padding-bottom:1rem;display:flex;flex-direction:column;gap:1rem}
@media(min-width:1024px){.fss__content__form__section:first-child{padding-bottom:40px}
}
.fss__content__form__section__type-switch{margin:.5rem 0;background-color:#f7f7f9;border-radius:24px;padding:.5rem;position:relative}
@media(min-width:1024px){.fss__content__form__section__type-switch{max-width:290px}
}
.fss__content__form__section__type-switch__surface{position:relative;display:flex}
.fss__content__form__section__type-switch__surface label{cursor:pointer}
.fss__content__form__section__type-switch__surface label:nth-child(2){font-weight:bold}
.fss__content__form__section__type-switch__surface label:last-child{color:var(--rds-color-content-medium)}
.fss__content__form__section__type-switch__surface::before{content:'';display:block;height:100%;position:absolute;width:50%;top:0;left:0;border-radius:24px;background-color:#fff;pointer-events:none;box-shadow:0 1px 6px 0 #00132414;border:1px solid var(--rds-color-border-low);transition:.3s}
.fss__content__form__section__type-switch__surface.second-option-selected::before{transform:translateX(100%)}
.fss__content__form__section__type-switch__surface.second-option-selected label:first-child{color:var(--rds-color-content-medium);font-weight:initial}
.fss__content__form__section__type-switch__surface.second-option-selected label:last-child{color:var(--rds-color-content-high);font-weight:bold}
.fss__content__form__section__type-switch label{margin:0;flex:1;display:flex;align-items:center;justify-content:center;height:40px;border-radius:24px;position:relative;z-index:2}
.fss__content__form__section__type-switch input{position:absolute;opacity:0;width:0;height:0}
.fss__content__form__section__type-switch input:focus-visible+label{box-shadow:0 0 0 2px var(--rds-color-interactive-border-focus)}
.fss__content__form__section__social-tariff{margin:.25rem 0 .5rem}
.fss__content__form__section__social-tariff .cmp-form-options__field-label{display:flex !important;align-items:center;gap:.5rem}
.fss__content__form__section__social-tariff .cmp-form-options__field{position:absolute}
.fss__content__form__section__social-tariff .cmp-form-options__field-input{display:inline-block;width:20px;height:20px;flex-shrink:0}
.fss__content__form__section__social-tariff .cmp-form-options__field-input::before{left:0}
.fss__content__form__section__social-tariff .cmp-form-options__field-input::after{display:flex;align-items:center;justify-content:center;left:0 !important;top:0 !important;width:20px;height:20px}
.fss__content__form__section__social-tariff .cmp-form-options__field-description{padding-left:0 !important}
.fss__content__form__section__title{border-bottom:1px solid var(--rds-color-border-low);padding-bottom:.5rem;display:flex;gap:.5rem;align-items:center}
.fss__content__form__section__title p{margin:0}
.fss__content__form__section__title .icon-rp{font-size:24px}
.fss__content__form__section__fields{display:flex;flex-direction:column;column-gap:24px;row-gap:8px}
@media(min-width:1024px){.fss__content__form__section__fields{display:grid;grid-template-columns:calc(50% - 12px) calc(50% - 12px)}
}
.fss__content__form__section__fields button{text-align:left}
.fss__content__form__section__input-row{display:grid;gap:.5rem;grid-column:2;grid-template-columns:calc(50% - 8px) calc(50% - 8px)}
.fss__content__form__section__input-row.error .fss__content__form__section__input-row__validation-label{color:var(--rds-color-semantic-content-error)}
.fss__content__form__section__input-row__validation-label{grid-column:span 2}
.fss__content__form__section__input-dynamic{grid-column:2}
.fss__content__form__section .cmp-form-text{margin:0}
.fss__content__form__section .cmp-form-text.error span{color:var(--rds-color-semantic-content-error)}
.fss__content__estimation{grid-area:estimation;background:var(--rds-color-highlightedSurface-ivoryGradient);padding:1rem;border-radius:var(--rds-radius-m);height:fit-content;display:flex;flex-direction:column;gap:1rem;margin-bottom:24px}
@media(min-width:1024px){.fss__content__estimation{margin-bottom:0}
}
.fss__content__estimation p{margin:0}
.fss__content__estimation__values{display:flex;align-items:end;gap:.5rem}
.fss__content__estimation__values__imgs{display:flex}
.fss__content__estimation__values__imgs__item{width:46px;height:46px}
.fss__content__estimation__values__imgs__item img{width:100%;height:100%;object-fit:contain}
.fss__content__benefits{grid-area:benefits}
.fss__content__benefits__list{display:flex;flex-direction:column;gap:.5rem}
.fss__content__benefits__list__item{display:flex;align-items:center}
.fss__content__benefits__list__item .icon-rp{font-size:1.5rem;margin-right:.5rem}
.fss__buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;padding-top:1rem}
@media(min-width:720px){.fss__buttons{flex-direction:row;justify-content:center}
}
.fss__buttons__button{width:100%}
@media(min-width:720px){.fss__buttons__button{width:fit-content}
}
.fss__buttons__button .button-repsol{display:block}
.fss__buttons__button .hero-links .button.button-repsol{display:block;width:100%}
.fss__modal{padding:0 !important}
@media(min-width:576px){.fss__modal{padding-right:14px !important}
}
.fss__modal .modal-dialog{max-width:100%;justify-content:center;align-items:end;margin:0;min-height:100%}
@media(min-width:576px){.fss__modal .modal-dialog{min-height:calc(100% - 1rem);align-items:center;margin:.5rem}
}
.fss__modal .modal-dialog .modal-content{max-width:600px;border-bottom-left-radius:0;border-bottom-right-radius:0}
@media(min-width:576px){.fss__modal .modal-dialog .modal-content{border-radius:24px}
}
.fss__modal.modal-price-detail-fss .modal-dialog .modal-content{max-width:650px}
.fss__modal__body__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem}
@media(min-width:720px){.fss__modal__body__header{padding-bottom:1rem}
}
.fss__modal__body__header__title{margin:0}
.fss__modal__body__header .close{opacity:1}
.fss__modal__body--social-tariff-confirm{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.fss__modal__body--social-tariff-confirm>.close{position:absolute;top:1rem;right:1rem;opacity:1}
.fss__modal__body__social-tariff-confirm__image{width:160px;height:160px;margin:0 auto 1rem}
.fss__modal__body__social-tariff-confirm__image img{width:100%;height:100%;object-fit:contain}
.fss__modal__body__social-tariff-confirm__text{margin-bottom:1.5rem}
.fss__modal__body__social-tariff-confirm__button .rp-btn{width:100%}
@media(min-width:720px){.fss__modal__body__social-tariff-confirm__button .rp-btn{width:fit-content}
}
.fss__modal__body__section{margin-bottom:1rem}
@media(min-width:576px){.fss__modal__body__section{margin-bottom:.5rem}
}
.fss__modal__body__section__title{border-bottom:1px solid var(--rds-color-border-low);padding-bottom:.5rem;display:flex;gap:.5rem;align-items:center}
.fss__modal__body__section__title .icon-rp{font-size:24px}
.fss__modal__body__section__title p{margin:0}
.fss__modal__body__section ul{padding:.5rem 0 0 0}
.fss__modal__body__section ul li{padding-left:2rem;position:relative;color:var(--rds-color-content-high)}
.fss__modal__body__section ul li::before{content:"";display:block;position:absolute;left:1rem;top:12px;transform:translateX(-50%) translateY(-50%);border-radius:100%;width:3px;height:3px;background-color:var(--rds-color-content-high)}
.fss__modal__body__section ul li .discount-old{font:var(--rds-body-01);text-decoration:line-through;margin-right:.35rem}
.fss__modal__body__examples{gap:.5rem;margin:1rem 0;display:grid;grid-template-columns:1fr 1fr}
@media(min-width:720px){.fss__modal__body__examples{gap:1rem}
}
.fss__modal__body__examples__form{border:1px solid var(--rds-color-border-low);padding:12px;gap:12px;display:flex;flex-direction:column;justify-content:space-between;max-width:100%;border-radius:var(--rds-radius-m)}
@media(min-width:720px){.fss__modal__body__examples__form{gap:1rem;gap:19px;border-radius:var(--rds-radius-l)}
}
.fss__modal__body__examples__form button{text-align:left}
.fss__modal__body__examples__form__saving{display:block;border-radius:var(--rds-radius-s);color:#ffd;background-color:var(--rds-color-extended-surface-promo);width:fit-content;padding:2px 4px;font:var(--rds-caption-02)}
@media(min-width:720px){.fss__modal__body__examples__form__saving{font:var(--rds-caption-01)}
}
.fss__modal__body__examples__form__result{padding:6px;background-color:var(--rds-color-surface-grey);border-radius:var(--rds-radius-s)}
@media(min-width:720px){.fss__modal__body__examples__form__result{padding:16px;border-radius:var(--rds-radius-l)}
}
.fss__modal__body__examples__form__result>span{font:var(--rds-caption-02)}
@media(min-width:720px){.fss__modal__body__examples__form__result>span{font:var(--rds-caption-01)}
}
.fss__modal__body__examples__form__result__info{display:flex;align-items:center;gap:4px;padding-top:4px}
@media(min-width:720px){.fss__modal__body__examples__form__result__info{padding-top:12px}
}
.fss__modal__body__examples__form__result__info .icon-rp{font-size:16px;margin-right:4px}
@media(min-width:720px){.fss__modal__body__examples__form__result__info .icon-rp{font-size:24px}
}
.fss__modal__body__examples__form__result__info span:nth-child(2){line-height:1;font:var(--rds-title-01)}
@media(min-width:720px){.fss__modal__body__examples__form__result__info span:nth-child(2){font:var(--rds-headline-03-sd)}
}
@media(min-width:720px) and (min-width:720px){.fss__modal__body__examples__form__result__info span:nth-child(2){font:var(--rds-headline-03-md)}
}
@media(min-width:720px) and (min-width:1280px){.fss__modal__body__examples__form__result__info span:nth-child(2){font:var(--rds-headline-03-ld)}
}
.fss__modal__body__examples__form__result__info span:nth-child(3){font:var(--rds-caption-02)}
@media(min-width:720px){.fss__modal__body__examples__form__result__info span:nth-child(3){font:var(--rds-title-01)}
}
.fss__modal__body__examples__form__result__info .info-tooltip{position:relative}
.fss__modal__body__examples__form__result__info .info-tooltip__content{display:none;cursor:default;position:absolute;background-color:var(--rds-color-content-high);border-radius:var(--rds-radius-s);width:164px;height:auto;padding:8px 8px;top:36px;left:50%;transform:translate(-90%,0);z-index:5}
.fss__modal__body__examples__form__result__info .info-tooltip__content--active{display:block}
.fss__modal__body__examples__form__result__info .info-tooltip__content p{margin:0 !important;color:var(--rds-color-content-high-inverse);font:var(--rds-body-02);margin-bottom:8px}
.fss__modal__body__examples__form__result__info .info-tooltip__content p .icon-rp-Check{font-size:20px;margin-right:10.54px}
.fss__modal__body__examples__form__result__info .info-tooltip__content::after{content:"";position:absolute;transform:rotate(45deg);left:95%;top:-4px;margin-left:-11px;width:8px;height:8px;background:var(--rds-color-content-high)}
@media(min-width:576px){.fss__modal__body__examples__form__result__info .info-tooltip__content{transform:translate(-50%,0)}
.fss__modal__body__examples__form__result__info .info-tooltip__content::after{left:50%;margin-left:-5px}
}
.fss__modal__body__examples__result{grid-column:span 2;border:1px solid var(--rds-color-border-low);padding:12px;display:flex;border-radius:var(--rds-radius-m)}
@media(min-width:720px){.fss__modal__body__examples__result{padding:16px;border-radius:var(--rds-radius-l)}
}
.fss__modal__body__examples__result__content{padding:6px;border-radius:var(--rds-radius-s);background-color:var(--rds-color-surface-grey);display:flex;width:100%}
@media(min-width:720px){.fss__modal__body__examples__result__content{padding:1rem;border-radius:var(--rds-radius-l)}
}
.fss__modal__body__examples__result__content__img{min-width:69px;width:69px}
@media(min-width:720px){.fss__modal__body__examples__result__content__img{margin-right:1rem}
}
.fss__modal__body__examples__result__content__savings{display:flex;align-items:end;gap:12px;width:100%}
@media(min-width:720px){.fss__modal__body__examples__result__content__savings{gap:24px}
}
.fss__modal__body__examples__result__content__savings__month{width:100%}
.fss__modal__body__examples__result__content__savings__month div span:first-child{font:var(--rds-numbers-03-sd);font-variant-numeric:tabular-nums}
@media(min-width:720px){.fss__modal__body__examples__result__content__savings__month div span:first-child{font:var(--rds-numbers-03-md);font-variant-numeric:tabular-nums}
}
@media(min-width:1280px){.fss__modal__body__examples__result__content__savings__month div span:first-child{font:var(--rds-numbers-03-ld);font-variant-numeric:tabular-nums}
}
@media(min-width:720px){.fss__modal__body__examples__result__content__savings__month div span:first-child{font:var(--rds-numbers-02-sd);font-variant-numeric:tabular-nums}
}
@media(min-width:720px) and (min-width:720px){.fss__modal__body__examples__result__content__savings__month div span:first-child{font:var(--rds-numbers-02-md);font-variant-numeric:tabular-nums}
}
@media(min-width:720px) and (min-width:1280px){.fss__modal__body__examples__result__content__savings__month div span:first-child{font:var(--rds-numbers-02-ld);font-variant-numeric:tabular-nums}
}
.fss__modal__body__examples__result__content__savings__month div span:last-child{font:var(--rds-caption-01)}
@media(min-width:720px){.fss__modal__body__examples__result__content__savings__month div span:last-child{font:var(--rds-title-01)}
}
.fss__modal__body__examples__result__content__savings__year{width:100%}
.fss__modal__body__examples__result__content__savings__year span:first-child{font:var(--rds-title-02)}
@media(min-width:720px){.fss__modal__body__examples__result__content__savings__year span:first-child{font:var(--rds-headline-03-sd)}
}
@media(min-width:720px) and (min-width:720px){.fss__modal__body__examples__result__content__savings__year span:first-child{font:var(--rds-headline-03-md)}
}
@media(min-width:720px) and (min-width:1280px){.fss__modal__body__examples__result__content__savings__year span:first-child{font:var(--rds-headline-03-ld)}
}
.fss__modal__body__examples__result__content__savings__year span:last-child{font:var(--rds-caption-02)}
@media(min-width:720px){.fss__modal__body__examples__result__content__savings__year span:last-child{font:var(--rds-body-02)}
}
.fss__modal__body__caption{margin-bottom:2rem}
@media(min-width:576px){.fss__modal__body__caption{margin-bottom:1rem}
}
.fss__modal__body__footer{display:flex;justify-content:end;margin-top:1rem}
.fss__modal__body__footer button{opacity:1}
.warning-component.warning .warning-content{align-items:center}