@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
:root {
    --cyan: #20a6ff;
    --gris: #868686;
    --morado: #ad96dc;
    --amarillo: #ffb81c;
    --rosa: #e4a9bb;
    --celeste: #f3faff;
    --grisuave: #f7f7f7;
    --helvetica-light: 'HelveticaNeueLT Std';
    --helvetica-bold: 'HelveticaRounded LT Std Bd';
}
@font-face {
    font-family: 'HelveticaRounded LT Std Bd';
    src: url(./fonts/HelveticaRoundedLTStd-Bd.woff);
}
@font-face {
    font-family: 'HelveticaNeueLT Std';
    src: url(./fonts/Helvetica-Light.woff);
}
.breadCrumbBif {
    display: none;
}
.banner {
    font-family: var(--helvetica-light);
    margin-top: 115px;
}
.banner-contenido {
    max-height: 350px;
}
.banner-text {
    padding: 40px 20px 0 20px;
    text-align: center;
    max-height: 350px;
}
.titulobanner {
    color: white;
    line-height: 1.2;
    font-size: 24px !important;
    font-family: var(--helvetica-bold);
    margin-bottom: 10px;
}
.font-digital {
    color: white;
    line-height: 1.2;
    font-size: 20px;
}
.banner__imagen {
    display: flex;
    justify-content: center;
}
.banner__imagen img {
    max-width: 350px;
    width: 100%;
    height: auto;
}
.hola-eslogan {
    height: 35px;
    width: auto;
}
@media (min-width: 768px) {
    .banner {
        max-height: 350px;
    }
    .banner__imagen img {
        width: 300px;
    }
    .titulobanner {
        font-size: 35px !important;
    }
    .font-digital {
        font-size: 24px !important;
    }
}
@media (min-width: 1024px) {
    .banner-text {
        padding: 60px 0 0 0;
    }
    .banner-contenido {
        display: flex;
        height: 350px;
    }
    .banner-text {
        text-align: left;
        height: 100%;
        width: 30%;
    }
    .banner__imagen {
        width: 70%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .banner__imagen img {
        width: 100%;
        max-width: 700px;
        height: auto;
        position: absolute;
    }
}
#leasing {
    background-color: #20a6ff;
    margin-top: 0 !important;
}

#dpcts {
    background-color: #af96dc;
    background-position: left;
}
.puntos-dpcts {
    height: 15px;
}
.dpcts__imagen {
    width: 300px !important;
}
#cts-premios {
    background: #20a6ff;
}
.cts-premios-imagen {
    width: 70% !important;
    max-width: 300px !important;
}
/* estilos para el boton en premios cts */
.boton-visitado:focus {
    color: white;
}
.boton-visitado:hover {
    color: #20a6ff !important;
}
/* terminan estilos de boton para premios cts */
/* █████████████████████████████████████████RESPONSIVE████████████████████████████████████████████ */

@media (min-width: 1024px) {
    #leasing {
        margin-top: 115px !important;
    }
    #cts-premios {
        background: linear-gradient(90deg, #0d8bff -18.68%, #20a6ff 70.83%);
    }
    #cts-premios .banner__imagen {
        justify-content: flex-end;
    }
    .cts-premios-imagen {
        width: 80% !important;
        max-width: 100% !important;
    }
    #cts-premios .banner-text {
        width: 50%;
    }
    #leasing .banner-text {
        padding-top: 80px !important;
        width: 90%;
    }
    #leasing .leasing__imagen {
        bottom: -30px;
    }
    #dpcts .banner-text {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0;
    }
    #dpcts .banner__imagen {
        width: 50%;
    }
    .dpcts__imagen {
        width: 80% !important;
    }
}