@charset "UTF-8";

/*Nuevo sumulador de hipotecas 2025*/
.no-header-logo-om .om-with-logo {
    display: none;
}

.bg-blue {
    background: #EBF9FF !important;
}

#scrollIcon {
    display: none;
}

.article-main>.container-fluid.bg-white,
.aside-main>.container-fluid.bg-white {
    border-bottom: 0;
}

.lt .article-main>.container-fluid,
.lt .aside-main>.container-fluid {
    margin: 0;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    min-height: 0;
}

@font-face {
    font-family: NohemiBlack;
    src: url(fonts/aplnr/nohemi/Nohemi-Black.eot);
    src: url(fonts/aplnr/nohemi/Nohemi-Black.eot?#iefix) format("embedded-opentype"), url(fonts/aplnr/nohemi/Nohemi-Black.woff2) format("woff2"), url(fonts/aplnr/nohemi/Nohemi-Black.woff) format("woff"), url(fonts/aplnr/nohemi/Nohemi-Black.ttf) format("truetype"), url(fonts/aplnr/nohemi/Nohemi-Black.otf) format("opentype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: NohemiExtBd;
    src: url(fonts/aplnr/nohemi/Nohemi-ExtraBold.eot);
    src: url(fonts/aplnr/nohemi/Nohemi-ExtraBold.eot?#iefix) format("embedded-opentype"), url(fonts/aplnr/nohemi/Nohemi-ExtraBold.woff2) format("woff2"), url(fonts/aplnr/nohemi/Nohemi-ExtraBold.woff) format("woff"), url(fonts/aplnr/nohemi/Nohemi-ExtraBold.ttf) format("truetype"), url(fonts/aplnr/nohemi/Nohemi-ExtraBold.otf) format("opentype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: NohemiSemBd;
    src: url(fonts/aplnr/nohemi/Nohemi-SemiBold.eot);
    src: url(fonts/aplnr/nohemi/Nohemi-SemiBold.eot?#iefix) format("embedded-opentype"), url(fonts/aplnr/nohemi/Nohemi-SemiBold.woff2) format("woff2"), url(fonts/aplnr/nohemi/Nohemi-SemiBold.woff) format("woff"), url(fonts/aplnr/nohemi/Nohemi-SemiBold.ttf) format("truetype"), url(fonts/aplnr/nohemi/Nohemi-SemiBold.otf) format("opentype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: NohemiMed;
    src: url(fonts/aplnr/nohemi/Nohemi-Medium.eot);
    src: url(fonts/aplnr/nohemi/Nohemi-Medium.eot?#iefix) format("embedded-opentype"), url(fonts/aplnr/nohemi/Nohemi-Medium.woff2) format("woff2"), url(fonts/aplnr/nohemi/Nohemi-Medium.woff) format("woff"), url(fonts/aplnr/nohemi/Nohemi-Medium.ttf) format("truetype"), url(fonts/aplnr/nohemi/Nohemi-Medium.otf) format("opentype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: Nohemi;
    src: url(fonts/aplnr/nohemi/Nohemi-Regular.eot);
    src: url(fonts/aplnr/nohemi/Nohemi-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/aplnr/nohemi/Nohemi-Regular.woff2) format("woff2"), url(fonts/aplnr/nohemi/Nohemi-Regular.woff) format("woff"), url(fonts/aplnr/nohemi/Nohemi-Regular.ttf) format("truetype"), url(fonts/aplnr/nohemi/Nohemi-Regular.otf) format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: NohemiThin;
    src: url(fonts/aplnr/nohemi/Nohemi-Thin.eot);
    src: url(fonts/aplnr/nohemi/Nohemi-Thin.eot?#iefix) format("embedded-opentype"), url(fonts/aplnr/nohemi/Nohemi-Thin.woff2) format("woff2"), url(fonts/aplnr/nohemi/Nohemi-Thin.woff) format("woff"), url(fonts/aplnr/nohemi/Nohemi-Thin.ttf) format("truetype"), url(fonts/aplnr/nohemi/Nohemi-Thin.otf) format("opentype");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: NohemiLight;
    src: url(fonts/aplnr/nohemi/Nohemi-Light.eot);
    src: url(fonts/aplnr/nohemi/Nohemi-Light.eot?#iefix) format("embedded-opentype"), url(fonts/aplnr/nohemi/Nohemi-Light.woff2) format("woff2"), url(fonts/aplnr/nohemi/Nohemi-Light.woff) format("woff"), url(fonts/aplnr/nohemi/Nohemi-Light.ttf) format("truetype"), url(fonts/aplnr/nohemi/Nohemi-Light.otf) format("opentype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: NohemiExtLt;
    src: url(fonts/aplnr/nohemi/Nohemi-ExtraLight.eot);
    src: url(fonts/aplnr/nohemi/Nohemi-ExtraLight.eot?#iefix) format("embedded-opentype"), url(fonts/aplnr/nohemi/Nohemi-ExtraLight.woff2) format("woff2"), url(fonts/aplnr/nohemi/Nohemi-ExtraLight.woff) format("woff"), url(fonts/aplnr/nohemi/Nohemi-ExtraLight.ttf) format("truetype"), url(fonts/aplnr/nohemi/Nohemi-ExtraLight.otf) format("opentype");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-ExtraBold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-ExtraBoldItalic.ttf) format("truetype");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-SemiBoldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Rubik;
    src: url(fonts/aplnr/rubik/Rubik-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

.no-header-logo-om .om-with-logo {
    display: none;
}

.bg-blue {
    background: #EBF9FF !important;
}

/*Simulador de hipotecas - Estilos generales*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    appearance: textfield;
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

/*FIN Simulador de hipotecas - Estilos generales*/
/*Simulador de hipotecas - formulario*/
.sh-main-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    min-height: calc(100% - 1px);
    padding: 0 2.4rem;
}

@media (min-width: 992px) {
    .sh-main-container {
        justify-content: center;
        align-items: stretch;
        padding: 0;
    }
}

.sh-main-container .sh-form-container {
    width: 100%;
    overflow: visible;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
}

@media (min-width: 576px) {
    .sh-main-container .sh-form-container {
        padding: 0 12rem 6.4rem 12rem;
    }
}

@media (min-width: 992px) {
    .sh-main-container .sh-form-container {
        max-width: 73.2rem;
        overflow: visible;
        padding: 0rem 6rem 6.4rem 6rem;
        box-sizing: border-box;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: stretch;
    }
}

@media (min-width: 1200px) {
    .sh-main-container .sh-form-container {
        padding: 0 8rem 6.4rem 8rem;
        margin: 0 auto;
        height: 100%;
    }
}

@media (min-width: 1441px) {
    .sh-main-container .sh-form-container {
        max-width: 80em;
    }
}

.sh-main-container .sh-form-container .sh-logo-salir {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    border-bottom: 1px solid #E3E5E8;
    position: relative;
}

@media (min-width: 992px) {
    .sh-main-container .sh-form-container .sh-logo-salir {
        height: 72px;
        min-height: 72px;
        max-height: 72px;
    }
}

.sh-main-container .sh-form-container .sh-logo-salir:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -32%;
    width: 32%;
    height: 1px;
    background: #E3E5E8;
}

.sh-main-container .sh-form-container .sh-logo-salir:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -32%;
    width: 32%;
    height: 1px;
    background: #E3E5E8;
}

.sh-main-container .sh-form-container .sh-salir button {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    font-weight: 600;
    line-height: 2.4rem;
    font-style: normal;
    font-size: 0;
    color: #333;
    font-family: "Rubik", sans-serif;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    background: transparent;
    border: 0;
    margin-right: 0;
    padding-right: 0;
}

@media (min-width: 991px) {
    .sh-main-container .sh-form-container .sh-salir button {
        font-size: 1.6rem;
        padding: 0.5rem 1rem;
    }
}

.sh-main-container .sh-form-container .sh-salir button:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z' fill='%23000F14'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    vertical-align: middle;
    margin: 0;
}

@media (min-width: 991px) {
    .sh-main-container .sh-form-container .sh-salir button:before {
        margin-right: 8px;
    }
}

.sh-main-container .sh-form-container .sh-progress-container {
    width: 100%;
    max-width: 600px;
    margin-top: 2rem;
}

@media (min-width: 992px) {
    .sh-main-container .sh-form-container .sh-progress-container {
        margin-top: 6.35rem;
    }
}

.sh-main-container .sh-form-container .sh-title h1 {
    color: var(--Neutral-800, #383D42);
    font-family: "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.1rem;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    margin-bottom: 1.6rem;
}

.sh-main-container .sh-form-container .sh-progress-bar {
    background-color: #E3E5E8;
    width: 100%;
    height: 0.4rem;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.sh-main-container .sh-form-container .sh-progress-fill {
    background-color: #007EAE;
    height: 100%;
    width: 0%;
    /* Se actualizará dinámicamente */
    transition: width 0.4s ease;
    border-radius: 10px 0 0 10px;
}

.sh-main-container .sh-form-container .sh-progress-text {
    margin-top: 1.6rem;
    color: #4F575E;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
    letter-spacing: 0.16px;
}

.sh-main-container .sh-form-container .sh-form {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin-bottom: 0;
    transition: min-height 0.2s ease-out;
    transition-delay: 0s;
}

@media (min-width: 768px) {
    .sh-main-container .sh-form-container .sh-form {
        justify-content: flex-start;
    }
}

@media (min-width: 992px) {
    .sh-main-container .sh-form-container .sh-form {
        height: 73.2rem;
        margin-bottom: 6.4rem;
    }
}

.sh-main-container .sh-form-container .sh-form section h2 {
    color: #000;
    font-family: "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    font-size: 2.4rem;
    line-height: 3.12rem;
    letter-spacing: 0.48px;
    font-style: normal;
    font-weight: 600;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

@media (min-width: 992px) {
    .sh-main-container .sh-form-container .sh-form section h2 {
        font-size: 3.2rem;
        margin-top: 5.6rem;
        margin-bottom: 5.6rem;
        line-height: 4.16rem;
        letter-spacing: 0.64px;
    }
}

.sh-main-container .sh-form-container .sh-form section p,
.sh-main-container .sh-form-container .sh-form section legend {
    color: #212427;
    border-bottom: 0;
    font-size: 1.6rem;
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 2.4rem;
}

.sh-main-container .sh-form-container .sh-form section .more-info p {
    color: #1B1B1B;
    font-size: 1.4rem;
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    line-height: 150%;
    margin: 1.6rem 0 0 0;
}

.sh-main-container .sh-form-container .sh-form section .more-info.previous p {
    margin: -0.4rem 0 1.2rem 0;
}

.sh-main-container .sh-form-container .sh-form section .input-group {
    display: flex;
    flex-direction: column;
}

.sh-main-container .sh-form-container .sh-form section .input-group label {
    color: #212427;
    font-size: 1.6rem;
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 1.2rem;
}

.sh-main-container .sh-form-container .sh-form section .input-group input.inputnumber {
    display: flex;
    width: 100%;
    height: 5.6rem;
    padding: 2rem 1.6rem;
    align-items: center;
    gap: 0.8rem;
    border-radius: 0.8rem;
    border: 1px solid #838F95;
    background: #FFF;
    margin-top: 1.2rem;
    color: #007EAE;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
}

.sh-main-container .sh-form-container .sh-form section .input-group input.inputnumber[aria-invalid=true] {
    border: 1px solid #E51029;
    background: #FFF;
    outline: none;
}

.sh-main-container .sh-form-container .sh-form section .input-group input.inputnumber:-webkit-autofill,
.sh-main-container .sh-form-container .sh-form section .input-group input.inputnumber:-webkit-autofill:hover,
.sh-main-container .sh-form-container .sh-form section .input-group input.inputnumber:-webkit-autofill:focus,
.sh-main-container .sh-form-container .sh-form section .input-group input.inputnumber:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #007EAE !important;
    transition: background-color 5000s ease-in-out 0s;
}

.sh-main-container .sh-form-container .sh-form section .input-group input.inputnumber:focus {
    border: 2px solid #333 !important;
}

.sh-main-container .sh-form-container .sh-form section .hiddenMessage {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin-top: 2.4rem;
}

.sh-main-container .sh-form-container .sh-form section .hiddenMessage .blueCircle {
    background: #ADE8FF;
    border-radius: 100px;
    display: flex;
    width: 4rem;
    height: 4rem;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.sh-main-container .sh-form-container .sh-form section .hiddenMessage .message {
    width: 90%;
    margin-left: 1rem;
    text-align: left;
    padding: 0;
    margin-bottom: 0;
}

.sh-main-container .sh-form-container .sh-form section .hiddenMessage .message p {
    display: inline;
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.68rem;
}

.sh-main-container .sh-form-container .sh-form section .hiddenMessage .message a {
    color: #007EAE;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.68rem;
    text-decoration-line: underline;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-left: 0.6rem;
}

.sh-main-container .sh-form-container .sh-form section .hiddenMessage.active {
    display: flex;
}

.sh-main-container .sh-form-container .sh-form section .error {
    display: none;
}

.sh-main-container .sh-form-container .sh-form section .error.visible {
    position: relative;
    color: #E51029;
    margin-left: 2rem;
    font-family: "Rubik", sans-serif;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.44rem;
    margin-top: 1.7rem;
    display: block;
}

.sh-main-container .sh-form-container .sh-form section .error.visible:before {
    content: "";
    position: absolute;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.90211 2.17873C8.90207 2.17867 8.90214 2.17879 8.90211 2.17873L14.8551 12.41C14.8551 12.4099 14.8551 12.4101 14.8551 12.41C15.0904 12.814 15.0884 13.2884 14.9345 13.6616C14.7819 14.0315 14.4414 14.375 13.9533 14.375H2.0477C1.55949 14.375 1.21922 14.0314 1.06671 13.6615C0.91283 13.2883 0.910813 12.8142 1.14578 12.4102L7.09802 2.17831C7.29873 1.83335 7.63236 1.62512 8.00003 1.625C8.36782 1.62488 8.70162 1.8332 8.90211 2.17873ZM7.74629 2.55546C7.83003 2.41156 7.93225 2.37502 8.00027 2.375C8.06811 2.37498 8.16992 2.41121 8.25334 2.55503L8.2536 2.55547L14.2069 12.7874C14.3121 12.9679 14.3159 13.1944 14.2412 13.3756C14.165 13.5601 14.0463 13.625 13.9533 13.625H2.0477C1.9548 13.625 1.83618 13.5602 1.76008 13.3756C1.68535 13.1944 1.68903 12.9679 1.79407 12.7874L7.74629 2.55546ZM8.00062 5.95833C8.20773 5.95833 8.37562 6.12623 8.37562 6.33333V9.66667C8.37562 9.87377 8.20773 10.0417 8.00062 10.0417C7.79351 10.0417 7.62562 9.87377 7.62562 9.66667V6.33333C7.62562 6.12623 7.79351 5.95833 8.00062 5.95833ZM8.00062 11.2917C8.20773 11.2917 8.37562 11.4596 8.37562 11.6667V11.6733C8.37562 11.8804 8.20773 12.0483 8.00062 12.0483C7.79351 12.0483 7.62562 11.8804 7.62562 11.6733V11.6667C7.62562 11.4596 7.79351 11.2917 8.00062 11.2917Z' fill='%23E51029'/%3E%3C/svg%3E") no-repeat center/contain;
}

.sh-main-container .sh-form-container .sh-form section fieldset {
    margin-top: 4rem;
}

@media (min-width: 991px) {
    .sh-main-container .sh-form-container .sh-form section fieldset {
        margin-top: 5.6rem;
    }
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option {
    justify-content: flex-start;
    position: relative;
    display: flex;
    align-items: center;
    transition: border-color 0.2s ease;
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option input[type=radio] {
    width: 22px;
    height: 22px;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: 1.7rem;
    left: 1.6rem;
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option input[type=radio]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #007EAE;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option input[type=radio]:checked::before {
    background-color: #007EAE;
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option input[type=radio]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.2s ease;
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option input[type=radio]:checked::after {
    transform: translate(-50%, -50%) scale(1);
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option input[type=radio]:focus+label {
    border: 2px solid black;
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option input[aria-invalid=true]+label {
    border: 1px solid #E51029;
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option label {
    background: #fff;
    border: 1px solid #838F95;
    height: 5.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 1.6rem;
    padding-left: 4.5rem;
    margin-bottom: 1.6rem;
    border-radius: 0.8rem;
    color: #212427;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
    letter-spacing: 0.16px;
    cursor: pointer;
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option:last-child label {
    margin-bottom: 0;
}

.sh-main-container .sh-form-container .sh-form_third fieldset {
    margin-bottom: 2.4rem;
}

@media (min-width: 991px) {
    .sh-main-container .sh-form-container .sh-form_third fieldset {
        margin-bottom: 4rem;
    }
}

.sh-main-container .sh-form-container .sh-form_fourth .input-group {
    margin-bottom: 5.6rem;
}

.sh-main-container .sh-form-container .sh-form_fourth .input-group:last-child {
    margin-bottom: 0;
}

.sh-main-container .sh-form-container .buttons {
    margin-top: 4rem;
    margin-bottom: 2.4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: auto;
}

@media (min-width: 992px) {
    .sh-main-container .sh-form-container .buttons {
        justify-content: flex-end;
        margin-bottom: 0;
    }
}

.sh-main-container .sh-form-container .buttons #prev-btn {
    position: relative;
    z-index: 1;
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 47px;
    padding: 1.8rem 2rem;
    margin-bottom: 0;
    margin-right: 1.6rem;
    border-radius: 50px;
    border: 2px solid #007EAE;
    background: #fff;
    color: #007EAE;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.sh-main-container .sh-form-container .buttons #prev-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #DEF6FF;
    border-radius: 50px;
    z-index: -1;
    transition: height 0.3s ease-in-out;
}

.sh-main-container .sh-form-container .buttons #prev-btn:hover {
    color: #007EAE;
    border-color: #007EAE;
}

/*.sh-main-container .sh-form-container .buttons #prev-btn:hover::before {
  height: 100%;
}*/

@media (hover: hover) and (pointer: fine) {
    .sh-main-container .sh-form-container .buttons #prev-btn:hover::before {
        height: 100%;
    }

    .sh-main-container .sh-form-container .buttons #next-btn:hover::before {
        height: 100%;
    }
}

.sh-main-container .sh-form-container .buttons #prev-btn:active::before {
    height: 100%;
    background: #93E1FF;
}

@media (min-width: 768px) {
    .sh-main-container .sh-form-container .buttons #prev-btn {
        width: auto;
    }
}

.sh-main-container .sh-form-container .buttons #next-btn {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 47px;
    padding: 1.8rem 2rem;
    margin-bottom: 0;
    margin-right: 0;
    border-radius: 50px;
    border: 2px solid #007EAE;
    background: #007EAE;
    color: #FFF;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.sh-main-container .sh-form-container .buttons #next-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #004A67;
    border-radius: 50px;
    z-index: -1;
    transition: height 0.3s ease-in-out;
}

.sh-main-container .sh-form-container .buttons #next-btn:hover {
    color: #FFF;
    border-color: #FFF;
}

/*.sh-main-container .sh-form-container .buttons #next-btn:hover::before {
  height: 100%;
}*/
.sh-main-container .sh-form-container .buttons #next-btn:active::before {
    height: 100%;
    background: #002736;
}

@media (min-width: 768px) {
    .sh-main-container .sh-form-container .buttons #next-btn {
        width: auto;
    }
}

.sh-main-container .sh-form-container .buttons #next-btn.next-btn--loading {
    color: rgba(255, 255, 255, 0.5);
    padding-left: 5.5rem;
}

.sh-main-container .sh-form-container .buttons #next-btn.next-btn--loading:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 1.8rem;
    transform: translateY(-50%);
    border-radius: 100%;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border: 2px solid transparent;
    border-top-color: rgb(255, 255, 255);
    animation: spin 0.6s linear infinite;
    background: transparent;
}

@keyframes spin {
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

.sh-main-container .sh-image-container {
    width: 49%;
    max-width: 100%;
    display: none;
}

@media (min-width: 992px) {
    .sh-main-container .sh-image-container {
        display: block;
        flex: 1 1 auto;
        position: relative;
        overflow: hidden;
        max-width: 720px;
        width: 50%;
    }
}

@media (min-width: 1441px) {
    .sh-main-container .sh-image-container {
        max-width: none;
        width: 50%;
    }
}

.sh-main-container .sh-image-container img {
    width: 715px;
    height: auto;
    display: block;
    object-fit: cover;
}

@media (min-width: 992px) {
    .sh-main-container .sh-image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left center;
        position: relative;
        display: block;
        margin-top: 0;
    }
}

@media (min-width: 1441px) {
    .sh-main-container .sh-image-container img {
        width: 100%;
        position: absolute;
    }
}

@media (max-width: 991px) {
    .not-top .sh-main-container .sh-form-container .sh-form {
        min-height: 100%;
        transition: min-height 0.5s linear;
    }
}

#progressbar {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin: 1rem 0;
}

.step-indicator {
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    background: lightgray;
    font-weight: bold;
    flex: 1;
    text-align: center;
    user-select: none;
}

.step-indicator.active {
    background: #007bff;
    color: white;
}

button {
    margin-right: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    cursor: pointer;
}

input.error-border {
    border: 2px solid red;
}

/*FIN Simulador de hipotecas - formulario*/
/* Simulador de hipotecas - Resultados*/
.sh-resultados {
    padding: 0 0.3rem;
}

@media (min-width: 380px) {
    .sh-resultados {
        padding: 0 0.4rem;
    }
}

@media (min-width: 500px) {
    .sh-resultados {
        padding: 0 1.7rem;
    }
}

@media (min-width: 768px) {
    .sh-resultados {
        padding: 0 3.3rem;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }

    .sh-resultados-desktop {
        padding: 0 1rem;
    }
}

/*@media (min-width: 991px) {  //SIMULADOR DE PLANES
  .sh-resultados {
    padding: 0 8.2rem;
    max-width: 100%;
    display: flex;
    justify-content: center;
  }
}*/
.sh-resultados__cabecera {
    height: 6.4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.sh-resultados__cabecera:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: #E3E5E8;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
}

.sh-resultados__cabecera__volver button,
.sh-resultados__cabecera__volver a,
.sh-resultados__cabecera__salir button,
.sh-resultados__cabecera__salir a {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    font-weight: 600;
    line-height: 2.4rem;
    font-style: normal;
    font-size: 0rem;
    color: #333333;
    font-family: "Rubik", sans-serif;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    background: transparent;
    border: none;
}

@media (min-width: 991px) {

    .sh-resultados__cabecera__volver button,
    .sh-resultados__cabecera__volver a,
    .sh-resultados__cabecera__salir button,
    .sh-resultados__cabecera__salir a {
        font-size: 1.6rem;
    }
}

.sh-resultados__cabecera__volver button:before,
.sh-resultados__cabecera__volver a:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.7955 3.2045C17.2348 3.64384 17.2348 4.35616 16.7955 4.7955L9.59099 12L16.7955 19.2045C17.2348 19.6438 17.2348 20.3562 16.7955 20.7955C16.3562 21.2348 15.6438 21.2348 15.2045 20.7955L7.2045 12.7955C6.99353 12.5845 6.875 12.2984 6.875 12C6.875 11.7016 6.99353 11.4155 7.2045 11.2045L15.2045 3.2045C15.6438 2.76517 16.3562 2.76517 16.7955 3.2045Z" fill="%23333333"/></svg>') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.sh-resultados__cabecera__salir button:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="%23000F14"/></svg>') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.sh-resultados__banner {
    min-height: 158px;
    background: #EBF9FF;
}

@media (min-width: 991px) {
    .sh-resultados__banner {
        min-height: 262px;
        max-height: 262px;
    }
}

.sh-resultados__banner__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 4rem 0rem;
}

@media (min-width: 991px) {
    .sh-resultados__banner__text {
        padding: 6.2rem 12rem;
    }
}

.sh-resultados__banner__pretitle {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    margin-bottom: 2.4rem;
}

.sh-resultados__banner__pretitle p {
    color: #212427;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1.12px;
    line-height: 150%;
    margin-top: 0;
    text-transform: uppercase;
}

.sh-resultados__banner__title h1 {
    color: #212427;
    font-family: "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
}

@media (min-width: 991px) {
    .sh-resultados__banner__title h1 {
        font-size: 4.8rem;
    }
}

.sh-resultados__banner__title h1 strong {
    font-weight: 700;
    line-height: 120%;
    /*font-family: "Nohemi", sans-serif;*/
    font-family: "NohemiExtBd", "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.sh-resultados__form {
    margin: 3rem 0 3.2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

/*@media (min-width: 991px) {   //SIMULADOR DE PLANES
  .sh-resultados__form {
    margin: 8rem 0;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1200px;
  }
}*/
.sh-resultados__form-recalcular {
    width: 100%;
}

@media (min-width: 991px) {
    .sh-resultados__form-recalcular {
        width: 375px;
        margin-right: 48px;
    }
}

@media (min-width: 1200px) {
    .sh-resultados__form-recalcular {
        margin-right: 80px;
    }
}

@media (min-width: 1440px) {
    .sh-resultados__form-recalcular {
        margin-right: 48px;
    }
}

.sh-resultados__form-recalcular .sh-resultados__info-mobile {
    display: flex;
    flex-direction: row;
}

@media (min-width: 991px) {
    .sh-resultados__form-recalcular .sh-resultados__info-mobile {
        display: none;
    }
}

.sh-resultados__form-recalcular .sh-resultados__info-mobile dl {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 2.2rem;
    flex: 1 1 95%;
}

.sh-resultados__form-recalcular .sh-resultados__info-mobile dt {
    display: flex;
    flex: 1 1 33.33%;
    box-sizing: border-box;
    order: 1;
    padding-bottom: 1.1rem;
}

.sh-resultados__form-recalcular .sh-resultados__info-mobile dt h3 {
    color: #4F575E;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    margin: 0;
}

.sh-resultados__form-recalcular .sh-resultados__info-mobile dd {
    display: flex;
    width: 100%;
    flex: 1 1 33.33%;
    box-sizing: border-box;
    order: 2;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sh-resultados__form-recalcular .sh-resultados__info-mobile p,
.sh-resultados__form-recalcular .sh-resultados__info-mobile span {
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
    margin: 0;
}

.sh-resultados__form-recalcular .sh-resultados__info-mobile__mostrar {
    color: #007EAE;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 16.8px */
    text-decoration: underline;
    border: none;
    width: auto;
    margin: auto;
    padding: 0;
    border-radius: 0;
    justify-content: flex-start;
    height: auto;
    display: flex;
    align-items: flex-start;
    text-align: left;
    z-index: 0;
}

.sh-resultados__form-recalcular .sh-resultados__info-mobile__mostrar::before {
    display: none;
}

.sh-resultados__form-recalcular form {
    display: none;
}

@media (min-width: 991px) {
    .sh-resultados__form-recalcular form {
        display: block;
        margin-top: -4rem;
        position: relative;
        overflow-y: scroll;
    }
}

.sh-resultados__form-recalcular form .field-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-right: 4.8rem;
}

.sh-resultados__form-recalcular form label {
    color: #000000;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.4rem;
    margin-bottom: 2.4rem;
    margin-top: 3.2rem;
}

@media (min-width: 991px) {
    .sh-resultados__form-recalcular form label {
        margin-top: 4rem;
    }
}

.sh-resultados__form-recalcular form input {
    width: 100%;
    height: 5.6rem;
    background: #FFF;
    border: 1px solid #838F95;
    padding: 2rem 0;
    border-radius: 8px;
    color: #007EAE;
    text-align: center;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    margin-bottom: 1.2rem;
}

.sh-resultados__form-recalcular form .range-container {
    border-bottom: 1px solid #E3E5E8;
}

.sh-resultados__form-recalcular form .range-container input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    /* ancho fijo */
    height: 10px;
    background: transparent;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    border: none;
    margin-top: 1.2rem;
    margin-bottom: 2.4rem;
}

.sh-resultados__form-recalcular form .range-container input[type=range]::-webkit-slider-runnable-track {
    height: 10px;
    background: transparent;
    border-radius: 5px;
    border: none;
}

.sh-resultados__form-recalcular form .range-container input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 32px;
    width: 32px;
    background: #007eae;
    border-radius: 50%;
    border: none;
    margin-top: -10px;
    /* centrar thumb */
    position: relative;
    z-index: 2;
    cursor: pointer;
    border: none;
}

.sh-resultados__form-recalcular form .range-container input[type=range]::-moz-range-track {
    height: 10px;
    background: transparent;
    /* fondo con JS */
    border-radius: 5px;
    border: none;
}

.sh-resultados__form-recalcular form .range-container input[type=range]::-moz-range-thumb {
    height: 32px;
    width: 32px;
    background: #007eae;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    margin-top: -10px;
    /* centrar thumb */
}

.sh-resultados__form-recalcular form .range-container input[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    background: transparent;
    border-color: transparent;
    color: transparent;
    border-radius: 5px;
    cursor: pointer;
}

.sh-resultados__form-recalcular form .range-container input[type=range]::-ms-fill-lower {
    background: #00A2E0;
    /* color izquierdo */
    border-radius: 5px;
}

.sh-resultados__form-recalcular form .range-container input[type=range]::-ms-fill-upper {
    background: #D3D7DA;
    /* color derecho */
    border-radius: 5px;
}

.sh-resultados__form-recalcular form .range-container input[type=range]::-ms-thumb {
    height: 32px;
    width: 32px;
    background: #007eae;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    margin-top: 0;
    /* IE no soporta margin-top en thumb */
    position: relative;
    z-index: 2;
}

.sh-resultados__form-recalcular form .range-container:nth-last-child(2) {
    border: none;
}

.sh-resultados__form-recalcular form .range-values {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.2rem;
}

@media (min-width: 991px) {
    .sh-resultados__form-recalcular form .range-values {
        margin-bottom: 4rem;
    }
}

.sh-resultados__form-recalcular form .range-values span {
    color: #4F575E;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1rem;
    padding-top: 0.8rem;
}

.sh-resultados__form-recalcular button {
    position: relative;
    height: 47px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50px;
    color: #007EAE;
    text-decoration: none;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    padding: 1.8rem 2rem;
    margin-bottom: 2.4rem;
    border: 2px solid #007EAE;
    width: 100%;
    z-index: 10;
    overflow: hidden;
}

.sh-resultados__form-recalcular button.disabled {
    background: #D0D5D9;
    border: 2px solid #D0D5D9;
    color: #7A8185;
}

.sh-resultados__form-recalcular button.disabled:hover {
    border: 2px solid #D0D5D9;
    color: #7A8185;
}

.sh-resultados__form-recalcular button.disabled:hover::before {
    height: 0;
}

.sh-resultados__form-recalcular button::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #DEF6FF;
    border-radius: 50px;
    z-index: -1;
    transition: height 0.3s ease-in-out;
}

.sh-resultados__form-recalcular button:hover {
    color: #007EAE;
    border-color: #007EAE;
}

.sh-resultados__form-recalcular button:hover::before {
    height: 100%;
}

.sh-resultados__form-recalcular button:active::before {
    height: 100%;
    background: #93E1FF;
}

@media (min-width: 991px) {
    .sh-resultados__form-recalcular button {
        transform: translateY(0);
        transition: transform 0.4s ease;
    }

    .sh-resultados__form-recalcular button.sticky {
        position: sticky;
        bottom: 0;
        transform: translateY(-10px);
    }
}

.sh-resultados__form-recalcular_form-fullscreen {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 3;
    overflow-y: auto;
    display: block !important;
    padding: 0 2.4rem 5rem 2.4rem;
}

.sh-resultados__form-recalcular_form-fullscreen button {
    position: fixed;
    bottom: 0;
    width: calc(100% - 4.8rem);
    max-width: 100%;
    box-sizing: border-box;
}

.sh-resultados__form-recalcular_form-fullscreen .sh-resultados__recalcular-close {
    position: relative;
    bottom: initial;
    width: auto;
}

.sh-resultados__recalcular__mobile-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    height: 64px;
}

@media (min-width: 991px) {
    .sh-resultados__recalcular__mobile-header {
        display: none;
    }
}

.sh-resultados__recalcular__mobile-header:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: #E3E5E8;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
}

.sh-resultados__recalcular__mobile-header__button-close {
    position: absolute;
    right: 0;
}

.sh-resultados__recalcular__mobile-header__button-close button {
    cursor: pointer;
    height: auto;
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    background: transparent;
}

.sh-resultados__resultados {
    width: 100%;
}

/*@media (min-width: 991px) {  //SIMULADOR DE PLANES
  .sh-resultados__resultados {
    width: 375px;
  }
}*/
@media (min-width: 991px) {
    .sh-resultados__resultados {
        width: 784px;
    }
}

@media (min-width: 1440px) {
    .sh-resultados__resultados {
        width: 784px;
    }
}

.sh-resultados__cards {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

@media (min-width: 500px) {
    .sh-resultados__cards {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

@media (min-width: 768px) {
    .sh-resultados__cards {
        flex-direction: row;
        gap: 2.4rem;
    }
}

/*@media (min-width: 991px) {  //SIMULADOR DE PLANES
  .sh-resultados__cards {
    flex-direction: column;
  }
}*/
@media (min-width: 1440px) {
    .sh-resultados__cards {
        flex-direction: row;
        gap: 2.3rem;
    }
}

.sh-resultados__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.06), 2px 2px 16px 0px rgba(0, 0, 0, 0.12);
    border-radius: 1.6rem;
    margin-bottom: 2.2rem;
}

@media (min-width: 768px) {
    .sh-resultados__card {
        width: 50%;
    }
}

@media (min-width: 991px) {
    .sh-resultados__card {
        /* width: 100%;   SIMULADOR DE PLANES*/
        width: 380px;
    }
}

@media (min-width: 1440px) {
    .sh-resultados__card {
        width: 380px;
    }
}

.sh-resultados__resultado {
    height: 200px;
    width: 100%;
    background: #0A69A8;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background: radial-gradient(86.69% 49.59% at 50% 60%, #007EAE 47.22%, rgba(0, 126, 174, 0) 100%), url(https://www.caixabank.es/deployedfiles/particulares/Estaticos/Imagenes/SimuladorHipotecas/bg_result.png) lightgray 0px -67.254px/100% 133.492% no-repeat;
    background-blend-mode: multiply, normal;
}

@media (min-width: 768px) {
    .sh-resultados__resultado {
        height: 200px;
    }
}

.sh-resultados__etiqueta {
    height: 24px;
    position: absolute;
    top: 2.4rem;
    left: 2.4rem;
    background: #FDF3D3;
    border-radius: 8px;
    z-index: 1;
}

.sh-resultados__etiqueta h2 {
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    margin: 0;
    padding: 0 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.4rem;
    /* 21px */
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.sh-resultados__valores {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 4.5rem;
}

@media (min-width: 768px) {
    .sh-resultados__valores {
        padding-bottom: 3rem;
    }
}

.sh-resultados__valores .tintae {
    color: #FFF;
    font-family: "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.1rem;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    margin-top: 1.2rem;
}

.sh-resultados__valores .tintae span {
    color: #FFF;
    font-family: "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.sh-resultados__final {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0.5rem;
}

.sh-resultados__final p {
    color: #FFF;
    font-family: "Nohemi", sans-serif;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 6.24rem;
}

.sh-resultados__final .titulo {
    color: #FFF;
    text-align: center;
    font-size: 4.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5rem;
    font-family: "Nohemi", sans-serif;
    /*font-family: "Roboto";*/
}

.sh-resultados__final .unidad {
    color: #FFF;
    text-align: center;
    font-size: 5.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 6.24rem;
    font-family: "Nohemi", sans-serif;
}

.sh-resultados__final .decimal {
    color: #FFF;
    font-family: "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 6.24rem;
}

.sh-resultados .tintae {
    color: #FFF;
    font-family: "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.1rem;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.sh-resultados__condiciones-personalizacion {
    display: flex;
    flex: 1;
    width: 100%;
    padding: 3.2rem 1.6rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

@media (min-width: 991px) {
    .sh-resultados__condiciones-personalizacion {
        padding: 3.2rem;
    }
}

.sh-resultados__condiciones {
    width: 100%;
}

.sh-resultados__condiciones .bloque {
    margin: 3.2rem 0;
}

.sh-resultados__condiciones .title {
    font-family: Rubik;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
}

.sh-resultados__condiciones p {
    leading-trim: both;
    text-edge: cap;
    font-family: Rubik;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.14px;
}

.sh-resultados__condiciones h3 {
    color: #212427;
    font-family: "Rubik", sans-serif;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.36rem;
    letter-spacing: 0.48px;
    margin-top: 0;
    margin-bottom: 1.6rem;
}

.sh-resultados__condiciones ul {
    margin: 0.8rem 0;
}

.sh-resultados__condiciones ul li {
    margin-bottom: 2rem;
    padding: 0;
    position: relative;
    margin-left: 4rem;
    margin-bottom: 2rem;
    font-family: "Rubik", sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.7rem;
    /* 27px */
}

.sh-resultados__condiciones ul li:last-child {
    margin-bottom: 0;
}

.sh-resultados__condiciones ul li:before {
    content: "";
    position: absolute;
    left: -3.7rem;
    top: calc(50% - 0.8rem);
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_8497_868)'%3E%3Cpath d='M6.20556 10.5013L3.70356 7.99932L2.85156 8.84532L6.20556 12.1993L13.4056 4.99932L12.5596 4.15332L6.20556 10.5013Z' fill='%2300597A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8497_868'%3E%3Crect width='14.4' height='14.4' fill='white' transform='translate(0.800781 0.799805)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.6rem 1.6rem;
    z-index: 1;
}

.sh-resultados__condiciones ul li:after {
    content: "";
    background: #D6F4FF;
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    top: calc(50% - 12px);
    left: -4rem;
    border-radius: 100px;
}

.sh-resultados__personalizacion {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 3rem;
}

.sh-resultados__no-cliente {
    position: relative;
    z-index: 1;
    height: 47px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #007EAE;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    padding: 1.8rem 2rem;
    margin-bottom: 2.4rem;
    border: 2px solid #007EAE;
    width: 90%;
    overflow: hidden;
    margin-right: 0;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.sh-resultados__no-cliente::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #004A67;
    border-radius: 50px;
    z-index: -1;
    transition: height 0.3s ease-in-out;
}

.sh-resultados__no-cliente:hover {
    color: #FFF;
    border-color: #FFF;
}

.sh-resultados__no-cliente:hover::before {
    height: 100%;
}

.sh-resultados__no-cliente:active::before {
    height: 100%;
    background: #002736;
}

.sh-resultados__cliente {
    color: #007EAE;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.1rem;
    position: relative;
    text-decoration: none;
    margin: 0;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0px -1rem;
}

.sh-resultados__cliente:before {
    content: "";
    position: relative;
    top: 0.6rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 1.75C12.9142 1.75 13.25 2.08579 13.25 2.5V14.787L16.9913 11.3335C17.2957 11.0526 17.7702 11.0715 18.0511 11.3759C18.3321 11.6803 18.3131 12.1548 18.0087 12.4357L13.0087 17.0511C12.7214 17.3163 12.2786 17.3163 11.9913 17.0511L6.99129 12.4357C6.68692 12.1548 6.66794 11.6803 6.9489 11.3759C7.22985 11.0715 7.70434 11.0526 8.00871 11.3335L11.75 14.787V2.5C11.75 2.08579 12.0858 1.75 12.5 1.75ZM3.5 15.25C3.91421 15.25 4.25 15.5858 4.25 16V19C4.25 19.6904 4.80964 20.25 5.5 20.25H19.5C20.1904 20.25 20.75 19.6904 20.75 19V16C20.75 15.5858 21.0858 15.25 21.5 15.25C21.9142 15.25 22.25 15.5858 22.25 16V19C22.25 20.5188 21.0188 21.75 19.5 21.75H5.5C3.98122 21.75 2.75 20.5188 2.75 19V16C2.75 15.5858 3.08579 15.25 3.5 15.25Z' fill='%2300597A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 2.4rem 2.4rem;
    display: none;
}

@media (min-width: 768px) {
    .sh-resultados__cliente:before {
        display: inline-block;
    }
}

.sh-resultados__cliente:hover {
    text-decoration: underline;
}

.sh-resultados__mas-info p {
    color: #4F575E;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1rem;
    text-align: center;
}

.sh-resultados__costes {
    padding-top: 4.2rem;
    margin-bottom: 3.2rem;
}

.sh-resultados__costes h2 {
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.16rem;
    margin: 1.3rem 0;
}

.sh-resultados__costes h3 {
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.92rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #D2D4D7;
}

.sh-resultados__costes p {
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.92rem;
    margin-top: 1.6rem;
}

.sh-resultados__costes p.texto-aclarativo {
    color: #4F575E;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.68rem;
}

.sh-resultados__costes ul {
    margin-top: 0.4rem;
}

.sh-resultados__costes ul li {
    display: flex;
    color: #4F575E;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1rem;
    letter-spacing: 0.14px;
    margin-top: 0.4rem;
    padding: 0;
}

.sh-resultados__costes ul li span {
    color: #4F575E;
    font-family: "Rubik", sans-serif;
}

.sh-resultados__costes ul li span.importeCoste {
    font-family: "Rubik", sans-serif;
    color: #333;
    font-size: 1.6rem;
}

.sh-resultados__costes-cols {
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem;
}

.sh-resultados__costes-list {
    width: 100%;
}

@media (min-width: 1440px) {
    .sh-resultados__costes-list {
        width: calc(50% - 1.6rem);
    }
}

.sh-resultados__costes-list-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1.6rem;
}

.sh-resultados__costes-legal {
    margin-top: 1.6rem;
}

.sh-resultados__costes-legal .sh-resultados__costes-list {
    border-top: 1px solid #D2D4D7;
}

.sh-resultados__gastos {
    margin: 5.5rem 0;
}

.sh-resultados__gastos h2 {
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.16rem;
    margin: 1.3rem 0;
}

.sh-resultados__gastos-list {
    margin-top: 2.9rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.sh-resultados__gastos-list dt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sh-resultados__gastos-list dt h3 {
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.68rem;
    margin-top: 0;
}

.sh-resultados__gastos-list dd {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D2D4D7;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
}

.sh-resultados__gastos-list dd p {
    color: #4F575E;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1rem;
}

.sh-resultados__gastos-list dd p:first-child {
    font-size: 1.4rem;
}

.sh-resultados__gastos-list dd p span {
    color: #666;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1rem;
    width: 100%;
}

.sh-resultados__gastos-list dd p.entrada,
.sh-resultados__gastos-list dd p.GastoAprox {
    color: #333;
    position: relative;
    align-items: center;
    text-align: right;
    margin-top: -2rem;
}

.sh-resultados__gastos-list p.entrada,
.sh-resultados__gastos-list p.GastoAprox {
    position: relative;
    align-items: center;
    width: 18rem;
    text-align: right;
    margin-top: -2rem;
}

.sh-resultados__text {
    max-width: 50%;
}

.sh-resultados__text p {
    line-height: 1.68rem;
}

.sh-resultados__gasto-total {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 2.9rem;
    padding: 0 0 1.6rem 0;
}

.sh-resultados__gasto-total h3 {
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.92rem;
    margin-top: 0;
}

.sh-resultados__gasto-total p,
.sh-resultados__gasto-total p span {
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.16rem;
    margin-top: 0;
}

.sh-resultados__acciones {
    background: rgba(214, 244, 255, 0.4196078431);
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4.8rem;
    height: 8.8rem;
    border-radius: 1rem;
    margin-top: 3rem
}

.sh-resultados__compartir a {
    position: relative;
    display: inline-block;
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1rem;
    text-decoration: none;
    border: none;
    background: transparent;
    height: 70px;
    padding: 4.5rem 1rem 1.5rem 1rem;
}

@media (min-width: 768px) {
    .sh-resultados__compartir a {
        height: auto;
        padding: 1.5rem 1rem 1.5rem 5.7rem;
    }
}

.sh-resultados__compartir a:hover {
    text-decoration: underline;
}

.sh-resultados__compartir a:before {
    content: "";
    position: absolute;
    top: 2.4rem;
    left: 2.8rem;
    width: 25px;
    height: 24px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9913 2.4489C12.2786 2.1837 12.7214 2.1837 13.0087 2.4489L18.0087 7.06428C18.3131 7.34523 18.3321 7.81973 18.0511 8.12409C17.7702 8.42846 17.2957 8.44744 16.9913 8.16649L13.25 4.71299V17C13.25 17.4142 12.9142 17.75 12.5 17.75C12.0858 17.75 11.75 17.4142 11.75 17V4.71299L8.00871 8.16649C7.70434 8.44744 7.22985 8.42846 6.9489 8.12409C6.66794 7.81973 6.68692 7.34524 6.99129 7.06428L11.9913 2.4489ZM3.5 15.25C3.91421 15.25 4.25 15.5858 4.25 16V19C4.25 19.6904 4.80964 20.25 5.5 20.25H19.5C20.1904 20.25 20.75 19.6904 20.75 19V16C20.75 15.5858 21.0858 15.25 21.5 15.25C21.9142 15.25 22.25 15.5858 22.25 16V19C22.25 20.5188 21.0188 21.75 19.5 21.75H5.5C3.98122 21.75 2.75 20.5188 2.75 19V16C2.75 15.5858 3.08579 15.25 3.5 15.25Z' fill='%2300597A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

@media (min-width: 768px) {
    .sh-resultados__compartir a:before {
        left: 1.5rem;
    }
}

.sh-resultados__compartir a:after {
    content: "";
    position: absolute;
    background: #ADE8FF;
    border-radius: 100px;
    top: 0.5rem;
    left: 2.1rem;
    width: 4rem;
    height: 4rem;
}

@media (min-width: 768px) {
    .sh-resultados__compartir a:after {
        left: 0.8rem;
    }
}

.sh-resultados__descargar button {
    position: relative;
    display: inline-block;
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1rem;
    text-decoration: none;
    border: none;
    background: transparent;
    height: auto;
    padding: 1.5rem 1rem 1.5rem 5.7rem;
}

.sh-resultados__descargar button:hover {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .sh-resultados__descargar button {
        height: auto;
        padding: 1.5rem 1rem 1.5rem 5.7rem;
    }
}

.sh-resultados__descargar button:before {
    content: "";
    position: absolute;
    top: 2.4rem;
    left: 1.5rem;
    width: 25px;
    height: 24px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 1.75C12.9142 1.75 13.25 2.08579 13.25 2.5V14.787L16.9913 11.3335C17.2957 11.0526 17.7702 11.0715 18.0511 11.3759C18.3321 11.6803 18.3131 12.1548 18.0087 12.4357L13.0087 17.0511C12.7214 17.3163 12.2786 17.3163 11.9913 17.0511L6.99129 12.4357C6.68692 12.1548 6.66794 11.6803 6.9489 11.3759C7.22985 11.0715 7.70434 11.0526 8.00871 11.3335L11.75 14.787V2.5C11.75 2.08579 12.0858 1.75 12.5 1.75ZM3.5 15.25C3.91421 15.25 4.25 15.5858 4.25 16V19C4.25 19.6904 4.80964 20.25 5.5 20.25H19.5C20.1904 20.25 20.75 19.6904 20.75 19V16C20.75 15.5858 21.0858 15.25 21.5 15.25C21.9142 15.25 22.25 15.5858 22.25 16V19C22.25 20.5188 21.0188 21.75 19.5 21.75H5.5C3.98122 21.75 2.75 20.5188 2.75 19V16C2.75 15.5858 3.08579 15.25 3.5 15.25Z' fill='%2300597A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

@media (min-width: 768px) {
    .sh-resultados__descargar button:before {
        left: 1.5rem;
    }
}

.sh-resultados__descargar button:after {
    content: "";
    position: absolute;
    background: #ADE8FF;
    border-radius: 100px;
    top: 0.5rem;
    left: 0.8rem;
    width: 4rem;
    height: 4rem;
}

@media (min-width: 768px) {
    .sh-resultados__descargar button:after {
        left: 0.8rem;
    }
}

.sh-resultados__banner-body {
    position: relative;
    height: 100%;
    display: flex;
    width: 100%;
    padding: 6.4rem 0 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 3.2rem 0 15.2rem;
}

@media (min-width: 991px) {
    .sh-resultados__banner-body {
        padding: 13.5rem 8rem;
        gap: 8rem;
        margin: 8rem 0 20rem;
        max-width: 1200px;
        height: 712px;
    }
}

.sh-resultados__banner-body__background {
    position: relative;
    border-radius: 1.6rem;
    background: linear-gradient(100deg, #000000 0%, #1F2BAE 100%);
    width: 100%;
    height: 327px;
    min-height: 327px;
}

@media (min-width: 991px) {
    .sh-resultados__banner-body__background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 16rem 8rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8rem;
    }
}

.sh-resultados__banner-body__text {
    position: relative;
}

@media (min-width: 991px) {
    .sh-resultados__banner-body__text {
        max-width: 60%;
        z-index: 1;
    }
}

@media (min-width: 1200px) {
    .sh-resultados__banner-body__text {
        max-width: 60%;
    }
}

.sh-resultados__banner-body__text .etiqueta {
    height: 2.4rem;
    position: relative;
    background: #FDF3D4;
    border-radius: 8px;
    z-index: 1;
    width: auto;
    display: inline-block;
}

.sh-resultados__banner-body__text .etiqueta p {
    font-size: 1.4rem;
    margin: 0;
    padding: 0 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.4rem;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    color: #333;
    font-family: "Rubik", sans-serif;
}

.sh-resultados__banner-body__text .etiqueta p strong {
    font-family: "Rubik", sans-serif;
}

.sh-resultados__banner-body__text h2 {
    color: #212427;
    font-family: "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    font-size: 3.22rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4.61rem;
    letter-spacing: -0.32px;
    margin: 2.4rem 0 4rem 0;
}

@media (min-width: 991px) {
    .sh-resultados__banner-body__text h2 {
        color: #FFF;
        font-size: 6.4rem;
        font-weight: 400;
        line-height: 7.04rem;
        letter-spacing: -0.64px;
        margin: 5.6rem 0 8rem 0;
    }
}

.sh-resultados__banner-body__text h2 strong {
    font-family: "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.sh-resultados__banner-body__text a {
    position: relative;
    padding-right: 2.4rem;
    display: inline-flex;
    align-items: center;
    font-family: "Rubik", sans-serif;
    text-decoration: none;
    color: #007EAE;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    margin-bottom: 4rem;
}

@media (min-width: 991px) {
    .sh-resultados__banner-body__text a {
        color: #FFF;
        margin: 0;
    }
}

.sh-resultados__banner-body__text a:before {
    content: "";
    position: absolute;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.6673 15L10.5007 13.7917L13.459 10.8333H3.33398V9.16667H13.459L10.5007 6.20833L11.6673 5L16.6673 10L11.6673 15Z' fill='%23007EAE'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width: 991px) {
    .sh-resultados__banner-body__text a:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.6673 15L10.5007 13.7917L13.459 10.8333H3.33398V9.16667H13.459L10.5007 6.20833L11.6673 5L16.6673 10L11.6673 15Z' fill='white'/%3E%3C/svg%3E");
    }
}

.sh-resultados__banner-body__text a:focus {
    outline: 2px solid #007EAE;
    padding-left: 0.3rem;
    border-radius: 0.2rem;
}

.sh-resultados.facilitea .sh-resultados__banner-body__background {
    background: url(/deployedfiles/particulares/Estaticos/Imagenes/SimuladorHipotecas/facilitea-casa-rectangular.png) right/cover no-repeat;
}

.sh-resultados.calculadora .sh-resultados__banner-body__background {
    background: url(/deployedfiles/particulares/Estaticos/Imagenes/SimuladorHipotecas/calculadora-rectangular.png) right/cover no-repeat;
}

.sh-resultados__faqs {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    position: relative;
    margin-bottom: 9.6rem;
    margin-top: 8.0rem;
}

@media (min-width: 991px) {
    .sh-resultados__faqs {
        flex-direction: row;
        margin-bottom: 12rem;
        max-width: 120rem;
    }
}

.sh-resultados__faqs:before {
    content: "";
    position: absolute;
    bottom: 12rem;
    left: 5rem;
    width: 30rem;
    height: 30rem;
    opacity: 0.5;
    background: #f34500;
    border-radius: 100%;
    filter: blur(10rem);
}

@media (min-width: 991px) {
    .sh-resultados__faqs:before {
        top: 15rem;
        right: -10rem;
        bottom: initial;
        left: initial;
    }
}

.sh-resultados__faqs-text {
    width: 100%;
    margin-bottom: 4rem;
}

@media (min-width: 991px) {
    .sh-resultados__faqs-text {
        width: 50%;
        padding-right: 3.2rem;
    }
}

@media (min-width: 1200px) {
    .sh-resultados__faqs-text {
        width: 47%;
        padding-right: 9.4rem;
    }
}

@media (min-width: 1440px) {
    .sh-resultados__faqs-text {
        width: 43%;
    }
}

.sh-resultados__faqs-text h2 {
    color: #212427;
    font-family: "Nohemi", sans-serif;
    margin-top: 0;
    margin-bottom: 2.4rem;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 3.84rem;
}

@media (min-width: 991px) {
    .sh-resultados__faqs-text h2 {
        font-size: 5.2rem;
        font-style: normal;
        line-height: 6.24rem;
        letter-spacing: 0.5px;
    }
}

.sh-resultados__faqs-text h2 strong {
    /*font-family: "Rubik", sans-serif;*/
    font-family: "NohemiExtBd", "Nohemi", sans-serif;
    font-weight: 700 !important;
    color: #333 !important;
}

.sh-resultados__faqs-text p {
    color: #4F575E;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
    letter-spacing: 0.16px;
}

.sh-resultados__faqs-group {
    width: 100%;
}

@media (min-width: 991px) {
    .sh-resultados__faqs-group {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .sh-resultados__faqs-group {
        width: 53%;
    }
}

@media (min-width: 1440px) {
    .sh-resultados__faqs-group {
        width: 57%;
    }
}

.sh-resultados__faqs-group .main-component {
    margin: 0;
}

.sh-resultados__faqs-group .main-component .dropdown-items {
    margin: 0;
}

.sh-resultados__faqs-group .dropdown-item {
    background: #fff;
    box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.1215686275);
    position: relative;
    border-radius: 12px;
    padding: 1.6rem 2rem;
}

@media (min-width: 991px) {
    .sh-resultados__faqs-group .dropdown-item {
        padding: 2rem 2.4rem;
    }
}

.sh-resultados__faqs-group .dropdown-title {
    background: #fff;
    border-radius: 12px;
    padding: 0.8rem 0;
}

.sh-resultados__faqs-group .dropdown-title h3 {
    border-radius: 12px;
}

.sh-resultados__faqs-group .dropdown-title h3 a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    color: #212427;
    border-radius: 12px;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding: 0;
    width: 100%;
    justify-content: space-between;
    column-gap: 2.4rem;
}

@media (min-width: 992px) {
    .sh-resultados__faqs-group .dropdown-title h3 a {
        column-gap: 4.3rem;
    }
}

.sh-resultados__faqs-group .dropdown-title h3 a:hover {
    background: #fff;
    color: #212427;
}

.sh-resultados__faqs-group .dropdown-title h3 a:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M22.6708 12.2261C22.421 11.9778 22.0831 11.8384 21.7308 11.8384C21.3786 11.8384 21.0406 11.9778 20.7908 12.2261L16.0042 16.9461L11.2842 12.2261C11.0343 11.9778 10.6964 11.8384 10.3442 11.8384C9.99192 11.8384 9.65398 11.9778 9.40416 12.2261C9.27919 12.3501 9.18 12.4975 9.11231 12.66C9.04462 12.8225 9.00977 12.9968 9.00977 13.1728C9.00977 13.3488 9.04462 13.5231 9.11231 13.6855C9.18 13.848 9.27919 13.9955 9.40416 14.1194L15.0575 19.7728C15.1814 19.8977 15.3289 19.9969 15.4914 20.0646C15.6539 20.1323 15.8281 20.1672 16.0042 20.1672C16.1802 20.1672 16.3545 20.1323 16.5169 20.0646C16.6794 19.9969 16.8269 19.8977 16.9508 19.7728L22.6708 14.1194C22.7958 13.9955 22.895 13.848 22.9627 13.6855C23.0304 13.5231 23.0652 13.3488 23.0652 13.1728C23.0652 12.9968 23.0304 12.8225 22.9627 12.66C22.895 12.4975 22.7958 12.3501 22.6708 12.2261Z' fill='%23007EAE'/%3E%3C/svg%3E");
}

.sh-resultados__faqs-group .dropdown-title h3 a:focus {
    border: 2px solid #333;
}

.sh-resultados__faqs-group .dropdown-title h3 a.active {
    background: #fff;
    color: #212427;
}

.sh-resultados__faqs-group .dropdown-title h3 a.active:after {
    content: "";
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22%3E%3Cpath d=%22M22.6708 12.2261C22.421 11.9778 22.0831 11.8384 21.7308 11.8384C21.3786 11.8384 21.0406 11.9778 20.7908 12.2261L16.0042 16.9461L11.2842 12.2261C11.0343 11.9778 10.6964 11.8384 10.3442 11.8384C9.99192 11.8384 9.65398 11.9778 9.40416 12.2261C9.27919 12.3501 9.18 12.4975 9.11231 12.66C9.04462 12.8225 9.00977 12.9968 9.00977 13.1728C9.00977 13.3488 9.04462 13.5231 9.11231 13.6855C9.18 13.848 9.27919 13.9955 9.40416 14.1194L15.0575 19.7728C15.1814 19.8977 15.3289 19.9969 15.4914 20.0646C15.6539 20.1323 15.8281 20.1672 16.0042 20.1672C16.1802 20.1672 16.3545 20.1323 16.5169 20.0646C16.6794 19.9969 16.8269 19.8977 16.9508 19.7728L22.6708 14.1194C22.7958 13.9955 22.895 13.848 22.9627 13.6855C23.0304 13.5231 23.0652 13.3488 23.0652 13.1728C23.0652 12.9968 23.0304 12.8225 22.9627 12.66C22.895 12.4975 22.7958 12.3501 22.6708 12.2261Z%22 fill=%22%23007EAE%22/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    transform: rotate(-180deg);
    transition: all 0.2s ease;
}

.sh-resultados__faqs-group .dropdown-title h3 a:after {
    content: "";
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M22.6708 12.2261C22.421 11.9778 22.0831 11.8384 21.7308 11.8384C21.3786 11.8384 21.0406 11.9778 20.7908 12.2261L16.0042 16.9461L11.2842 12.2261C11.0343 11.9778 10.6964 11.8384 10.3442 11.8384C9.99192 11.8384 9.65398 11.9778 9.40416 12.2261C9.27919 12.3501 9.18 12.4975 9.11231 12.66C9.04462 12.8225 9.00977 12.9968 9.00977 13.1728C9.00977 13.3488 9.04462 13.5231 9.11231 13.6855C9.18 13.848 9.27919 13.9955 9.40416 14.1194L15.0575 19.7728C15.1814 19.8977 15.3289 19.9969 15.4914 20.0646C15.6539 20.1323 15.8281 20.1672 16.0042 20.1672C16.1802 20.1672 16.3545 20.1323 16.5169 20.0646C16.6794 19.9969 16.8269 19.8977 16.9508 19.7728L22.6708 14.1194C22.7958 13.9955 22.895 13.848 22.9627 13.6855C23.0304 13.5231 23.0652 13.3488 23.0652 13.1728C23.0652 12.9968 23.0304 12.8225 22.9627 12.66C22.895 12.4975 22.7958 12.3501 22.6708 12.2261Z' fill='%23007EAE'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    transition: all 0.2s ease;
}

.sh-resultados__faqs-group .dropdown-content {
    border: none;
    padding: 0;
    margin: 2.4rem 0 1.6rem 0;
}

@media (min-width: 992px) {
    .sh-resultados__faqs-group .dropdown-content {
        margin: 0.8rem 0;
    }
}

.sh-resultados__faqs-group .dropdown-content p {
    font-family: "Rubik", sans-serif;
}

.sh-resultados__faqs-group .dropdown-content li {
    font-family: "Rubik", sans-serif;
}

.sh-resultados__faqs-group .dropdown-content a {
    font-family: "Rubik", sans-serif;
}

.sh-resultados__faqs-group .dropdown-content a:focus {
    outline-offset: 2px;
    border-radius: 0.1rem;
    outline: 2px solid #333;
}

.sh-resultados__legales {
    padding: 4rem 0;
    margin: 0 -15px;
}

.sh-resultados__legales p {
    color: #383D42;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1rem;
}

.sh-resultados__legales p strong {
    font-family: "Rubik", sans-serif;
}

/*FIN Simulador de hipotecas - Resultados*/
/*Simulador de hipotecas - Modales*/
.sh-resultados-modal__modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.sh-resultados-modal__modal {
    background: #fff;
    max-width: 547px;
    width: 90%;
    outline: none;
    border-radius: 1.6rem;
}

.sh-resultados-modal__modal-close-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    margin: 1.6rem;
}

.sh-resultados-modal__modal-close {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
}

.sh-resultados-modal__title {
    color: #333;
    text-align: center;
    font-family: "NohemiSemBd", sans-serif;
    font-size: 2.4rem;
    font-style: normal;
    line-height: 2.88rem;
    margin: 0px 3.2rem 2.4rem 3.2rem !important;
}

.sh-resultados-modal__qr-description {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 3.2rem;
    padding: 0 2.4rem;
    flex-wrap: wrap;
    justify-content: center;
}

@media (min-width: 500px) {
    .sh-resultados-modal__qr-description {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
}

.sh-resultados-modal__qr {
    width: 162px;
    aspect-ratio: 162/161;
}

.sh-resultados-modal__qr img {
    width: 162px;
    height: 161px;
    margin-top: 0;
}

.sh-resultados-modal__descripcion {
    margin-left: 2.4rem;
}

.sh-resultados-modal__descripcion p {
    color: #121417;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.08rem;
    margin-bottom: 2.4rem;
}

.sh-resultados-modal__descripcion p strong {
    font-family: "Rubik", sans-serif;
}

.sh-resultados-modal__copy {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sh-resultados-modal__copy-link {
    color: #007EAE;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.92rem;
    position: relative;
}

.sh-resultados-modal__copy-link:focus {
    outline: 2px solid #000;
    padding: 0.3rem;
    border-radius: 0.1rem;
    outline-offset: -1px;
}

.sh-resultados-modal__copy-button {
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.95203 1.82732C7.42687 1.31921 8.10531 1 8.85714 1H18C19.5188 1 20.75 2.23122 20.75 3.75V12.8929C20.75 13.6447 20.4308 14.3231 19.9227 14.798C19.62 15.0808 19.1454 15.0647 18.8626 14.7621C18.5798 14.4595 18.5959 13.9848 18.8985 13.702C19.1158 13.499 19.25 13.2122 19.25 12.8929V3.75C19.25 3.05964 18.6904 2.5 18 2.5H8.85714C8.53782 2.5 8.25101 2.63421 8.04797 2.85149C7.76515 3.15412 7.29055 3.17019 6.98791 2.88737C6.68528 2.60455 6.66922 2.12995 6.95203 1.82732ZM3.25 6.75C3.25 5.23122 4.48122 4 6 4H15C16.5188 4 17.75 5.23122 17.75 6.75V15.75C17.75 17.2688 16.5188 18.5 15 18.5H6C4.48122 18.5 3.25 17.2688 3.25 15.75V6.75ZM6 5.5C5.30964 5.5 4.75 6.05964 4.75 6.75V15.75C4.75 16.4404 5.30964 17 6 17H15C15.6904 17 16.25 16.4404 16.25 15.75V6.75C16.25 6.05964 15.6904 5.5 15 5.5H6Z' fill='%23007EAE'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.sh-resultados-modal__copy-button:focus {
    outline: 2px solid #000;
    border-radius: 0.2rem;
    margin-bottom: 0rem;
    outline-offset: 1px;
}

.sh-resultados-modal__cta-section {
    background: #EBF9FF;
    padding: 2.4rem 3.2rem;
    background: #EBF9FF;
    border-bottom-right-radius: 1.6rem;
    border-bottom-left-radius: 1.6rem;
    text-align: center;
}

.sh-resultados-modal__cta-section p {
    color: #121417;
    text-align: center;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.92rem;
}

.sh-resultados-modal__cta-section a,
.sh-resultados-modal__cta-section button {
    color: #007EAE;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    position: relative;
    text-decoration: none;
    margin: 0;
    border: none;
    background: transparent;
    padding: 0 0 0 0.5rem;
    margin: 0px -1rem;
}

.sh-resultados-modal__cta-section a:after,
.sh-resultados-modal__cta-section button:after {
    content: "";
    position: relative;
    top: 0.6rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.6673 15L10.5007 13.7917L13.459 10.8333H3.33398V9.16667H13.459L10.5007 6.20833L11.6673 5L16.6673 10L11.6673 15Z' fill='%23007EAE'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 2.4rem 2.4rem;
    display: inline-block;
    margin-left: 0.8rem;
}

.sh-resultados-modal__cta-section a:after:focus,
.sh-resultados-modal__cta-section button:after:focus {
    outline: 2px solid #333;
    outline-offset: 2px;
    border-radius: 0.1rem;
}

.sh-resultados-modal__cta-section a:hover,
.sh-resultados-modal__cta-section button:hover {
    text-decoration: underline;
}

.sh-resultados-modal .sh-resultados-modal__modal {
    overflow: hidden;
}

.sh-resultados-modal .sh-resultados-modal__modal iframe {
    height: calc(100% - 56px);
}

.sh-resultados-modal.premium .sh-resultados-modal__modal {
    max-width: 547px;
    height: 425px;
}

@media (min-width: 395px) {
    .sh-resultados-modal.premium .sh-resultados-modal__modal {
        height: 404px;
    }
}

@media (min-width: 520px) {
    .sh-resultados-modal.premium .sh-resultados-modal__modal {
        /*height: 385px;*/
    }
}

.sh-resultados-modal.exit .sh-resultados-modal__modal {
    max-width: 38.2rem;
    height: 29.6rem;
}

.sh-resultados-modal.qr .sh-resultados-modal__modal {
    max-width: 547px;
    height: 68.5%;
}

@media (min-width: 768px) {
    .sh-resultados-modal.qr .sh-resultados-modal__modal {
        height: 406px;
    }
}

.sh-resultados-modal.error .sh-resultados-modal__modal {
    max-width: 499px;
    height: 280px;
}

.sh-resultados-modal.popupCMN .sh-resultados-modal__modal {
    max-height: 540px;
    height: 100%;
}

.sh-resultados-modal.popupCMN .sh-resultados-modal__modal iframe {
    margin-top: -30px;
}

.sh-resultados-modal .twoButtons .sh-resultados-modal__button {
    display: flex;
    justify-content: center;
    width: 100%;
}

.sh-resultados-modal__ko-description {
    display: block;
    text-align: center;
    margin-bottom: 2.4rem;
}

.sh-resultados-modal__ko-description.twoButtons button,
.sh-resultados-modal__ko-description.twoButtons a {
    width: 100%;
    margin-bottom: 1.6rem;
}

.sh-resultados-modal__ko-description.twoButtons button:focus,
.sh-resultados-modal__ko-description.twoButtons a:focus {
    outline: 2px solid black;
}

.sh-resultados-modal__icon {
    margin-bottom: 1.6rem;
}

.sh-resultados-modal__inline {
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    line-height: 2.4rem;
    text-align: center;
}

.sh-resultados-modal__inline p {
    color: #121417;
    display: inline;
    font-family: "Rubik", sans-serif;
}

.sh-resultados-modal__inline a {
    color: #007EAE;
    text-decoration: none;
    font-family: "Rubik", sans-serif;
    font-weight: 600;
}

.sh-resultados-modal__qr-description .sh-resultados-modal__ko-description {
    margin-bottom: 1.6rem;
}

.sh-resultados-modal__qr-description .sh-resultados-modal__ko-description .sh-resultados-modal__title {
    margin-bottom: 2.4rem !important;
}

.sh-resultados-modal__qr-description:focus {
    outline: 2px solid #000;
    padding: 0.3rem;
    border-radius: 0.1rem;
}

.sh-resultados-modal__button {
    display: flex;
    justify-content: center;
}

.sh-resultados-modal__button button,
.sh-resultados-modal__button a {
    position: relative;
    overflow: hidden;
    height: 47px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #007EAE;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    padding: 1.8rem 2rem;
    border: none;
    z-index: 10;
}

.sh-resultados-modal__button button::before,
.sh-resultados-modal__button a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #004A67;
    border-radius: 50px;
    z-index: -1;
    transition: height 0.3s ease-in-out;
}

.sh-resultados-modal__button button:hover,
.sh-resultados-modal__button a:hover {
    color: #FFF;
    border-color: #FFF;
    text-decoration: none;
}

.sh-resultados-modal__button button:hover::before,
.sh-resultados-modal__button a:hover::before {
    height: 100%;
}

.sh-resultados-modal__button button:active::before,
.sh-resultados-modal__button a:active::before {
    height: 100%;
    background: #002736;
}

.sh-resultados-modal__button.buttonWhite button,
.sh-resultados-modal__button.buttonWhite a {
    background: #fff;
    color: #007EAE;
    border: 2px solid #007EAF;
}

.sh-resultados-modal__button.buttonWhite button::before,
.sh-resultados-modal__button.buttonWhite a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #DEF6FF;
    border-radius: 50px;
    z-index: -1;
    transition: height 0.3s ease-in-out;
}

.sh-resultados-modal__button.buttonWhite button:hover,
.sh-resultados-modal__button.buttonWhite a:hover {
    color: #007EAE;
    border-color: #007EAE;
}

.sh-resultados-modal__button.buttonWhite button:hover::before,
.sh-resultados-modal__button.buttonWhite a:hover::before {
    height: 100%;
}

.sh-resultados-modal__button.buttonWhite button:active::before,
.sh-resultados-modal__button.buttonWhite a:active::before {
    height: 100%;
    background: #93E1FF;
}

.sh-resultados-modal__premium-description {
    margin-bottom: 3.2rem;
}

/*FIN Simulador de hipotecas - Modales*/
/* Simulador de hipotecas - Contenedor FAQS */
.sh-account-faqs {
    margin-top: 9.6rem;
}

.sh-account-faqs:not(.is-visible) {
    margin-top: 0;
}

@media (min-width: 991px) {
    .sh-account-faqs {
        margin-top: 4rem;
    }
}

/* FIN Simulador de hipotecas - Contenedor FAQS */
/* Simulador de hipotecas - Show/Hide FAQs */
.sh-disclosure-card {
    transition: height 0.5s ease;
    height: 0;
}

.sh-disclosure-card.is-visible {
    height: auto;
}

/* FIN Simulador de hipotecas - Show/Hide FAQs */
/* Simulador de hipotecas - Cabecera de progreso */
.sh-app-container {
    width: 100%;
    height: 100%;
    padding-top: 6.8rem;
}

@media (min-width: 992px) {
    .sh-app-container {
        padding-top: 0;
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .sh-app-container {
        max-width: 72rem;
    }
}

@media (min-width: 1441px) {
    .sh-app-container {
        max-width: none;
    }
}

.sh-progress-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
}

@media (min-width: 992px) {
    .sh-progress-nav {
        position: inherit;
        width: 100%;
        z-index: inherit;
    }
}

.sh-progress-nav--fill {
    flex: 1;
}

.sh-progress-nav__header {
    display: flex;
    padding: 1.3rem 1.6rem;
    align-items: center;
}

@media (min-width: 768px) {
    .sh-progress-nav__header {
        padding: 1.8rem 6rem 1.6rem 6rem;
    }
}

@media (min-width: 991px) {
    .sh-progress-nav__header {
        padding: 1.8rem 2.8rem 1.6rem 2.5rem;
    }
}

.sh-progress-nav__logo {
    flex-shrink: 0;
    margin-right: 3.2rem;
}

.sh-progress-nav__logo>svg {
    width: 4.6rem;
    height: 3.8rem;
}

.sh-progress-nav__title {
    color: var(--Neutral-800, #383D42) !important;
    font-family: "Nohemi", sans-serif;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    margin: 0;
}

.sh-progress-nav__text {
    color: #4F575E;
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.14px;
    margin-top: 0.8rem !important;
}

.sh-progress-nav__exit {
    --exit-icon: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_9520_11768)"><path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="%23000F14"/></g><defs><clipPath id="clip0_9520_11768"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.sh-progress-nav__exit button {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    font-family: "Rubik", sans-serif;
    font-size: 0;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    color: #333333;
}

.sh-progress-nav__exit button::before {
    content: "";
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    background: transparent var(--exit-icon) center center;
    background-size: 100%;
}

@media (min-width: 991px) {
    .sh-progress-nav__exit button {
        font-size: 1.6rem;
    }

    .sh-progress-nav__exit button::before {
        margin-right: 0.8rem;
    }
}

.sh-progress-nav__progressbar {
    background-color: #E3E5E8;
    width: 100%;
    height: 0.4rem;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.sh-progress-nav__progressbar-fill {
    background-color: #007EAE;
    height: 100%;
    width: 0%;
    /* Se actualizará dinámicamente */
    transition: width 0.4s ease;
    border-radius: 10px 0 0 10px;
}

/* Simulador de hipotecas - Cabecera de progreso */
.sh-form__steps {
    position: relative;
    overflow: hidden;
}

.sh-form__steps .step {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateX(-100%);
    /* posición inicial fuera a la izquierda */
    transition: transform 0.5s cubic-bezier(0.68, -0.3, 0.265, 1.2), opacity 0.5s ease;
    visibility: hidden;
    z-index: 0;
}

.sh-form__steps .step.active {
    opacity: 1;
    transform: translateX(0);
    /* entra a su posición */
    visibility: visible;
    position: relative;
    z-index: 1;
}

.sh-form__steps .step.exit-right {
    opacity: 0;
    transform: translateX(100%);
    /* sale hacia la derecha */
    visibility: hidden;
    position: absolute;
    z-index: 0;
}

.no-transition .sh-form__steps .step.active {
    transition: none;
}

.no-transition .sh-progress-nav__progressbar-fill {
    transition: none;
}

.no-transition-faq {
    display: none;
}

/*FIN Nuevo sumulador de hipotecas 2025*/


/*INICIO Nuevo sumulador planes 2025*/

/* Altura por defecto cuando NO hay etiqueta */
.sh-resultados__resultado {
    height: 200px;
}

/* Si SÍ existe .sh-resultados__etiqueta dentro, subimos la altura */
.sh-resultados__resultado:has(.sh-resultados__etiqueta) {
    height: 220px;
}

.sh-main-container .sh-form-container .sh-form section h2 {
    margin-bottom: 2.5rem;
}

.sh-main-container .sh-form-container .sh-form section p,
.sh-main-container .sh-form-container .sh-form section legend {
    margin-bottom: 0;
}

.radio-option:first-of-type {
    margin-top: 1.2rem
}

.sh-main-container .sh-form-container .sh-form section fieldset .radio-option:last-of-type .radio-label {
    margin-bottom: 0;
}

.sh-main-container .sh-form-container .sh-form section .more-info p {
    margin: 0.8rem 0 0 0;
}

.sh-main-container .sh-form-container .sh-form section .error.visible {
    margin-top: 1.2rem;
}

.sh-main-container .sh-form-container .sh-form section .error.visible:before {
    top: 48%;
}




/*  MODAL Y RELACIONADO  */
#step2 fieldset p,
#step3 fieldset p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 120%;
    padding: 2.4rem 0rem 2rem 0rem;
}

.modalpopup {
    margin: 0rem 2rem 0rem 2rem
}

.modalpopup h2 {
    font-family: "Nohemi", sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 2.9rem;
    letter-spacing: 0.9px;
    padding-bottom: 1rem;
}

.modalpopup h2 strong {
    font-family: "NohemiExtBd", sans-serif;
    font-weight: 700;
}

.sh-resultados-modal__masinfo p {
    color: #333333;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.1rem;
    /* margin-bottom: 2.4rem;
	padding: 0 3rem;*/
}

.sh-resultados-modal__masinfo p strong {
    font-weight: 800;
    font-family: "Rubik", sans-serif;
}

.sh-resultados-modal__modal iframe {
    height: auto;
}

.sh-resultados-modal__modal {
    height: auto;
    max-height: 90vh;
    /* opcional, para evitar que se salga de pantalla */
    overflow-y: auto;
}

.sh-resultados-modal.modal2 .sh-resultados-modal__modal {
    max-width: 54.7rem;
    /* height: 50rem;*/
}

@media (min-width: 344px) {
    .sh-resultados-modal.modal2 .sh-resultados-modal__modal {
        height: 59rem;
    }
}

@media (min-width: 377px) {
    .sh-resultados-modal.modal2 .sh-resultados-modal__modal {
        height: 50rem;
    }
}

@media (min-width: 390px) {
    .sh-resultados-modal.modal2 .sh-resultados-modal__modal {
        height: 49rem;
    }
}

@media (min-width: 415px) {
    .sh-resultados-modal.modal2 .sh-resultados-modal__modal {
        height: 47rem;
    }
}

@media (min-width: 465px) {
    .sh-resultados-modal.modal2 .sh-resultados-modal__modal {
        height: 42rem;
    }
}

@media (min-width: 485px) {
    .sh-resultados-modal.modal2 .sh-resultados-modal__modal {
        height: 40rem;
    }
}

@media (min-width: 578px) {
    .sh-resultados-modal.modal2 .sh-resultados-modal__modal {
        height: 45rem;
    }
}


.sh-resultados-modal.masinfo .sh-resultados-modal__modal {
    max-width: 54.7rem;
    /* height: 50rem;*/
}

@media (min-width: 344px) {
    .sh-resultados-modal.masinfo .sh-resultados-modal__modal {
        height: 49rem;
    }
}

@media (min-width: 377px) {
    .sh-resultados-modal.masinfo .sh-resultados-modal__modal {
        height: 48rem;
    }
}

@media (min-width: 390px) {
    .sh-resultados-modal.masinfo .sh-resultados-modal__modal {
        height: 43rem;
    }
}

@media (min-width: 415px) {
    .sh-resultados-modal.masinfo .sh-resultados-modal__modal {
        height: 40rem;
    }
}

@media (min-width: 485px) {
    .sh-resultados-modal.masinfo .sh-resultados-modal__modal {
        height: 39rem;
    }
}

@media (min-width: 520px) {

    /*.sh-resultados-modal.masinfo .sh-resultados-modal__modal {height: 37rem;}*/
    .modalpopup h2 {
        font-size: 3.4rem;
        line-height: 3.8rem;
    }

    .modalpopup {
        margin: 0rem 5rem 0rem 5rem
    }
}


@media (min-width: 992px) {
    .sh-main-container .sh-form-container .sh-form {
        height: 82.2rem;
        margin-bottom: 6.4rem;
    }
}

.sh-main-container .sh-form-container .sh-form section fieldset {
    margin-top: 2.5rem;
}

@media (min-width: 991px) {
    .sh-main-container .sh-form-container .sh-form section fieldset {
        margin-top: 4.6rem;
    }
}

/* BOTON FIJO STICKY RESULTADOS */
:root {
    --bottom-bar-height: 88px;
}

/* Barra fija por defecto */
.bottom-bar--planes {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;

    background: #fff;
    z-index: 1000;

    border-top: 1px solid #E3E5E8;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, .08);
}

/* Cuando llega al legal */
.bottom-bar--planes.is-stopped {
    position: absolute;
    bottom: auto;
}

/* Contenedor */
.bottom-bar--planes .container {
    min-height: var(--bottom-bar-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.6rem 0;
}

.bottom-bar__item {
    font-family: Open Sans;
    font-weight: 400;
    font-style: Regular;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0px;
    vertical-align: middle
}

.cb-button {
    border-radius: 5.6rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: 0 0;
    line-height: 1.5;
    letter-spacing: .06em;
    overflow: hidden;
    transition: height .3s;
    border: 2px solid transparent;
    display: inline-flex;
    width: auto;
    white-space: nowrap;
    gap: .8rem;
    padding: 1.6rem 3.2rem;
    font-family: Open Sans;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.cb-button--primary {
    background: #F4C00E;
    color: #212427;
    border: 1px solid #fff
}

.cb-button--primary:before {
    background-color: #e3b106
}

.cb-button--primary:hover span {
    z-index: 1;
    color: #212427
}

/* Mobile */
@media (max-width: 767px) {
    :root {
        --bottom-bar-height: 104px;
    }

    .bottom-bar--planes {
        padding-bottom: env(safe-area-inset-bottom);
    }
}

.hide-desktop {
    display: flex;
}

.hide-desktop_item {
    display: flex;
}

.hide-mobile {
    display: none;
}

.hide-mobile_item {
    display: none !important;
}

@media (min-width: 768px) {
    .hide-mobile_item {
        display: flex !important;
    }

    .hide-desktop_item {
        display: none;
    }
}

@media (min-width: 1200px) {
    .hide-mobile {
        display: flex;
    }

    .hide-desktop {
        display: none;
    }
}

/* Info tooltip / helper text */
.more-info {
    position: relative;
    display: inline-block;
    padding-left: 2rem;
    /* espai per a la icona */
    font-family: "Rubik", sans-serif;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #6b7280;
    /* gris informatiu */
}

/* Icona davant del text */
.more-info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1rem;
    /* alineació vertical fina */
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("images/info.svg");
    /* ajusta la ruta */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* Button amb comportament de button però aspecte d'enllaç */
.link-button {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    color: #007eae;
    /* mateix blau dels links */
    text-decoration: underline;
    cursor: pointer;
}

/* Hover i focus accessibles */
.link-button:hover,
.link-button:focus-visible {
    color: #004A67;
}

/* Eliminar estils natius del button */
.link-button:focus {
    /*outline: 2px solid #004A67;*/
    outline: 0;
}

.dropdown-title>a:focus {
    outline: 0;
}

.sh-resultados__faqs-group .dropdown-title h3 a:focus {
    outline: 0;
    border: 0;
}

.lt .main .lista_faqs li {
    font-size: 1.6rem;
}


/*BOTON RESULTADOS TE LLAMAMOS*/
.sh-resultados__CMN {
    color: #007EAE;
    font-family: "Rubik", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.1rem;
    position: relative;
    text-decoration: none;
    margin: 0;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0px -1rem;
}

.sh-resultados__CMN:hover {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .sh-resultados__resultado {
        height: 200px;
    }

    .sh-resultados__resultado:has(.sh-resultados__etiqueta) {
        height: 200px;
    }
}

@media (min-width: 992px) {
    .sh-resultados__final .titulo {
        font-size: 4rem;
        line-height: 5.24rem;
    }

    .sh-resultados__resultado {
        height: 248px;
    }

    .sh-resultados__resultado:has(.sh-resultados__etiqueta) {
        height: 248px;
    }

    .sh-resultados__valores {
        padding-bottom: 4.5rem;
    }

    .sh-resultados__form {
        margin: 8rem 0 3.2rem 0;
    }

    .sh-resultados__banner__title {
        max-width: 650px;
    }
}

@media (max-width: 767px) {
    .sh-resultados__banner__title {
        max-width: 500px;
    }
}

@media (min-width: 1200px) {
    .sh-resultados__banner__title {
        max-width: 650px;
    }
}

@media (max-width: 375px) {
    .container-fluid {
        padding-right: 11px;
        padding-left: 11px;
        margin-right: auto;
        margin-left: auto;
    }
}

/*FIN Nuevo sumulador planes 2025*/

/* Estilos sobreescritos */
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active:after {
    content: none;
}

.sh-resultados__cards .tabs-items-wrap {
    overflow: visible;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active,
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active:hover {
    border: none;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active {
    border-bottom: 2px solid #007eae;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title.tabs-item-title-active:after,
.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-items:after {
    content: none;
}

.tabs-items {
    display: flex;
    justify-content: center;
}

.tabs-content.article-content {
    flex-direction: column;
    justify-content: space-around;
    gap: 2.3rem;
}

@media (min-width: 768px) {
    .tabs-content.article-content {
        flex-direction: row;
    }
}

.main-tabs .tabs-contents .article-content ul li:before {
    content: "";
    position: absolute;
    left: -3.7rem;
    top: calc(50% - 0.8rem);
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_8497_868)'%3E%3Cpath d='M6.20556 10.5013L3.70356 7.99932L2.85156 8.84532L6.20556 12.1993L13.4056 4.99932L12.5596 4.15332L6.20556 10.5013Z' fill='%2300597A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8497_868'%3E%3Crect width='14.4' height='14.4' fill='white' transform='translate(0.800781 0.799805)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.6rem 1.6rem;
    z-index: 1;
    border-top: none;
    border-right: none;
    transform: none;
}

.row.tabbed {
    margin: 0;
}

.main-component {
    margin: 0;
}

.main-tabs .tabs-contents .article-content ul li {
    margin-left: 4rem;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title > p {
    font-family: "Rubik", sans-serif;
}

.tabs-item .tabs-item-title-active > p {
    font-weight: 600;
}

.article-main .tabs-group.main-component:not(.sh-tabs) .tabs-item .tabs-item-title:hover > p {
    font-weight: 600;
}

/* Spinner */
/* Si #spinner es el contenedor padre que envuelve a .loader */
#spinner {
    /* Esto hace que el contenedor flote sobre todo lo demás */
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8); /* Opcional: fondo semitransparente para tapar los cambios de atrás */
    z-index: 9999; /* Asegura que esté por encima de todo */
}

#spinner .loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #007eae;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    /* Quitamos los margins porque ahora lo centra el flexbox del padre */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}