section.plan-retiro h1 {
    font-family: "Roboto Regular", sans-serif !important;
    font-size: 32px
}

section.plan-retiro h2 {
    font-family: "Roboto Regular", sans-serif !important;
    font-size: 32px
}

section.plan-retiro h3 {
    font-family: "Roboto Bold", sans-serif !important;
    font-size: 16px
}

section.plan-retiro p {
    font-family: "Roboto Regular", sans-serif !important;
    font-size: 16px;
    color: #4D617C
}

section.sections-general-form-interiores {
    padding: 36px 0
}

section.sections-general-form-interiores .title-line {
    background: #2178F1;
    width: 100%;
    height: 4px;
    position: absolute;
    margin-top: 100px
}

section.sections-general-form-interiores h2 {
    background: #FFFFFF;
    font-family: "Roboto Regular", sans-serif;
    color: #2178F1;
    font-size: 32px;
    margin-top: 50px;
    margin-bottom: 20px
}

section.sections-general-form-interiores h3 {
    font-family: "Roboto Regular", sans-serif;
    font-size: 16px;
    color: #4D617C;
    margin-bottom: 35px
}

section.sections-general-form-interiores iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 440px
}


section.plan-retiro img {
    max-width: 100%
}

section.plan-retiro-banner {
    background: url("https://webserver-actinver-prd.lfr.cloud/documents/74160/3228515/bg-plan-retiro.webp/3f5bc99e-0866-a856-17ac-52faee97338e?t=1660922984128") center center;
    background-size: cover;
    padding: 100px 0
}

section.plan-retiro-banner h1 {
    font-family: "Roboto Bold", sans-serif !important;
    margin-bottom: 15px;
    color: #FFFFFF
}

section.plan-retiro-banner p {
    color: #FFFFFF;
    font-size: 24px
}

section.plan-retiro-banner .btn {
    font-family: "Roboto Regular", sans-serif;
    font-size: 16px;
    padding: 8px 41px;
    border: none;
    margin-top: 15px;
    transition: all .4s ease;
    -ms-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease
}

section.plan-retiro-futuro {
    padding: 36px 0 0 0
}

section.plan-retiro-futuro h2 {
    text-align: center
}

section.plan-retiro-futuro p {
    text-align: center
}

section.plan-retiro-futuro .card-list {
    display: flex;
    justify-content: center
}

section.plan-retiro-futuro .card-list .card-container {
    width: 25%;
    margin: 20px 15px
}

section.plan-retiro-futuro .card-list .card-container .card-icon {
    display: flex;
    flex-direction: column;
    min-height: 255px;
    border-top: 8px solid #2178F1;
    justify-content: flex-end;
    align-items: flex-start;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important
}

section.plan-retiro-futuro .card-list .card-container .card-icon img {
    max-height: 56px;
    margin: 30px 15px 15px 15px
}

section.plan-retiro-futuro .card-list .card-container .card-icon h3 {
    font-family: "Roboto Bold", sans-serif !important;
    font-size: 20px;
    color: #031E41;
    text-align: left;
    min-height: 48px;
    margin: 0 15px 15px 15px
}

section.plan-retiro-futuro .card-list .card-container .card-icon p {
    min-height: 96px;
    text-align: left;
    margin: 0 15px 15px 15px
}

section.plan-retiro-preguntas {
    padding: 36px 0 0 0
}

section.plan-retiro-preguntas h2 {
    text-align: center;
    font-family: "Roboto Regular", sans-serif !important
}

section.plan-retiro-preguntas .accordion {
    padding-top: 30px;
    padding-bottom: 30px
}

section.plan-retiro-preguntas .accordion .card {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-left: none;
    border-right: none;
    margin-bottom: 0
}

section.plan-retiro-preguntas .accordion .card .card-header {
    background: transparent
}

section.plan-retiro-preguntas .accordion .card .card-header h3 {
    color: #031E41
}

section.plan-retiro-preguntas .accordion .card .card-header h3 button {
    font-family: "Roboto Bold", sans-serif !important;
    color: #031E41;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-between
}

section.plan-retiro-preguntas .accordion .card .card-header h3 button.collapsed .arrow {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
}

section.plan-retiro-preguntas .accordion .card .card-header h3 button .arrow {
    background: url("https://webserver-actinver-prd.lfr.cloud/documents/74160/2909936/ico-arrow.svg/42a926d3-1b00-35d8-7164-d783d003ddb2?t=1652277933313") center center no-repeat;
    width: 19px;
    height: 10px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: all .4s ease;
    -ms-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease
}

section.plan-retiro-preguntas .accordion .card .card-body {
    padding: 30px 60px
}

section.plan-retiro-preguntas .accordion .card .card-body p {
    font-size: 16px;
    color: #4D617C
}

section.plan-retiro-preguntas .accordion .card .card-body p a {
    font-family: "Roboto Bold", sans-serif !important;
    color: #2178F1
}


section.plan-retiro-terminos {
    padding: 36px 0
}

section.plan-retiro-terminos h2 {
    font-family: "Roboto Regular", sans-serif !important;
    margin-bottom: 30px;
    text-align: center
}

section.plan-retiro-terminos p {
    font-size: 14px;
    text-align: center
}


@media screen and (max-width: 768px) {
    section.plan-retiro-futuro .card-list {
        display:flex;
        overflow: auto;
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
        -moz-scroll-snap-type: x mandatory;
        -webkit-scroll-snap-type: x mandatory
    }

    section.plan-retiro-futuro .card-list .card-container {
        padding: 0 20px;
        margin: 20px 0;
        min-width: 80%;
        scroll-snap-align: start;
        -moz-scroll-snap-align: start;
        -webkit-scroll-snap-align: start
    }
}