:root{
    --Color-Rojo:#ed1c27;
    --Color-Rojo-Oscuro:#c2161f;
    --Color-Txt:#707070;
    --Color-Blanco: #ffffff;
    --Color-Background:#FAFAFA;
    --Color-Background2:#F0F0F3;
    --Color-Gris: #f9f9f9;
    --Color-Footer: #f4f4f4;
    --Color-Linea-Avisos:#A0A0A0;
    --Color-Ecoautos:#5C8F01;
    --Color-Negro:#2d2d2d;
}

/* Reset */
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    color: var(--Color-Txt);
    scroll-behavior: smooth;
    font-family: "Roboto Condensed", sans-serif;
}

/*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/

/* ----------------------- */
/* ------- LEGALES ------- */
/* ----------------------- */

.lemotive{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 7%;
    z-index: 150;
}
.legal{
    position: fixed;
    top: 100px;
    right: 20px;
    width: 15px;
    z-index: 3;
}
.vertical-text {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    white-space: nowrap;
    font-size: 0.6rem;
    color: var(--Color-Negro);
    padding: 10px 2px; /* Espaciado interior */
    background-color: var(--Color-Blanco); /* Fondo del texto */
    border-radius: 8px; /* Borde redondeado */
    font-weight: 400;
}

.consultantBtn{
    position: fixed;
    bottom: 30px;
    right: 10px;
    width: 80px;
    height: 80px;
    z-index: 3;
    transition: transform 0.3s ease;
}
.consultantBtn:hover{
    transform: scale(1.2,1.2);
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.140));
}

.botonVolver {
    position: fixed;
    bottom: 130px;
    right: 0px;
    width: 40px;
    height: 40px;
    background-color: var(--Color-Gris);
    color: var(--Color-Txt);
    border: none;
    border-radius: 10px 0px 0px 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    z-index: 1000;
    opacity: 0.3;
    display: none;
    transition: opacity 0.3s ease;
}
.botonVolver:hover {
    opacity: 1;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.140);
}

/* ------------------------ */
/* ----- END LEGALES ------ */
/* ------------------------ */

body{
    background-image: url(../img/Rpx59-cb99e5b6-90e6-4d61-8c94-aea02c66ced6_background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.w-100{
    width: 100%;
}
.centrar{
    display: flex;
    justify-content: center;
    align-items: center;
}
.red{
    color: var(--Color-Rojo);
}

a{
    cursor: pointer;
}
a:hover{
    cursor: pointer;
    text-decoration: none;
}

/* ----------------------- */
/* -------- MENU --------- */
/* ----------------------- */

.botonAbrir {
    background-color: var(--Color-Background);
    color: var(--Color-Rojo);
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 20px;
    border: 1px solid var(--Color-Rojo);
    border-radius: 15px;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 150;
    transition: display 0.3s ease;
}
.botonAbrir i{
    color: var(--Color-Rojo);
    margin-right: 5px;
}
.botonCerrar {
    background-color: var(--Color-Background);
    color: var(--Color-Rojo);
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 20px;
    border: 1px solid var(--Color-Rojo);
    border-radius: 10px;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    display: none;
    transition: display 0.3s ease;
}
.botonCerrar i{
    color: var(--Color-Rojo);
    margin-right: 5px;
}
.botonAbrir:hover, .botonCerrar:hover{
    background-color: var(--Color-Footer);
    color: var(--Color-Rojo-Oscuro);
    
}
.botonAbrir:hover i, .botonCerrar:hover i{
    color: var(--Color-Rojo-Oscuro);
    
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 999;
}
#menu {
    position: fixed;
    top: 0;
    right: -40%;
    width: 40%;
    height: 100%;
    background-color: var(--Color-Blanco);
    z-index: 9998;
    transition: right 0.3s ease;
}
#menu.active {
    right: 0;
}
#menu a {
    text-decoration: none;
}
#menu ul {
    list-style: none;
    padding: 0;
    margin: 20px;
    width: 80%;
}
#menu li {
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding: 5px;
    border-bottom: 1px solid #e6e6e6;
    font-style: italic;
}
#menu li:hover {
    color: var(--Color-Negro);
    
}

/*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/

/************************************/
/************** HOME ****************/
/************************************/

.inicio{
    margin: 30px auto 0px auto;
    text-align: center;
}
.fondoEjemplo{
    background-image: url(../img/rwVmZ-59ea22b5-ced4-4a01-ba1b-91c5dde0aa28_background-inicio.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.inicio .logoDavivienda{
    margin: 50px auto 20px auto;
}
.inicio .categorias{
    background-color: var(--Color-Blanco);
    border-radius: 30px;
    padding: 30px 20px 0px 20px;
    margin: 20px auto;
}
.inicio .categorias h2{
    font-size: 1.6rem;
    margin-bottom: 10px;
}

/*******************************/
/******** CARRUSEL HOME ********/

.inicio .categorias .carruselCategorias .swiper{
    width: 100%;
    height: 100%;
    padding: 30px;
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide{
    padding: 20px 20px 10px 20px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
    border-radius: 40px;
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide a{
    text-decoration: none;
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide .icono{
    display: flex;
    justify-content: start;
    margin-bottom: 100px;
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide .icono div {
    background-color: var(--Color-Blanco);
    border-radius: 100%;
    width: 45px;
    height: 45px;
    font-size: 1.3rem;
    justify-content: center;
    align-content: center;
    text-decoration: none;
    transition: transform 0.3s ease;
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide .icono div i{
    color: var(--Color-Txt);
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide .icono img{
    width: 25%;
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide h1{
    text-align: start;
    color: var(--Color-Blanco);
    font-weight: bold;
    font-style: italic;
    font-size: 2rem;
    line-height: 2.3rem;
    margin-bottom: 10px;
    text-transform: uppercase;
    transition: color 0.3s ease;
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide:hover h1 {
    color: transparent;
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide .flecha{
    display: flex;
    justify-content: end;
    margin: 0px;
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide .flecha div {
    background-color: var(--Color-Blanco);
    border: 1px solid var(--Color-Rojo);
    border-radius: 100%;
    width: 35px;
    height: 35px;
    font-size: 1.8rem;
    justify-content: center;
    align-content: center;
    transform: rotate(-50deg);
    text-decoration: none;
    transition: transform 0.3s ease;
}
.inicio .categorias .carruselCategorias .swiper .swiper-slide .flecha div i{
    color: var(--Color-Rojo);
}
.inicio .categorias .carruselCategorias .swiper-button-next, .inicio .categorias .carruselCategorias .swiper-button-prev{
    width: auto;
}
.inicio .categorias .carruselCategorias .swiper-button-next .button-next, .inicio .categorias .carruselCategorias .swiper-button-prev .button-prev{
    background-color: var(--Color-Blanco);
    border: 1px solid var(--Color-Rojo);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 10px;
}
.inicio .categorias .carruselCategorias .swiper-button-next .button-next:hover, .inicio .categorias .carruselCategorias .swiper-button-prev .button-prev:hover{
    background-color: #e6e6e6;
    border: 1px solid var(--Color-Rojo-Oscuro);
}
.inicio .categorias .carruselCategorias .swiper-button-next .button-next i, .inicio .categorias .carruselCategorias .swiper-button-prev .button-prev i{
    font-size: 2rem;
    color: var(--Color-Rojo);
}
.inicio .categorias .carruselCategorias .swiper-button-next .button-next:hover i, .inicio .categorias .carruselCategorias .swiper-button-prev .button-prev:hover i{
    font-size: 2rem;
    color: var(--Color-Rojo-Oscuro);
}

/******************************/
/* FONDOS CARDS CARRUSEL HOME */

.inicio .categorias .carruselCategorias .swiper .vivienda{
    background-image: url(../img/x7BsJ-f2c9eaab-a8c3-4455-ad3b-e02a452e4f39_background-vivienda-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 40px;
    transition: transform 0.3s ease;
}
.inicio .categorias .carruselCategorias .swiper .vivienda:hover{
    transform: rotate(5deg);
    background-image: url(../img/G8DkF-88597a87-8e98-42dc-84bb-007b59bbbd1d_background-vivienda.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.inicio .categorias .carruselCategorias .swiper .auto{
    background-color: transparent;
    background-image: url(../img/ojOLY-27c5072a-180a-4185-bb87-4a6882381ad4_background-auto2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease;
}
.inicio .categorias .carruselCategorias .swiper .auto:hover{
    transform: rotate(-5deg);
    background-image: url(../img/MBtaQ-79fe71da-62da-46ee-b666-258d120a0abc_background-auto.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.inicio .categorias .carruselCategorias .swiper .prestamo{
    background-image: url(../img/ZAiNP-244c920c-8714-4c2c-95d0-bda2dda7c4ba_background-prestamo-personal2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease;
}
.inicio .categorias .carruselCategorias .swiper .prestamo:hover{
    transform: rotate(5deg);
    background-image: url(../img/7DkM9-020769ec-ae3f-41a2-a2fe-76e5abf5faff_background-prestamo-personal.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.inicio .categorias .carruselCategorias .swiper .ahorro{
    background-image: url(../img/kmZRf-e7ecd184-07b0-4eca-8708-95d7d30db297_background-productos-ahorro2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease;
}
.inicio .categorias .carruselCategorias .swiper .ahorro:hover{
    transform: rotate(-5deg);
    background-image: url(../img/sNnFy-1b8d55ce-3965-44be-b404-50035c07dae8_background-productos-ahorro.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*****************************/
/****** SECCION 2 HOME *******/
.inicio2{
    background: linear-gradient(var(--Color-Background), var(--Color-Background2));
    text-align: center;
    border-radius: 80px 80px 0px 0px;
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.054);
}
.inicio2 h1{
    margin: 50px auto 30px auto;
    font-style: italic;
    font-size: 2.8rem;
    font-weight: bold;
    text-transform: uppercase;
}
.inicio2 h3{
    border: 2px solid var(--Color-Rojo);
    border-style: dotted;
    border-radius: 10px;
    margin-bottom: 50px;
    font-size: 1.6rem;
    padding: 5px 0px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--Color-Rojo);
}
.inicio2 .productos a{
    text-decoration: none;
}
.inicio2 .productos .producto{
    background-color: var(--Color-Blanco);
    display: flex;
    justify-content: center;
    padding: 20px 20px 0px 20px;
    border-radius: 40px;
    margin: 10px;
}
.inicio2 .productos .producto .imagen{
    margin-right: 20px;
    margin-top: 30px;
    display: flex;
    flex-direction: column-reverse;
}
.inicio2 .productos .producto .imagen img{
    width: 120%;
}
.inicio2 .productos .producto .textos{
    text-align: left;
}
.inicio2 .productos .producto .textos h2{
    font-size: 2rem;
    line-height: 2.3rem;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}
.inicio2 .productos .producto .textos p{
    font-size: 1rem;
    line-height: 1.3rem;
    font-weight: 300;
}
.inicio2 .productos .producto .flecha{
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column-reverse;
    margin-bottom: 10px;
}
.inicio2 .productos .producto .flecha a{
    background-color: var(--Color-Blanco);
    border: 1px solid var(--Color-Rojo);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    font-size: 3rem;
    justify-content: center;
    align-content: center;
    transform: rotate(-50deg);
    text-decoration: none;
    transition: transform 0.3s ease;
}
.inicio2 .productos .producto .flecha a:hover{
    background-color: var(--Color-Rojo);
    
    transform: rotate(-90deg);
}
.inicio2 .productos .producto .flecha a:hover i{
    color: var(--Color-Blanco);
}
.inicio2 .productos .producto .flecha a i{
    color: var(--Color-Rojo);
    font-weight: bold;
}
.inicio2 .aviso{
    border: 1px solid var(--Color-Linea-Avisos);
    background-color: var(--Color-Blanco);
    border-radius: 20px;
    margin: 50px auto;
    padding: 20px;
}
.inicio2 .aviso h4{
    font-size: 1rem;
    line-height: 1.3rem;
    font-style: italic;
    font-weight: 300;
}

/*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/

/***********************************/
/*********** PRODUCTOS *************/
/***********************************/

.seccion1 {
    position: relative;
    margin-top: 30px;
}
.seccion1 .flechaInicio{
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.seccion1 h1{
    padding-left: 50px;
    font-size: 6rem;
    line-height: 5.5rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.seccion1 h2{
    padding-left: 50px;
    color: var(--Color-Rojo);
    text-transform: uppercase;
    text-align: center;
    border: 2px solid var(--Color-Rojo);
    border-style: dotted;
    border-radius: 20px;
    font-size: 1.8rem;
    line-height: 2.1rem;
    padding: 10px;
    margin-bottom: 30px;
}
.seccion1 .expoconstruccion{
    background-image: url(../img/9gwg9-0df2680a-d5ec-468e-92d1-01d8ca07ad03_fondo-expoconstruccion.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -180px;
}
.seccion1 .logoFeria {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
    padding-top: 80px;
}
.seccion1 .logoFeria img{
    width: 30%;
}
.seccion1 .carrusel .bntsswipper{
    display: flex;
    justify-content: center;
    align-items: center;
}
.seccion1 .carrusel .bntsswipper .button-next, .seccion1 .carrusel .bntsswipper .button-prev{
    background-color: var(--Color-Blanco);
    border: 1px solid var(--Color-Rojo);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 10px;
}
.seccion1 .carrusel .bntsswipper .button-next:hover, .seccion1 .carrusel .bntsswipper .button-prev:hover{
    background-color: #e6e6e6;
    border: 1px solid var(--Color-Rojo-Oscuro);
}
.seccion1 .carrusel .bntsswipper .button-next i, .seccion1 .carrusel .bntsswipper .button-prev i{
    font-size: 2rem;
    color: var(--Color-Rojo);
}
.seccion1 .carrusel .bntsswipper .button-next:hover i, .seccion1 .carrusel .bntsswipper .button-prev:hover i{
    font-size: 2rem;
    color: var(--Color-Rojo-Oscuro);
}
.seccion1 .carrusel .glide__track .glide__slides{
    padding: 30px 0px;
}
.seccion1 .carrusel .glide__track .glide__slides a{
    text-decoration: none;
}
.seccion1 .carrusel .glide__track .glide__slide{
    background-color: var(--Color-Blanco);
    border-radius: 20px;
    transition: transform 0.3s ease;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.083);
}
.seccion1 .carrusel .glide__track .glide__slide:hover{
    transform: translateY(-10px);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.083);
}
.seccion1 .carrusel .glide__track .glide__slide .contenido{
    display: flex;
}
.seccion1 .carrusel .glide__track .glide__slide .contenido .imagen{
    display: flex;
    justify-content: center;
    align-items: end;
}
.seccion1 .carrusel .glide__track .glide__slide .contenido .imagen img{
    width: 90%;
}
.seccion1 .carrusel .glide__track .glide__slide .contenido .texto{
    text-align: center;
    margin-top: 15px;
}
.seccion1 .carrusel .glide__track .glide__slide .contenido .texto h3{
    font-size: 1.5rem;
    line-height: 1.8rem;
    text-transform: uppercase;
}
.seccion1 .carrusel .glide__track .glide__slide .contenido .texto .icon i{
    font-size: 1.8rem;
}
.seccion1 .imgSeccion1{
    padding: 0%;
}
/*****************************/
/**** SECCION 2 PRODUCTOS ****/

/******** PRODUCTO 1 ********/
.seccion2{
    background: linear-gradient(var(--Color-Background), var(--Color-Background2));
    border-radius: 50px 50px 0px 0px;
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.054);
    margin-top: -40px;
}
.seccion2 .producto1{
    text-align: left;
    margin-right: 70px;
    margin-top: 50px;
}
.seccion2 .producto1 h1{
    font-size: 3rem;
    line-height: 3.3rem;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 30px;
}
.seccion2 .producto1 h2{
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin-bottom: 20px;
    font-weight: 400;
}
.seccion2 .producto1 p{
    font-size: 1.3rem;
}
.seccion2 .producto1 h2 b{
    font-style: italic;
    font-weight: 500;
}
.seccion2 .producto1 h3{
    font-size: 2rem;
    font-weight: bold;
    color: var(--Color-Rojo);
    margin-bottom: 20px;
}
.seccion2 .producto1 .beneficios{
    margin-bottom: 30px;
    display: flex;
    justify-content: start;
}
.seccion2 .producto1 .beneficios p{
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.2rem;
}
.seccion2 .producto1 .beneficios p a{
    color: var(--Color-Rojo);
    text-decoration: underline;
}
.seccion2 .producto1 .beneficios p a:hover{
    color: var(--Color-Rojo-Oscuro);
}
.seccion2 .producto1 .beneficios .beneficio{
    background-color: var(--Color-Footer);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-inline: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.seccion2 .producto1 .beneficios .beneficio .icon{
    margin-right: 10px;
}
.seccion2 .producto1 .beneficios .beneficio .icon img{
    width: 36px;
}
.seccion2 .producto1 .beneficios .beneficio .txt p{
    font-size: 1rem;
    line-height: 1.2rem;
    margin: 0px;
    text-align: left;
}
.seccion2 .producto1 .beneficios .beneficio .txt p b{
    font-style: italic;
}
.seccion2 .producto1 .beneficios .beneficio .txt p a{
    color: var(--Color-Rojo);
    text-decoration: underline;
}
.seccion2 .producto1 .beneficios .beneficio .txt p a:hover{
    color: var(--Color-Rojo-Oscuro);
    text-decoration: underline;
}
/******** PRODUCTO 2 ********/
.seccion2 .producto2{
    text-align: left;
    margin-left: 70px;
    margin-top: 50px;
}
.seccion2 .producto2 h1{
    font-size: 3rem;
    line-height: 3.3rem;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 30px;
}
.seccion2 .producto2 h2{
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-bottom: 20px;
    font-weight: 400;
}
.seccion2 .producto2 h2 b{
    font-style: italic;
    font-weight: 500;
}
.seccion2 .producto2 h3{
    font-size: 2rem;
    font-weight: bold;
    color: var(--Color-Rojo);
    margin-bottom: 20px;
}
.seccion2 .producto2 p{
    font-size: 1.8rem;
}
.seccion2 .producto2 .beneficios{
    margin-bottom: 20px;
    display: flex;
    justify-content: start;
}
.seccion2 .producto2 .beneficios p{
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.2rem;
}
.seccion2 .producto2 .beneficios .beneficio{
    background-color: var(--Color-Footer);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-inline: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.seccion2 .producto2 .beneficios .beneficio .icon{
    margin-right: 10px;
}
.seccion2 .producto2 .beneficios .beneficio .icon img{
    width: 36px;
}
.seccion2 .producto2 .beneficios .beneficio .txt p{
    font-size: 1rem;
    line-height: 1.2rem;
    margin: 0px;
    text-align: left;
}
.seccion2 .producto2 .beneficios .beneficio .txt p b{
    font-style: italic;
}
.seccion2 .producto2 .beneficios .beneficio .txt p a{
    color: var(--Color-Rojo);
    text-decoration: underline;
}
.seccion2 .producto2 .beneficios .beneficio .txt p a:hover{
    color: var(--Color-Rojo-Oscuro);
    text-decoration: underline;
}
/******** LEGALES ********/
.legales{
    text-align: center;
    margin: 70px 0px;
    background-color: var(--Color-Blanco);
    padding: 30px;
    border-radius: 30px;
    border: 1px solid var(--Color-Rojo);
}
.legales p{
    font-size: 0.8rem!important;
    margin: 0px!important;
    line-height: 1.2rem;
    font-weight: 300;
}
.legales p a{
    color: var(--Color-Rojo);
    text-decoration: underline;
}
.legales p a:hover{
    color: var(--Color-Rojo-Oscuro);
}


.solicitud{
    background-color: var(--Color-Blanco);
    border-radius: 30px;
    display: flex;
    margin-bottom: 50px;
    text-align: center;
}
.solicitud .imagen{
    display: flex;
    justify-content: center;
    align-items: end;
    margin: 0px 20px;
}
.solicitud .imagen img{
    width: 100%;
}
.solicitud .solicitudes{
    display: flex;
    flex-direction: column;
}
.solicitud .solicitudes .asesoria{
    background-color: var(--Color-Rojo);
    border-radius: 20px;
    padding: 10px 10px 20px 10px;
    margin: 50px 0px 20px 0px;
}
.solicitud .solicitudes .asesoria .icon{
    margin-top: -30px;
    transform: rotate(5deg);
    margin-bottom: 10px;
}
.solicitud .solicitudes .asesoria .icon i{
    background-color: var(--Color-Blanco);
    font-size: 2rem;
    color: var(--Color-Rojo);
    border: 1px solid var(--Color-Rojo);
    padding: 10px 15px;
    border-radius: 100%;
}
.solicitud .solicitudes .asesoria .text p{
    color: var(--Color-Blanco);
    font-size: 1.3rem;
    line-height: 1.6rem;
    margin: 0px;
}
.solicitud .solicitudes .asesoria .text p a{
    text-decoration: underline;
    color: var(--Color-Blanco);
}
.solicitud .solicitudes .asesoria .text p a:hover{
    color: var(--Color-Footer);
}
.solicitud .solicitudes .documentos{
    background-color: var(--Color-Gris);
    border-radius: 20px;
    padding: 20px 10px 10px 10px;
    margin: 20px 0px 50px 0px;
}
.solicitud .solicitudes .documentos .text p{
    color: var(--Color-Txt);
    font-size: 1.3rem;
    line-height: 1.6rem;
    margin-bottom: 10px;
    padding: 0px 10px;
}
.solicitud .solicitudes .documentos .btn{
    margin-bottom: -30px;
    margin-top: 10px;
}
.solicitud .solicitudes .documentos .btn a{
    background-color: var(--Color-Rojo);
    padding: 8px 30px;
    font-size: 1.4rem;
    color: var(--Color-Blanco);
    font-weight: bold;
    letter-spacing: 1px;
    font-style: italic;
    border-radius: 20px;
    text-transform: uppercase;
}
.solicitud .solicitudes .documentos .btn a i{
    color: var(--Color-Blanco);
}
.solicitud .solicitudes .documentos .btn a:hover{
    background-color: var(--Color-Rojo-Oscuro);
    text-decoration: none;
}

/**************************/
/******** VIVIENDA ********/
/**************************/

#floatingBtn {
    font-family: myriad-pro-condensed, sans-serif;
    position: fixed;
    bottom: -1px;
    Left: 5px;
    font-size: 1.2rem;
    z-index: 2;
    background-color: var(--Color-Blanco);
    color: var(--Color-Rojo);
    border: none;
    padding: 5px 20px;
    border: 2px solid var(--Color-Rojo);
    border-bottom: 1px solid transparent;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer;
}
#floatingBtn i{
    color: var(--Color-Rojo);
}
#floatingBtn:hover {
    background-color: var(--Color-Rojo-Oscuro);
    color: var(--Color-Blanco);
    border: 1px solid transparent;
    cursor: pointer;
}
#floatingBtn:hover i{
    background-color: var(--Color-Rojo-Oscuro);
    color: var(--Color-Blanco);
    border: 1px solid transparent;
    cursor: pointer;
}
#floatingBtn.hide {
    display: none;
}

.imgVivienda1{
    background-image: url(../img/hfuFE-f08a089c-c4ff-42ce-aca2-c3d9f8438d7c_imagen-credito-hipotecario.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left 30%;
    border-radius: 80px 0px 0px 80px;
    margin-top: 50px;
}
.imgVivienda2{
    background-image: url(../img/3UDL1-b6d1a4d5-bd05-4200-bd30-01463d4bc75a_imagen-credito-hipotecario-deduccion-planilla.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right 45%;
    border-radius: 0px 80px 80px 0px;
    margin-top: 50px;
}

.seccion2 .seccionPodcast{
    margin: 0px 80px;
}
.seccion2 .seccionPodcast .encabezadoPodcast{
    display: flex;
    justify-content: center;
    align-items:center ;
    margin-bottom: 30px;
    margin-top: 50px;
}
.seccion2 .seccionPodcast .encabezadoPodcast h2{
    font-size: 2rem;
    font-weight: bold;
}
.seccion2 .seccionPodcast .encabezadoPodcast h2 span{
    font-size: 3rem;
}
.seccion2 .seccionPodcast .encabezadoPodcast h2 span{
    color: var(--Color-Rojo);
    font-style: italic;
}
.seccion2 .seccionPodcast .bodyPodcast{
    margin-bottom: 50px;
}
.seccion2 .seccionPodcast .bodyPodcast .cardVideo{
    background-color: var(--Color-Blanco);
    padding: 30px 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px;
    align-items: center;
}
.seccion2 .seccionPodcast .bodyPodcast .cardVideo .video iframe{
    border-radius: 10px;
    width: 400px;
    height: 200px;
}
.seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo{
    padding: 0px 30px;
    margin: 10px 0px;
}
.seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo h5{
    font-weight: 100;
}
.seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo h3{
    font-weight: bold;
    text-align: justify;
}
.seccion2 .seccionPodcast .bodyPodcast .listVideos{
    background-color: var(--Color-Blanco);
    padding: 30px 10px;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    align-items: center;
    flex-direction: column;
    height: 430px;
    overflow-y: auto; 
}
.seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion{
    height: 400px;
    overflow-y: auto; 
}
.seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion .itemVideo{
    display: flex;
    justify-content: center;
    border-radius: 20px;
    align-items: center;
    padding: 10px 0px;
    margin: 5px 0px;
}
.seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion .itemVideo:hover{
    background-color: var(--Color-Footer);
}
.seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion .itemVideo .itemImg{
    width: 40%;
    display: flex;
    justify-content: center;
}
.seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion .itemVideo .itemImg img{
    width: 80%;
    border-radius: 10px;
}
.seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion .itemVideo .itemText{
    width: 60%;
}
.seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion .itemVideo .itemText h4{
    font-size: 1rem;
}
.seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion .itemVideo .itemText h5{
    font-size: 0.8rem;
    margin-bottom: 5px;
    font-weight: 200;
}

.seccion2 .proyectosHipotecarios{
    background-image: url(../img/MushU-6d5d178e-9b36-4492-ac09-77ef064a98a7_background-pared.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 60vh;
}
.seccion2 .proyectosHipotecarios .infoProyectos{
    background-image: url(../img/9cles-f435700f-82d9-49e3-a4b8-7561f45fd96f_background-info-proyectos.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0px;
    border-radius: 30px;
    text-align: center;
}
.seccion2 .proyectosHipotecarios .infoProyectos h3{
    color: var(--Color-Blanco);
    margin-bottom: 50px;
    font-size: 1.5rem;
    padding: 0px 50px;
}
.seccion2 .proyectosHipotecarios .infoProyectos a{
    color: var(--Color-Blanco);
    background-color: var(--Color-Rojo);
    padding: 10px 50px;
    font-size: 1.4rem;
    border-radius: 30px;
    font-style: italic;
    letter-spacing: 1px;
    font-weight: bold;
}
.seccion2 .proyectosHipotecarios .infoProyectos a:hover{
    text-decoration: none;
    background-color: var(--Color-Rojo-Oscuro);
}


/****** CARRUSEL VIVIENDAS ******/

.properties{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.slider-property{
    display: block;
    width: 46%;
}
.info-property{
    display: block;
    width: 46%;
}
.list-property-ul{
    list-style: none;
}
.list-property-ul h4{
    margin: 0;
    font-size: 1.6rem;
    font-style: italic;
}
.list-property-ul p{
    margin: 0;
}
.properties .carousel-control-next, .properties .carousel-control-prev{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    top: 40%;
}
.btn_redBG{
    position: relative;
    background-color: var(--Color-Rojo);
    border-radius: 40px;
    font-size: 1.125em;
    font-style: italic;
    font-weight: 600;
    color: var(--Color-Blanco);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.06em;
    padding: 10px 40px 10px 40px;
    display: inline-block;
    cursor: pointer;
}
.properties{
    justify-content: center;
}
/****** END CARRUSEL VIVIENDAS ******/
.seccion2 .seguros{
    margin-top: 50px;
    text-align: center;
}
.seccion2 .seguros h1{
    font-size: 3rem;
    color: var(--Color-Rojo);
    font-weight: bold;
    font-style: italic;
    margin: 0px;
}
.seccion2 .seguros h2{
    font-size: 2.2rem;
    color: var(--Color-Txt);
    font-weight: bold;
    font-style: italic;
}
.seccion2 .seguros .linea{
    display: flex;
    justify-content: center;
    margin: 0px;
}
.seccion2 .seguros .linea hr{
    border: 2px solid var(--Color-Rojo);
    margin: 0px 0px 50px 0px;
    border-radius: 30px;
    width: 40%;
}
.seccion2 .seguro{
    margin-top: 30px;
    padding: 50px 0px;
    text-align: center;
}
.seccion2 .seguro .cadaSeguro{
    margin: 0px 10px;
}
.seccion2 .seguro .cadaSeguro .imagen{
    display: flex;
    justify-content: center;
    margin-top: -100px;
    margin-bottom: 10px;
}
.seccion2 .seguro .cadaSeguro .imagen img{
    width: 45%;
}
.seccion2 .seguro .cadaSeguro{
    background-color: var(--Color-Blanco);
    border-radius: 30px;
    padding: 30px 10px;
}
.seccion2 .seguro .cadaSeguro h3{
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0px 50px;
}
.seccion2 .seguro .cadaSeguro hr{
    border: 0.5px solid var(--Color-Rojo);
}
.seccion2 .seguro .cadaSeguro p{
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 0px 10px;
}
.seccion2 .seguro .cadaSeguro ul{
    text-align: left;
    margin-left: 30px;
    padding: 0px 20px;
}

.seccion2 .dudas{
    background-color: var(--Color-Blanco);
    padding: 30px 10px;
    margin-bottom: 50px;
    border-radius: 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.048);
    text-align: center;
}
.seccion2 .dudas h1{
    color: var(--Color-Rojo);
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.seccion2 .dudas h2{
    margin-bottom: 20px;
    font-size: 1.5rem;
    font-weight: 500;
}
.seccion2 .dudas .btn{
    margin: 20px 0px 0px 0px;
}
.seccion2 .dudas .btn a{
    background-color: var(--Color-Rojo);
    padding: 10px 30px;
    border-radius: 20px;
    font-size: 1.6rem;
    color: var(--Color-Blanco);
    letter-spacing: 1px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
}
.seccion2 .dudas .btn a:hover{
    background-color: var(--Color-Rojo-Oscuro);
}
.seccion2 .dudas .btn a i{
    color: var(--Color-Blanco);
}

/**********************/
/****** VEHICULO ******/
/**********************/

.imgVehiculo1{
    background-image: url(../img/Iyjg2-f0982f5f-a459-4ccb-afff-2bef94f4540c_imagen-credito-auto.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left 70%;
    border-radius: 80px 0px 0px 80px;
    margin-top: 50px;
}
.imgVehiculo2{
    background-image: url(../img/6s3Ly-8c1a5009-8be2-4cb1-b967-cd4a251c2c7a_imagen-credito-auto-deduccion-planilla.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right 45%;
    border-radius: 0px 80px 80px 0px;
    margin-top: 50px;
}
.seccion2 .seleccionCarros{
    background-image: url(../img/ZXayo-43b13713-bdad-43b1-9958-63bb61a7f001_background-seleccion-vehiculo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 50px;
    text-align: center;
}
.seccion2 .seleccionCarros .img{
    display: flex;
    justify-content: center;
    margin-top: -50px;
    margin-bottom: 30px;
}
.seccion2 .seleccionCarros .img img{
    width: 40%;
}
.seccion2 .seleccionCarros h1{
    font-size: 3.5rem;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 30px;
    color: var(--Color-Blanco);
    
}
.seccion2 .seleccionCarros h3{
    font-size: 1.5rem;
    margin-bottom: 30px;
    color: var(--Color-Blanco);
}
.seccion2 .seleccionCarros .btn{
    margin-bottom: 30px;
}
.seccion2 .seleccionCarros .btn a{
    color: var(--Color-Blanco);
    background-color: var(--Color-Rojo);
    padding: 10px 50px;
    font-size: 1.8rem;
    border-radius: 30px;
    font-style: italic;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 50px;
    text-decoration: none;
}
.seccion2 .seleccionCarros .btn a:hover{
    background-color: var(--Color-Rojo-Oscuro);
}

/****** CARRUSEL AUTOS ******/
.container-scroll {
    background-color: var(--Color-Background);
}
.slide>img {
    width: 120px;
    margin: 20px 40px 30px;
    mix-blend-mode: multiply;
}
.slide>a>img {
    width: 120px;
    margin: 20px 40px 30px;
    mix-blend-mode: multiply;
}
.slide>a {
    background-color: var(--Color-Rojo);
}
.carousel-marcas {
    background-color: var(--Color-Blanco);
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
    z-index: 10;
}
.slick-dots {
    bottom: 20px;
}
.slick-dots li button:before {
    font-size: 25px;
}
.slick-dots li {
    width: 10px;
    height: 10px;
}
.titulo-marca {
    font-size: 2em !important;
    font-style: italic;
    margin: 0;
    color: var(--Color-Rojo);
    font-weight: bold;
}
.banner-carousel {
    margin-top: -50px;
}
.logo-banner {
    position: absolute;
    right: 0;
    top: 48px;
    left: 0;
    z-index: 8;
    width: 200px;
    margin: 0 auto;
    background-color: var(--Color-Blanco);
    border-radius: 0 0 10px 10px;
}
.logo-banner>img {
    padding: 10px 30px;
    width: 240px;
}
.carousel-indicators li {
    width: 18px;
    height: 7px;
    margin-top: -20px;
    margin-left: 10px;
    margin-right: 10px;
}
.filtro-negro {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    opacity: .7;
    transition: opacity .15s ease;
    background-color: #000;
}
.carousel-item {
    height: 420px;
    background-size: cover;
    background-position: center;
}
.carousel-item:nth-child(1) {
    background-image: url(img/c-po-01.jpg);
}
.carousel-item:nth-child(2) {
    background-image: url(img/c-po-02.jpg);
}
.carousel-item:nth-child(3) {
    background-image: url(img/c-po-03.jpg);
}
.p-carousel {
    color: var(--Color-Blanco);
    margin-bottom: 10px;
    font-size: 1.3rem;
}
.carousel-h5 {
    font-size: 2em;
    font-weight: bold;
    color: var(--Color-Blanco);
}
.carro {
    padding: 0;
    background-color: var(--Color-Blanco);
    height: 180px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.info-carro {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 20px 10px;
    background: rgba(0, 0, 0, .7);
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
}
.modelo-carro {
    font-weight: bold;
    color: var(--Color-Blanco);
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    margin-bottom: 5px;
    text-align: left;
    font-size: 1.5rem;
}
.cta-carro {
    background-color: rgba(237, 28, 39, .6);
    text-align: center;
    color: var(--Color-Blanco);
    font-weight: 600;
    font-size: 1.7rem;
    font-style: italic;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    width: 68%;
    border-radius: 30px;
    margin: 0 auto;
    cursor: pointer;
    transition: .3s;
}
.cta-carro:hover {
    background-color: var(--Color-Rojo);
}
/* custom slider swipper */
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}
.swiper-button-next img,
.swiper-button-prev img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}
.swiper.swpA {
    width: 90%;
    height: 120px;
    max-height: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
}
.swpA .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: var(--Color-Blanco);
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}
.swpA .swiper-slide img {
    padding: 0.6rem 0.4rem;
    width: 220px;
    height: 100px;
    box-sizing: border-box;
    object-fit: contain;
}
/* fin custom slider swipper */
.logo-banner {
    width: 100%;
    max-width: 360px;
    padding: 0.4rem 1rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.boxVideo {
    background-color: var(--Color-Rojo);
    height: 70px;
    width: 90px;
    padding: 1rem;
    box-sizing: border-box;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--Color-Blanco);
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    line-height: 1.2rem;
}
.boxVideo:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #DD141D;
    position: absolute;
    right: 6px;
    top: 9px;
    border: 2px solid #ededed;
    animation-name: live;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.boxVideo .icon {
    border: 1px solid;
    width: 40px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding-left: 3px;
    box-sizing: border-box;
    position: relative;
    top: 5px;
    color: var(--Color-Blanco);
}
.boxVideo .icon i{
    color: var(--Color-Blanco);
}
.boxVideo:hover {
    background-color: #000;
}
.fondo-carro {
    width: 100%;
}
.fondo-carro img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.carro {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}
.boxFrame {
    width: 100%;
    height: 400px;
}
/* fin line */
.carousel-item:nth-child(1) {
    background-image: none;
}
.carousel-item:nth-child(2) {
    background-image: none;
}
.carousel-item:nth-child(3) {
    background-image: none;
}
#carouselExampleCaptions2 {
    border-radius: 20px;
    overflow: hidden;
}
.logo-banner {
    border: 1px solid #ededed;
    position: relative;
    top: 0;
}
.logo-banner>img {
    max-width: 180px;
}
.banner-carousel {
    margin-top: -130px;
}
.listCars {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    justify-content: space-evenly;
}
.carro {
    max-width: 390px;
}
.vehicle_Options .topCarIMG {
    position: absolute;
    top: -40px;
    left: calc(50% - 80px);
}
@keyframes live {
    0% {
        scale: 1;
    }

    50% {
        scale: 0.6;
    }

    100% {
        scale: 1;
    }
}
.swpA .swiper-slide img {
    cursor: pointer;
}
/****** END CARRUSEL AUTOS ******/

.seccion2 .opcionesFinanciamiento{
    margin-top: 50px;
    text-align: center;
}
.seccion2 .opcionesFinanciamiento h1{
    font-size: 3rem;
    color: var(--Color-Rojo);
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.seccion2 .opcionesFinanciamiento h2{
    font-size: 2.8rem;
    color: var(--Color-Txt);
    font-weight: bold;
    font-style: italic;
}
.seccion2 .opcionesFinanciamiento .linea{
    display: flex;
    justify-content: center;
}
.seccion2 .opcionesFinanciamiento .linea hr{
    border: 2px solid var(--Color-Rojo);
    border-radius: 30px;
    width: 60%;
}
.seccion2 .opcionesFinanciamiento p{
    font-size: 1.4rem;
    margin: 20px 0px 30px 0px;
}
.seccion2 .opcionesFinanciamiento .opciones{
    margin: 50px;
}
.seccion2 .opcionesFinanciamiento .opciones a:hover{
    text-decoration: none;
}
.seccion2 .opcionesFinanciamiento .opciones .opcion{
    background-color: var(--Color-Blanco);
    padding: 5px 20px;
    border-radius: 20px;
    transition: transform 0.3s ease;
}
.seccion2 .opcionesFinanciamiento .opciones .opcion:hover{
    background-color: var(--Color-Gris);
    padding: 5px 20px;
    border-radius: 20px;
    
    transform: translateY(-10px);
}
.seccion2 .opcionesFinanciamiento .opciones .opcion:hover .icon i{
    background-color: var(--Color-Blanco);
    color: var(--Color-Rojo);
    border: 1px solid var(--Color-Rojo);
}
.seccion2 .opcionesFinanciamiento .opciones .opcion .icon{
    display: flex;
    justify-content: center;
    margin-top: -30px;
    margin-bottom: 10px;
}
.seccion2 .opcionesFinanciamiento .opciones .opcion .icon i{
    font-size: 2rem;
    background-color: var(--Color-Rojo);
    padding: 6px 15px;
    color: var(--Color-Blanco);
    border-radius: 100px;
}
.seccion2 .opcionesFinanciamiento .opciones .opcion h4{
    font-style: italic;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
}

/**************************************/
/******** FINANCIAMIENTO 70/30 ********/
.seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h1{
    color: var(--Color-Rojo);
}
.seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h2{
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 300;
    margin: 30px 0px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h3{
    color: var(--Color-Rojo);
    font-weight: bold;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapse70-30 .caracteristicas{
    margin: 30px 0px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapse70-30 .caracteristicas .caracteristica{
    padding: 10px 30px;
    margin: 0px 10px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapse70-30 .caracteristicas .caracteristica .icon{
    display: flex;
    justify-content: start;
}
.seccion2 .opcionesFinanciamiento .collapses .collapse70-30 .caracteristicas .caracteristica .icon i{
    font-size: 3rem;
    margin-bottom: 0px;
    color: var(--Color-Rojo);
}
.seccion2 .opcionesFinanciamiento .collapses .collapse70-30 .caracteristicas .caracteristica hr{
    border: 1px solid var(--Color-Rojo);
    margin: 0px;
    border-radius: 10px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapse70-30 .caracteristicas .caracteristica p{
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin: 10px 0px 20px 0px;
}

/**************************************/
/******** FINANCIAMIENTO 70/30 ********/
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .bannerSeminuevos{
    background-image: url(../img/umPo1-b89162c1-dd25-4ba0-a3a7-6523ea6c1bfc_banner-autos-seminuevos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 40vh;
    margin-bottom: 30px;
    border-radius: 30px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos h1{
    color: var(--Color-Rojo);
    margin: 30px 0px;
    font-size: 2.6rem;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos h2{
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 300;
    margin-top: 30px;
    margin-bottom: 100px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos h2 b{
    color: var(--Color-Rojo);
    font-style: italic;
    font-weight: bold;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos h3{
    color: var(--Color-Rojo);
    font-weight: bold;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios{
    margin: 30px 0px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio{
    margin: 0px 30px;
    background-color: var(--Color-Footer);
    padding: 30px 10px;
    border-radius: 50px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.049)
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio h1{
    font-style: normal;
    font-size: 2.3rem;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio p{
    padding: 0px 10px;
    line-height: 1.5rem;
    font-size: 1.2rem;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio ul{
    text-align: left;
    margin-left: 50px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio ul li{
    font-size: 1.2rem;
    margin-bottom: 20px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio ul li ul{
    text-align: left;
    margin: 8px 0px 0px 20px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio ul li ul li{
    font-style: italic;
    margin: 0px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .btn{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .btn a{
    background-color: var(--Color-Rojo);
    padding: 10px 30px;
    color: var(--Color-Blanco);
    font-size: 1.5rem;
    font-style: italic;
    font-weight: bold;
    border-radius: 20px;
    transition: transform 0.3s ease;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .btn a:hover{
    background-color: var(--Color-Rojo-Oscuro);
    text-decoration: none;
    transform: scale(1.1 , 1.1);
}

/**********************************/
/************ ECOAUTOS ************/
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos{
    text-align: left;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .ecoautos{
    position: relative;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .ecoautos .hoja1{
    position: absolute;
    right: -11.6%;
    top: 0px;
    width: 16%;
    z-index: 1;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .ecoautos .hoja2{
    position: absolute;
    left: -11.7%;
    bottom: 0px;
    width: 25%;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto {
    background-color:  rgba(255, 255, 255, 0.4);
    border-radius: 30px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt2{
    align-self: end;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt1 p{
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt1 p span{
    color: var(--Color-Rojo);
    font-size: 2.6rem;
    font-weight: bold;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt2 p{
    text-align: center;
    font-size: 2rem;
    line-height: 2.8rem;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt2 p span{
    color: var(--Color-Blanco);
    font-size: 3rem;
    font-weight: bold;
    text-transform: uppercase;
    background-color: var(--Color-Rojo);
    padding: 0px 10px;
    border-radius: 10px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt2 p b{
    font-size: 2.1rem;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos h1{
    color: var(--Color-Ecoautos);
    margin-bottom: 30px;
    font-size: 5.3rem;
    line-height: 5.3rem;
    margin-bottom: 10px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos h2{
    font-size: 2rem;
    margin-bottom: 50px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos h3{
    color: var(--Color-Ecoautos);
    font-weight: bold;
    font-size: 2.3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficio{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficio .icono{
    margin-right: 10px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficio .icono img{
    width: 45px;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficio h4{
    font-size: 0.9rem;
    line-height: 1.2rem;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .btn{
    display: flex;
    justify-content: center;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .btn a{
    background-color: var(--Color-Rojo);
    color: var(--Color-Blanco);
    padding: 10px 50px;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: bold;
    border-radius: 20px;
    margin-bottom: 50px;
    transition: transform 0.3s ease;
}
.seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .btn a:hover{
    
    transform: scale(1.1,1.1);
    background-color: var(--Color-Rojo-Oscuro);
}

/*******************************/
/****** PRESTAMO PERSONAL ******/
/*******************************/

.imgPrestamo1{
    background-image: url(../img/wOQ8r-15e349fe-a083-4e13-9792-c2c52621cfaf_imagen-credito-prestamo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
    border-radius: 80px 0px 0px 80px;
    margin-top: 50px;
}
.imgPrestamo2{
    background-image: url(../img/TNITJ-6d4f3138-83d1-445e-a9fd-680b09b64aaf_imagen-credito-prestamo-deduccion-planilla.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right 90%;
    border-radius: 0px 80px 80px 0px;
    margin-top: 50px;
}

.btnCarruselPrestamo{
    background-color: transparent !important;
}

/*********************************/
/******** PRODUCTOS AHORO ********/
/*********************************/

.productoahorro{
    margin-top: 50px;
}
.productoahorro h1{
    font-size: 2.8rem;
    font-style: italic;
    font-weight: bold;
    line-height:3.3rem;
    margin-bottom: 20px;
}
.productoahorro h2{
    font-size: 1.6rem;
    line-height: 1.8rem;
    border: 2px solid var(--Color-Rojo);
    border-radius: 10px;
    border-style: dotted;
    margin-bottom: 50px;
    color: var(--Color-Rojo);
    padding: 5px 0px;
}
.carruselProdAhorro{
    margin: 10px 0px 50px 0px;
}
.carruselProdAhorro .card {
    border-radius: 20px;
    padding: 10px 5px 0px 5px;
    border: 1px solid transparent;
    height: 400px;
}
.carruselProdAhorro .card img{
    border-radius: 20px;
}
.carruselProdAhorro .card h5{
    font-size: 1.3rem;
    line-height: 1.4rem;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.carruselProdAhorro .card p{
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.1rem;
}
.carruselProdAhorro .card .btn{
    background-color: var(--Color-Rojo);
    border: 1px solid transparent;
    color: var(--Color-Blanco);
    font-size: 1.2rem;
    padding: 0px 30px;
    border-radius: 10px;
    transition: transform 0.3s ease;
    margin-top: 10px;
}
.carruselProdAhorro .card .btn:hover{
    transform: scale(1.1,1.1)!important;    
}
.carruselProdAhorro .swiper-horizontal>.swiper-pagination-bullets, .carruselProdAhorro .swiper-pagination-bullets.swiper-pagination-horizontal, .carruselProdAhorro .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 65px;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--Color-Rojo);
}
.carruselProdAhorro .bntscarruselProdAhorro{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-next, .carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-prev{
    background-color: var(--Color-Blanco);
    border: 1px solid var(--Color-Rojo);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 10px;
}
.carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-next:disabled, .carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-prev:disabled{
    opacity: 0.5;
}
.carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-next:hover, .carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-prev:hover{
    background-color: #e6e6e6;
    border: 1px solid var(--Color-Rojo-Oscuro);
    
}
.carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-next[aria-disabled="true"],
.carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-prev[aria-disabled="true"] {
    opacity: 0.5;
}
.carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-next i, .carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-prev i{
    font-size: 2rem;
    color: var(--Color-Rojo);
}
.carruselProdAhorro .bntscarruselProdAhorro .button-next:hover i, .carruselProdAhorro .bntscarruselProdAhorro .ProdAhorrobutton-prev:hover i{
    font-size: 2rem;
    color: var(--Color-Rojo-Oscuro);
}

/************************************/
/************* FOOTER ***************/
/************************************/
footer{
    background-color: var(--Color-Footer);
    text-align: center;
    padding: 30px 0px 10px 0px;
    font-weight: 300;
    font-size: 0.8rem;
}

/*************************************/
/************* MODALES ***************/
/*************************************/
.modal-content{
    border: 1px solid transparent;
    border-radius: 20px;
}
.modal-header{
    background-color: var(--Color-Rojo);
    border-radius: 15px 15px 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 30px;
}
.modal-header .img img{
    width: 50%;
}
.modal-header .boton button{
    background-color: var(--Color-Background);
    color: var(--Color-Rojo);
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 20px;
    border: 1px solid var(--Color-Rojo);
    border-radius: 10px;
    transition: display 0.3s ease;
}
.modal-header .boton button i{
    color: var(--Color-Rojo);
    margin-right: 5px;
}
.modal-header .boton button:hover{
    background-color: var(--Color-Footer);
    color: var(--Color-Rojo-Oscuro);
    
}
.modal-header .boton button:hover i{
    color: var(--Color-Rojo-Oscuro);
    
}
.modal-content .modal-body{
    text-align: center;
}
.modal-content .modal-body .iconCheck{
    margin-top: 0px;
}
.modal-content .modal-body .iconCheck i{
    font-size: 8rem;
    color: var(--Color-Rojo);
}
.modal-content .modal-body h2{
    color: var(--Color-Rojo);
    font-size: 2.5rem;
    font-weight: bold;
    margin: 30px 0px 20px 0px;
}
.modal-content .modal-body h5{
    margin: 30px 0px;
    font-size: 1.1rem;
    font-weight: 300;
}
.modal-content .modal-body h5 a{
    margin: 0px;
    padding: 0px;
    font-size: 1.1rem;
    color: var(--Color-Rojo);
    background-color: transparent;
    text-decoration: underline;
}
.modal-content .modal-body h5 a:hover{
    text-decoration: none;
    color: var(--Color-Rojo-Oscuro);
    background-color: transparent;
}
.modal-content .modal-body .botonModal{
    background-color: var(--Color-Rojo);
    padding: 10px 30px;
    color: var(--Color-Blanco);
    font-size: 1.5rem;
    font-weight: bold;
    font-style: italic;
    border-radius: 20px;
}
.modal-content .modal-body .botonModal:hover{
    background-color: var(--Color-Rojo-Oscuro);
    color: var(--Color-Blanco);
}
/* ESTILOS FORMULARIO */
.modal-content .form h4{
    font-size: 1.3rem;
}
.modal-content .form p{
    font-size: 1rem;
    font-style: italic;
}
.modal-content .form form .form-label-group{
    margin-bottom: 10px;
}
.modal-content .form form label, .modal-content .form form legend{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-top: 5px;
}
.modal-content .form form fieldset .row .col-form-label {
    padding: 0px 15px;
    margin: 0px 0px 10px 0px;
}
.modal-content .form form input, .modal-content .form form select{
    border-radius: 10px;
    margin-bottom: 20px;
}
.modal-content .form form fieldset .selector{
    padding: 0px 15px;
}
.modal-content .form form fieldset .labelcontainer {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    padding-left: 0px;
    padding-top: 12px;
    font-weight: 300;
    text-align: center;
    margin-right: 24px;
    cursor: pointer;
    font-size: 22px;
    background-color: var(--Color-Gris);
    border-radius: 50%;
}
.modal-content .form form fieldset .labelcontainer:hover{
    font-weight: bold;
    background-color: var(--Color-Background);
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.109);
}
.modal-content .form form fieldset .labelcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.modal-content .form form fieldset .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: var(--Color-Gris);
}
.modal-content .form fieldset .labelcontainer input:checked ~ .checkmark {
    border-color: var(--Color-Rojo);
    border-width: 3px;
}
.modal-content .form fieldset .form-check {
    display: flex;
    align-items: start;
    margin-bottom: 20px;
    margin-top: 10px;
}
.modal-content .form fieldset .form-check label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    cursor: pointer;
    font-size: 1em;
    line-height: 1em;
    padding-bottom: 4px;
}
/* checks */
.modal-content .form .check-group .check{
    display: flex;
    align-items: start;
}
.modal-content .form .check-group .check input{
    margin-top: 10px;
    margin-right: 10px;
}
.modal-content .form .check-group .check label{
    text-transform: none;
    font-weight: 400;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.3rem;
}
.btnRegistrar{
    color: #ed1c27;
    background-color: white;
    border: 1px solid #ed1c27;
    padding:0px 10px 0px 10px;
    border-radius: 100px;
    font-size: 1.2rem;
    font-weight: bold;
}
.btnRegistrar:hover{
    color: #ffffff;
    background-color: #ed1c27;
    border: 1px solid transparent;
}
.modal-content .form fieldset .form-check label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    margin-left: -22px;
    margin-top: 2px;
    border: 1px solid var(--Color-Rojo);
    border-radius: 50%;
    background-color: var(--Color-Blanco);
    cursor: pointer;
}
.modal-content .form fieldset .form-check label::after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 2px;
    margin-left: -22px;
    padding-left: 3px;
    padding-top: 0px;
    font-size: 11px;
    color: var(--Color-Negro)
}
.modal-content .form fieldset .form-check input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}
.modal-content .form fieldset .form-check input[type="checkbox"]:focus + label::before {
    outline: 0;
}
.modal-content .form fieldset .form-check input[type="checkbox"]:checked + label::after {
    font-family: FontAwesome;
    content: "\f00c";
}
.modal-content .form fieldset .form-check input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.modal-content .form fieldset .form-check input[type="checkbox"]:disabled + label::before {
    background-color: #eee;
    cursor: not-allowed;
}
.modal-content .form fieldset .form-check .form-check-label {
    font-size: 1rem;
    line-height: 1.2rem;
    text-transform: none;
    font-weight: 100;
    padding: 0px 60px 0px 0px;
    margin: 0px;
    letter-spacing: 0px;
    text-align: justify;
}
.modal-content .form fieldset .form-check .form-check-label b{
    font-weight: bold;
}
.modal-content .form form .consentimiento{
    text-align: center;
}
.modal-content .form form .consentimiento .form-check .form-check-label{
    font-size: 1rem;
    line-height: 1.2rem;
    text-transform: none;
    font-weight: 300;
    margin: 0px;
    letter-spacing: 0px;
}
.modal-content .form form .consentimiento .form-check .form-check-label a{
    color: var(--Color-Rojo);
}
.modal-content .form form .consentimiento .form-check .form-check-label a:hover{
    color: var(--Color-Rojo-Oscuro);
}
.modal-content .form form .consentimiento .form-check label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    margin-left: 120px;
    margin-top: 2px;
    border: 1px solid var(--Color-Rojo);
    border-radius: 50%;
    background-color: var(--Color-Blanco);
    cursor: pointer;
}
.modal-content .form form .consentimiento .form-check label::after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 2px;
    margin-left: 117px;
    padding-left: 3px;
    padding-top: 2px;
    font-size: 11px;
    color: var(--Color-Negro);
}
.modal-content .form form .consentimiento .form-check input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}
.modal-content .form form .consentimiento .form-check input[type="checkbox"]:focus + label::before {
    outline: 0;
}
.modal-content .form form .consentimiento .form-check input[type="checkbox"]:checked + label::after {
    font-family: FontAwesome;
    content: "\f00c";
}
.modal-content .form form .consentimiento .form-check input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.modal-content .form form .consentimiento .form-check input[type="checkbox"]:disabled + label::before {
    background-color: #eee;
    cursor: not-allowed;
}
.modal-content .form form .collapseConsentiemiento{
    text-align: center;
    font-size: 0.8rem;
}
.modal-content .form form .collapseConsentiemiento a{
    color: var(--Color-Txt);
}
.modal-content .form form .collapseConsentiemiento a:hover{
    color: var(--Color-Negro);
}
.modal-content .form form .botonform{
    display: flex;
    justify-content: center;
    margin: 30px 0px;
}
.modal-content .form form .botonform a{
    background-color: var(--Color-Rojo);
    padding: 10px 50px;
    color: var(--Color-Blanco);
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 20px;
    text-transform: uppercase;
}
.modal-content .form form .botonform a:hover{
    background-color: var(--Color-Rojo-Oscuro);
}

/* ESTILOS MODAL DOCUMENTOS */
.modal-content .modal-body .documentsGroup{
    background-color: var(--Color-Gris);
    border-radius: 20px;
    padding: 30px 40px 24px;
    margin: 0px auto 30px auto;
}
.modal-content .modal-body .documentsGroup h3{
    color: var(--Color-Rojo);
    font-weight: bold;
}
.modal-content .modal-body .documentsGroup ul{
    margin-left: 30px;
}
.modal-content .modal-body .documentsGroup ul li{
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding-left: 10px;
    margin-bottom: 5px;
}
.modal-content .modal-body .documentsGroup ul li::marker{
    color: var(--Color-Rojo);
}
.modal-content .modal-body .nota p{
    font-size: 1.2rem;
    font-style: italic;
}
/* ESTILOS MODAL PRODUCTOS DE AHORRO */
.modal-content .modal-body .beneficiosModalProductos h3{
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
}
.modal-content .modal-body .beneficiosModalProductos .beneficioCuenta{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--Color-Gris);
    border-radius: 20px;
    padding: 10px 0px;
    margin: 10px 20px;
}
.modal-content .modal-body .beneficiosModalProductos .beneficioCuenta .icono{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
}
.modal-content .modal-body .beneficiosModalProductos .beneficioCuenta .icono img{
    width: 50%;
}
.modal-content .modal-body .beneficiosModalProductos .beneficioCuenta .text{
    text-align: left;
    width: 70%;
}
.modal-content .modal-body .beneficiosModalProductos .beneficioCuenta .text p{
    font-size: 1rem;
    line-height: 1.2rem;
    margin: 0px;
    padding: 0px 20px 0px 0px;
}
.modal-content .modal-body .beneficiosModalProductos .beneficioCuenta .text p a{
    font-size: 1rem;
    line-height: 1.2rem;
    color: var(--Color-Txt);
    margin: 0px;
    padding: 0px;
    font-weight: 400;
    text-decoration: underline;
    background-color: transparent;
}
.modal-content .modal-body .beneficiosModalProductos .beneficioCuenta .text p a:hover{
    text-decoration: none;
}


/*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/
/*//*//*/*//*/*//*/*//*/*//* RESPONSIVE *//*/*//*/*//*/*//*/*//*/*/
/*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/

@media (min-width: 992px) and (max-width: 1199.98px) { 
    .seccion1 .carrusel .glide__track .glide__slide .contenido .texto{
        text-align: center;
        margin-top: 10px;
    }
    .seccion1 .carrusel .glide__track .glide__slide .contenido .texto h3{
        font-size: 1.2rem;
        line-height: 1.3rem;
        text-transform: uppercase;
        margin: 0px;
    }
    .seccion1 .carrusel .glide__track .glide__slide .contenido .imagen{
        display: flex;
        justify-content: center;
        align-items: end;
        width: 50%;
    }
    .seccion1 .carrusel .glide__track .glide__slide .contenido .imagen img{
        width: 90%;
    }
}

/**************************/
/******** TABLETS *********/
/**************************/

@media (min-width: 768px) and (max-width: 991.98px) { 

    /* ----------------------- */
    /* ------- LEGALES ------- */
    /* ----------------------- */

    .lemotive{
        width: 13%;
    }

    /************************************/
    /************** HOME ****************/
    /************************************/

    /*******************************/
    /******** CARRUSEL HOME ********/

    .inicio .categorias .carruselCategorias .swiper .swiper-slide{
        padding: 10px;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
    }
    .inicio .categorias .carruselCategorias .swiper .swiper-slide .icono{
        margin-bottom: 80px;
    }
    .inicio .categorias .carruselCategorias .swiper .swiper-slide .icono img{
        width: 30%;
    }
    .inicio .categorias .carruselCategorias .swiper .swiper-slide h1{
        font-size: 2rem;
        line-height: 2rem;
    }
    .inicio .categorias .carruselCategorias .swiper .swiper-slide .flecha img{
        width: 25%;
    }

    /******************************/
    /* FONDOS CARDS CARRUSEL HOME */

    .inicio .categorias .carruselCategorias .swiper .vivienda{
        background-image: url(../img/x7BsJ-f2c9eaab-a8c3-4455-ad3b-e02a452e4f39_background-vivienda-2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 30px;
        transition: transform 0.3s ease;
    }
    .inicio .categorias .carruselCategorias .swiper .auto{
        background-color: transparent;
        background-image: url(../img/ojOLY-27c5072a-180a-4185-bb87-4a6882381ad4_background-auto2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 30px;
        background-position: center;
        transition: transform 0.3s ease;
    }
    .inicio .categorias .carruselCategorias .swiper .prestamo{
        background-image: url(../img/ZAiNP-244c920c-8714-4c2c-95d0-bda2dda7c4ba_background-prestamo-personal2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 30px;
        transition: transform 0.3s ease;
    }
    .inicio .categorias .carruselCategorias .swiper .ahorro{
        background-image: url(../img/kmZRf-e7ecd184-07b0-4eca-8708-95d7d30db297_background-productos-ahorro2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 30px;
        transition: transform 0.3s ease;
    }

    /*****************************/
    /****** SECCION 2 HOME *******/
    .inicio2{
        background: linear-gradient(var(--Color-Background), var(--Color-Background2));
        text-align: center;
        border-radius: 80px 80px 0px 0px;
        box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.054);
    }
    .inicio2 h1{
        margin: 50px auto 30px auto;
        font-style: italic;
        font-size: 3rem;
        font-weight: bold;
        text-transform: uppercase;
    }
    .inicio2 h3{
        border: 2px solid var(--Color-Rojo);
        border-style: dotted;
        border-radius: 10px;
        margin-bottom: 50px;
        font-size: 1.8rem;
        font-weight: bold;
        text-transform: uppercase;
        color: var(--Color-Rojo);
    }
    .inicio2 .productos a{
        text-decoration: none;
    }
    .inicio2 .productos .producto{
        background-color: var(--Color-Blanco);
        display: flex;
        justify-content: center;
        padding: 20px 20px 0px 20px;
        border-radius: 40px;
        margin: 10px;
    }
    .inicio2 .productos .producto .imagen{
        margin-right: 20px;
        margin-top: 30px;
        display: flex;
        flex-direction: column-reverse;
    }
    .inicio2 .productos .producto .imagen img{
        width: 120%;
    }
    .inicio2 .productos .producto .textos{
        text-align: left;
    }
    .inicio2 .productos .producto .textos h2{
        font-size: 2.1rem;
        line-height: 2.1rem;
        font-weight: bold;
        font-style: italic;
        text-transform: uppercase;
    }
    .inicio2 .productos .producto .textos p{
        font-size: 1.1rem;
        line-height: 1.3rem;
    }
    .inicio2 .productos .producto .flecha{
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: column-reverse;
        margin-bottom: 10px;
    }
    .inicio2 .productos .producto .flecha a{
        background-color: var(--Color-Blanco);
        border: 1px solid var(--Color-Rojo);
        border-radius: 100%;
        width: 60px;
        height: 60px;
        font-size: 3rem;
        justify-content: center;
        align-content: center;
        transform: rotate(-50deg);
        text-decoration: none;
        transition: transform 0.3s ease;
    }
    .inicio2 .productos .producto .flecha a:hover{
        background-color: var(--Color-Rojo);
        
        transform: rotate(-90deg);
    }
    .inicio2 .productos .producto .flecha a:hover i{
        color: var(--Color-Blanco);
    }
    .inicio2 .productos .producto .flecha a i{
        color: var(--Color-Rojo);
        font-weight: bold;
    }
    .inicio2 .aviso{
        border: 1px solid var(--Color-Linea-Avisos);
        background-color: var(--Color-Blanco);
        border-radius: 20px;
        margin: 50px auto;
        padding: 20px;
    }
    .inicio2 .aviso h4{
        font-size: 1.2rem;
        line-height: 1.5rem;
        font-style: italic;
    }


    /***********************************/
    /*********** PRODUCTOS *************/
    /***********************************/

    .seccion1 {
        padding-top: 100px;
    }
    .seccion1 h1{
        text-align: center;
        padding: 0px 50px;
    }
    .seccion1 h2{
        padding: 10px 50px 20px 50px;
    }
    .seccion1 .carrusel{
        padding: 0px 50px 150px 50px;
    }
    .seccion1 .carrusel-conferia{
        padding: 0px 50px 0px 50px;
    }
    .seccion1 .imgSeccion1{
        display: none;
    }
    .seccion1 .expoconstruccion{
        margin-top: 30px;
    }
    .seccion1 .logoFeria {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 100px;
        padding-top: 80px;
    }
    .seccion1 .logoFeria img{
        width: 50%;
    }

    /*****************************/
    /**** SECCION 2 PRODUCTOS ****/

    /******** PRODUCTO 1 ********/
    .seccion2 .info{
        display: flex;
        flex-direction: column;
    }
    .seccion2 .producto1{
        text-align: center;
        margin-right: 0px;
        margin-top: 0px;
    }
    .seccion2 .producto1 .beneficios{
        justify-content: center;
    }
    .seccion2 .producto1 h1{
        margin-top: 70px;
    }
    .seccion2 .producto1 h2 {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    .seccion2 .producto1 .beneficios p {
        text-align: center;
        margin-bottom: 0px;
        margin-top: 20px;
        font-size: 1.4rem;
    }
    /******** PRODUCTO 2 ********/
    .seccion2 .info2{
        display: flex;
        flex-direction: column-reverse;
    }
    .seccion2 .producto2{
        text-align: center;
        margin-left: 0px;
    }
    .seccion2 .producto2 .beneficios{
        display: flex;
        justify-content: center;
    }
    .seccion2 .producto2 h1{
        padding: 0px 20px;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .seccion2 .producto2 h2 {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    .seccion2 .producto2 .beneficios p {
        text-align: center;
        margin-bottom: 0px;
        margin-top: 20px;
        font-size: 1.4rem;
    }
    
    /******** LEGALES ********/
    .legales{
        margin: 30px 50px;
        padding: 30px 20px;
        border-radius: 20px;
    }

    .seccion2 .seccionPodcast{
        margin: 0px 80px;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast{
        display: flex;
        justify-content: center;
        align-items:center ;
        margin-bottom: 30px;
        margin-top: 50px;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast .imgPodcast{
        display: none;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast h2{
        font-size: 2.5rem;
        font-weight: bold;
        text-align: center;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast h2 span{
        font-size: 3.5rem;
    }
    .seccion2 .seccionPodcast .bodyPodcast{
        margin-bottom: 50px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .video iframe{
        border-radius: 10px;
        width: 280px;
        height: 180px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo{
        padding: 0px 30px;
        margin: 10px 0px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo h5{
        font-weight: 100;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo h3{
        text-align: left;
        font-size: 1.2rem;
    }
    .seccion2 .seccionPodcast .bodyPodcast .listVideos{
        height: 380px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion{
        height: 400px;
        overflow-y: auto; 
    }
    .seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion .itemVideo .itemText h4{
        font-size: 0.6rem;
    }
    .seccion2 .seccionPodcast .bodyPodcast .listVideos .listReproduccion .itemVideo .itemText h5{
        font-size: 0.6rem;
    }

    .solicitud{
        background-color: var(--Color-Blanco);
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        margin: 50px 0px;
    }
    .solicitud .imagen{
        display: none;
    }


    /**************************/
    /******** VIVIENDA ********/
    /**************************/

    #floatingBtn {
        font-family: myriad-pro-condensed, sans-serif;
        position: fixed;
        bottom: -1px;
        Left: 5px;
        font-size: 1.2rem;
        z-index: 999;
        background-color: var(--Color-Blanco);
        color: var(--Color-Rojo);
        border: none;
        padding: 5px 20px;
        border: 2px solid var(--Color-Rojo);
        border-bottom: 1px solid transparent;
        border-radius: 10px 10px 0px 0px;
        cursor: pointer;
    }
    #floatingBtn i{
        color: var(--Color-Rojo);
    }
    #floatingBtn:hover {
        background-color: var(--Color-Rojo-Oscuro);
        color: var(--Color-Blanco);
        border: 1px solid transparent;
        cursor: pointer;
    }
    #floatingBtn:hover i{
        background-color: var(--Color-Rojo-Oscuro);
        color: var(--Color-Blanco);
        border: 1px solid transparent;
        cursor: pointer;
    }
    #floatingBtn.hide {
        display: none;
    }

    .imgVivienda1{
        border-radius: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        min-height: 30vh;
    }
    .imgVivienda2{
        border-radius: 0px;
        margin-bottom: 30px;
        min-height: 30vh;
    }

    .seccion2 .proyectosHipotecarios{
        min-height: 40vh;
    }
    .seccion2 .proyectosHipotecarios .infoProyectos{
        padding: 50px 20px;
    }
    
    .seccion2 .seguros{
        margin-top: 50px;
        text-align: center;
    }
    .seccion2 .seguros h1{
        font-size: 3rem;
        color: var(--Color-Rojo);
        font-weight: bold;
        font-style: italic;
        margin: 0px;
    }
    .seccion2 .seguros h2{
        font-size: 2.5rem;
        color: var(--Color-Txt);
        font-weight: bold;
        font-style: italic;
    }
    .seccion2 .seguros .linea{
        display: flex;
        justify-content: center;
        margin: 0px;
    }
    .seccion2 .seguros .linea hr{
        border: 2px solid var(--Color-Rojo);
        margin: 0px 0px 50px 0px;
        border-radius: 30px;
        width: 50%;
    }
    .seccion2 .seguro{
        margin-top: 0px;
        padding: 0px 0px 50px 0px;
    }
    .seccion2 .seguro .cadaSeguro{
        margin: 20px 10px;
        display: flex;
        align-items: center;
    }
    .seccion2 .seguro .cadaSeguro .imagen{
        margin: 0px 10px 0px 0px;
        width: 30%;
    }
    .seccion2 .seguro .cadaSeguro .imagen img{
        width: 70%;
    }
    .seccion2 .seguro .cadaSeguro .text{
        width: 70%;
    }
    .seccion2 .seguro .cadaSeguro h3{
        padding: 0px 30px 0px 0px;
        text-align: left;
    }
    .seccion2 .seguro .cadaSeguro p{
        text-align: left;
    }

    .seccion2 .dudas h1{
        color: var(--Color-Rojo);
        font-size: 2.5rem;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .seccion2 .dudas h2{
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .seccion2 .dudas .btn{
        margin: 10px 0px 0px 0px;
    }
    .seccion2 .dudas .btn a{
        font-size: 1.8rem;
    }


    /**********************/
    /****** VEHICULO ******/
    /**********************/

    .imgVehiculo1{
        border-radius: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        min-height: 30vh;
    }
    .imgVehiculo2{
        border-radius: 0px;
        margin-bottom: 30px;
        min-height: 30vh;
    }

    .seccion2 .seleccionCarros{
        background-image: url(../img/ZXayo-43b13713-bdad-43b1-9958-63bb61a7f001_background-seleccion-vehiculo.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-top: 80px;
    }
    .seccion2 .seleccionCarros .img{
        margin-bottom: 20px;
    }
    .seccion2 .seleccionCarros h3{
        padding: 0px 30px;
    }

    .seccion2 .opcionesFinanciamiento{
        margin-top: 20px;
    }
    .seccion2 .opcionesFinanciamiento h1{
        margin-bottom: 5px;
    }
    .seccion2 .opcionesFinanciamiento .linea hr{
        width: 80%;
    }
    .seccion2 .opcionesFinanciamiento p{
        font-size: 1.6rem;
        margin: 20px 0px;
    }
    .seccion2 .opcionesFinanciamiento .opciones{
        margin: 50px;
    }
    .seccion2 .opcionesFinanciamiento .opciones a:hover{
        text-decoration: none;
    }
    .seccion2 .opcionesFinanciamiento .opciones .opcion{
        margin-bottom: 50px;
    }

    /**************************************/
    /******** FINANCIAMIENTO 70/30 ********/
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h1{
        color: var(--Color-Rojo);
        font-size: 2.4rem;
        padding: 0px 20px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h2{
        font-size: 1.8rem;
        padding: 0px 30px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h3{
        color: var(--Color-Rojo);
        font-weight: bold;
        font-size: 2.3rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 30px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 .caracteristicas .caracteristica{
        margin: 0px;
    }

    /**************************************/
    /******** FINANCIAMIENTO 70/30 ********/
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .bannerSeminuevos{
        min-height: 30vh;
        margin-bottom: 50px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos h1{
        color: var(--Color-Rojo);
        margin-bottom: 30px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos h2{
        margin-bottom: 60px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio{
        margin: 0px 10px 30px 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .btn a{
        font-size: 2rem;
    }

    /**********************************/
    /************ ECOAUTOS ************/
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos{
        text-align: center;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .ecoautos .hoja1{
        right: -2%;
        top: 17%;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt1 p{
        text-align: center;
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt1 p span{
        color: var(--Color-Rojo);
        font-size: 2rem;
        font-weight: bold;
        white-space: nowrap;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt2 p{
        text-align: center;
        font-size: 1.8rem;
        line-height: 2.3rem;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt2 p span{
        color: var(--Color-Blanco);
        font-size: 2rem;
        font-weight: bold;
        text-transform: uppercase;
        background-color: var(--Color-Rojo);
        padding: 0px 10px;
        border-radius: 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .imagenEcoauto .txt2 p b{
        font-size: 1.8rem;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos h1{
        font-size: 5.3rem;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficio{
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        padding: 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficio .icono{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .btn a{
        font-size: 2rem;
    }

    /*******************************/
    /****** PRESTAMO PERSONAL ******/
    /*******************************/

    .imgPrestamo1{
        border-radius: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        min-height: 30vh;
    }
    .imgPrestamo2{
        border-radius: 0px;
        margin-bottom: 30px;
        min-height: 30vh;
    }

    /*********************************/
    /******** PRODUCTOS AHORO ********/
    /*********************************/

    .carruselProdAhorro .card {
        border-radius: 20px;
        padding: 10px 10px 0px 10px;
        border: 1px solid transparent;
        height: 400px;
    }
    .carruselProdAhorro .card img{
        border-radius: 20px;
    }
    .carruselProdAhorro .card h5{
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .carruselProdAhorro .card p{
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2rem;
    }


    /*************************/
    /******** MODALES ********/
    /*************************/


    .modal-header .boton button{
        font-size: 1rem;
    }
    .modal-header .boton button i{
        display: none;
    }
    .modal-content .modal-body h2 {
        font-size: 2rem;
    }
    .modal-content .modal-body .beneficiosModalProductos h3 {
        font-size: 1.5rem;
    }

    .modal-content .form form .consentimiento .form-check label::before {
        margin-left: 20px;
    }
    .modal-content .form form .consentimiento .form-check label::after {
        margin-left: 17px;
    }
    .modal-content .form form .botonform a {
        font-size: 1rem;
    }
}


/****************************/
/******** CELULARES *********/
/****************************/

@media (max-width: 600px) {
    /* ----------------------- */
    /* ------- LEGALES ------- */
    /* ----------------------- */

    .lemotive{
        width: 20%;
    }

    /* ----------------------- */
    /* -------- MENU --------- */
    /* ----------------------- */
    #menu {
        position: fixed;
        top: 0;
        right: -80%;
        width: 80%;
        height: 100%;
        background-color: var(--Color-Blanco);
        z-index: 9998;
        transition: right 0.3s ease;
    }
    /*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/

    /************************************/
    /************** HOME ****************/
    /************************************/

    /*******************************/
    /******** CARRUSEL HOME ********/

    .inicio .categorias .carruselCategorias .swiper{
        width: 100%;
        height: 100%;
        padding: 20px 0px 40px 0px;
    }
    .inicio .categorias .carruselCategorias .swiper .swiper-slide h1{
        font-size: 2rem;
        margin-bottom: 30px;
    }
    .inicio .categorias .carruselCategorias .swiper .swiper-slide .flecha {
        display: none;
    }

    /*****************************/
    /****** SECCION 2 HOME *******/
    .inicio2{
        border-radius: 50px 50px 0px 0px;
    }
    .inicio2 h1{
        font-size: 1.8rem;
    }
    .inicio2 h3{
        font-size: 1.4rem;
    }
    .inicio2 .productos a{
        text-decoration: none;
    }
    .inicio2 .productos .producto{
        background-color: var(--Color-Blanco);
        display: flex;
        justify-content: center;
        padding: 20px 20px 0px 20px;
        border-radius: 40px;
        margin: 10px;
    }
    .inicio2 .productos .producto .imagen{
        margin-right: 20px;
        margin-top: 30px;
        display: flex;
        flex-direction: column-reverse;
    }
    .inicio2 .productos .producto .imagen img{
        width: 120%;
    }
    .inicio2 .productos .producto .textos{
        text-align: left;
    }
    .inicio2 .productos .producto .textos h2{
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
    .inicio2 .productos .producto .textos p{
        font-size: 0.8rem;
        line-height: 1.1rem;
    }
    .inicio2 .productos .producto .flecha{
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: column-reverse;
        margin-bottom: 10px;
    }
    .inicio2 .productos .producto .flecha a{
        width: 50px;
        height: 50px;
    }
    .inicio2 .aviso h4{
        font-size: 0.9rem;
        line-height: 1.3rem;
        font-style: italic;
    }


    /***********************************/
    /*********** PRODUCTOS *************/
    /***********************************/

    .seccion1 {
        padding-top: 100px;
    }
    .seccion1 h1{
        text-align: center;
        font-size: 4rem;
        line-height: 4.3rem;
        padding: 0px 50px;
    }
    .seccion1 h2{
        padding: 10px 20px;
        font-size: 1.2rem;
        line-height: 1.5rem;
        padding: 0px 50px;
    }
    .seccion1 .imgSeccion1{
        display: none;
    }
    .seccion1 .carrusel{
        padding: 0px 50px 150px 50px;
    }
    .seccion1 .carrusel .swiper-wrapper{
        padding: 30px 0px;
    }
    
    seccion1 .carrusel-conferia{
        padding: 0px 50px 0px 50px;
    }
    .seccion1 .expoconstruccion{
        margin-top: 30px;
    }
    .seccion1 .logoFeria {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 100px;
        padding-top: 80px;
    }
    .seccion1 .logoFeria img{
        width: 60%;
    }

    /*****************************/
    /**** SECCION 2 PRODUCTOS ****/

    /******** PRODUCTO 1 ********/
    .seccion2 .info{
        display: flex;
        flex-direction: column;
    }
    .seccion2 .producto1{
        text-align: center;
        margin-right: 0px;
        margin-top: 0px;
    }
    .seccion2 .producto1 .beneficios{
        display: flex;
        justify-content: center;
    }
    .seccion2 .producto1 h1{
        margin-top: 50px;
        font-size: 2rem;
        line-height: 2.3rem;
    }
    .seccion2 .producto1 h2 {
        font-size: 1.2rem;
        line-height: 1.5rem;
        margin-bottom: 20px;
    }
    .seccion2 .producto1 h3 {
        font-size: 1.5rem;
    }
    .seccion2 .producto1 .beneficios p {
        font-size: 1.3rem;
        line-height: 1.6rem;
    }
    
    /******** PRODUCTO 2 ********/
    .seccion2 .info2{
        display: flex;
        flex-direction: column-reverse;
    }
    .seccion2 .producto2{
        text-align: center;
        margin-left: 0px;
    }
    .seccion2 .producto2 .beneficios{
        display: flex;
        justify-content: center;
    }
    .seccion2 .producto2 h1{
        font-size: 2rem;
        line-height: 2.3rem;
        margin-top: 0px;
    }
    .seccion2 .producto2 h2 {
        font-size: 1.2rem;
        line-height: 1.5rem;
        margin-bottom: 20px;
    }
    .seccion2 .producto2 h3 {
        font-size: 1.5rem;
    }
    .seccion2 .producto2 .beneficios p {
        font-size: 1.3rem;
        line-height: 1.6rem;
    }
    
    /******** LEGALES ********/
    .legales{
        margin: 30px 10px;
        padding: 30px 10px;
        border-radius: 20px;
    }
    .legales p {
        font-size: 0.8rem !important;
        line-height: 1.1rem !important;
    }

    .seccion2 .seccionPodcast{
        margin: 0px;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast{
        display: flex;
        justify-content: center;
        align-items:center ;
        margin-bottom: 30px;
        margin-top: 50px;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast h2{
        font-size: 1.8rem;
        font-weight: bold;
        text-align: center;
        padding: 0px;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast h2 span{
        font-size: 2.3rem;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast h2 span{
        color: var(--Color-Rojo);
        font-style: italic;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast .imgPodcast{
        display: none;
    }
    .seccion2 .seccionPodcast .bodyPodcast{
        margin-bottom: 50px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo{
        background-color: var(--Color-Blanco);
        padding: 30px 0px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        border-radius: 20px;
        align-items: center;
        margin-bottom: 30px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .video iframe{
        border-radius: 10px;
        width: 320px;
        height: 200px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo{
        padding: 0px 30px;
        margin: 10px 0px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo h5{
        font-weight: 100;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo h3{
        font-weight: bold;
        text-align: left;
    }
    .seccion2 .seccionPodcast .bodyPodcast .listVideos{
        background-color: var(--Color-Blanco);
        padding: 30px 10px;
        display: flex;
        justify-content: center;
        border-radius: 20px;
        align-items: center;
        flex-direction: column;
        height: 300px;
        overflow-y: auto; 
    }

    .solicitud{
        margin: 30px 0px 50px 0px;
    }
    .solicitud .imagen{
        display: none;
    }
    .solicitud .solicitudes .asesoria .text p {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    .solicitud .solicitudes .documentos .text p {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }


    /**************************/
    /******** VIVIENDA ********/
    /**************************/

    .imgVivienda1{
        border-radius: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        min-height: 20vh;
    }
    .imgVivienda2{
        border-radius: 0px;
        margin-bottom: 30px;
        min-height: 20vh;
    }

    .seccion2 .proyectosHipotecarios{
        min-height: 40vh;
    }
    .seccion2 .proyectosHipotecarios .infoProyectos{
        padding: 50px 10px;
    }
    .seccion2 .proyectosHipotecarios .infoProyectos h3 {
        font-size: 1.2rem;
        padding: 0px;
    }
    .seccion2 .proyectosHipotecarios .infoProyectos a {
        color: var(--Color-Blanco);
        background-color: var(--Color-Rojo);
        padding: 10px 30px;
        font-size: 1rem;
        border-radius: 30px;
        font-style: italic;
        letter-spacing: 1px;
        font-weight: bold;
    }

    .logo-banner {
        border: 1px solid #ededed;
        position: relative;
        top: -40px;
        padding-top: 60px;
    }

    .slider-property{
    display: block;
    width: 100%;
    }
    .info-property{
        display: block;
        width: 100%;
    }
    
    .seccion2 .seguros{
        margin-top: 50px;
        text-align: center;
    }
    .seccion2 .seguros h1{
        font-size: 2.2rem;
    }
    .seccion2 .seguros h2{
        font-size: 1.8rem;
    }
    .seccion2 .seguros .linea hr{
        width: 80%;
    }
    .seccion2 .seguro{
        margin-top: 0px;
        padding: 0px 0px 50px 0px;
    }
    .seccion2 .seguro .cadaSeguro{
        margin: 20px 10px;
        display: flex;
        align-items: center;
    }
    .seccion2 .seguro .cadaSeguro .imagen{
        margin: 0px 10px 0px 0px;
        width: 20%;
    }
    .seccion2 .seguro .cadaSeguro .imagen img{
        width: 70%;
    }
    .seccion2 .seguro .cadaSeguro .text{
        width: 80%;
    }
    .seccion2 .seguro .cadaSeguro h3{
        padding: 0px 30px 0px 0px;
        text-align: left;
    }
    .seccion2 .seguro .cadaSeguro p{
        text-align: left;
    }

    .seccion2 .dudas h1{
        font-size: 2rem;
        line-height: 2.3rem;
        padding: 0px 10px;
    }
    .seccion2 .dudas h2{
        font-size: 1.3rem;
        margin-bottom: 20px;
    }
    .seccion2 .dudas .btn{
        margin: 10px 0px 0px 0px;
    }
    .seccion2 .dudas .btn a{
        font-size: 1.3rem;
    }


    /**********************/
    /****** VEHICULO ******/
    /**********************/

    .imgVehiculo1{
        border-radius: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        min-height: 20vh;
    }
    .imgVehiculo2{
        border-radius: 0px;
        margin-bottom: 30px;
        min-height: 20vh;
    }

    .seccion2 .seleccionCarros{
        background-image: url(../img/ZXayo-43b13713-bdad-43b1-9958-63bb61a7f001_background-seleccion-vehiculo.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-top: 80px;
    }
    .seccion2 .seleccionCarros .img{
        margin-bottom: 20px;
    }
    .seccion2 .seleccionCarros h1 {
        font-size: 2.5rem;
    }
    .seccion2 .seleccionCarros h3{
        padding: 0px 30px;
        font-size: 1.1rem;
    }
    .seccion2 .seleccionCarros .btn a {
        font-size: 1.2rem;;
    }

    .logo-banner {
        border: 1px solid #ededed;
        position: relative;
        top: -40px;
        padding-top: 60px;
    }

    .seccion2 .opcionesFinanciamiento{
        margin-top: 20px;
    }
    .seccion2 .opcionesFinanciamiento h1{
        margin-bottom: 5px;
        font-size: 2.5rem;
    }
    .seccion2 .opcionesFinanciamiento .linea hr{
        width: 80%;
    }
    .seccion2 .opcionesFinanciamiento p{
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding: 0px 20px;
        margin: 20px 0px;
    }
    .seccion2 .opcionesFinanciamiento .opciones{
        margin: 50px;
    }
    .seccion2 .opcionesFinanciamiento .opciones a:hover{
        text-decoration: none;
    }
    .seccion2 .opcionesFinanciamiento .opciones .opcion{
        margin-bottom: 50px;
    }

    /**************************************/
    /******** FINANCIAMIENTO 70/30 ********/
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h1{
        color: var(--Color-Rojo);
        font-size: 2rem;
        padding: 0px 20px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h2{
        font-size: 1.4rem;
        margin-bottom: 50px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h3{
        color: var(--Color-Rojo);
        font-weight: bold;
        font-size: 2.3rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 30px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 .caracteristicas .caracteristica{
        margin: 0px;
    }

    /**************************************/
    /******** FINANCIAMIENTO 70/30 ********/
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .bannerSeminuevos{
        min-height: 20vh;
        margin-bottom: 50px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos h1{
        color: var(--Color-Rojo);
        font-size: 2rem;
        margin-bottom: 30px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos h2{
        margin-bottom: 60px;
        font-size: 1.5rem;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio{
        margin: 0px 10px 30px 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio h1 {
        font-size: 2.2rem;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio p {
        font-size: 1.2rem;
        padding: 0px 20px;
        line-height: 1.5rem;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio ul li ul {
        text-align: left;
        margin: 8px 0px 0px 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .btn a{
        font-size: 1.2rem;
    }

    /**********************************/
    /************ ECOAUTOS ************/
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos{
        text-align: center;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .ecoautos .hoja1{
        display: none;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos h1{
        font-size: 3rem;
        line-height: 3.3rem;
        margin-bottom: 20px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos h2 {
        font-size: 1.2rem;
        margin-bottom: 50px;
        padding: 0px 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficios {
        margin-left: 40px ;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficio{
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficio .icono{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .btn a{
        font-size: 1.3rem;
    }

    /*******************************/
    /****** PRESTAMO PERSONAL ******/
    /*******************************/

    .imgPrestamo1{
        border-radius: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        min-height: 20vh;
    }
    .imgPrestamo2{
        border-radius: 0px;
        margin-bottom: 30px;
        min-height: 20vh;
    }

    .carousel-inner {
        height: 300px;
    }

    /*********************************/
    /******** PRODUCTOS AHORO ********/
    /*********************************/

    .productoahorro h1 {
        font-size: 2rem;
        line-height: 2.3rem;
    }
    .productoahorro h2 {
        font-size: 1.6rem;
    }
    .carruselProdAhorro .card {
        border-radius: 20px;
        padding: 10px 10px 0px 10px;
        border: 1px solid transparent;
        height: 400px;
    }
    .carruselProdAhorro .card img{
        border-radius: 20px;
    }
    .carruselProdAhorro .card h5{
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
    .carruselProdAhorro .card p{
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2rem;
    }

    /*************************/
    /******** MODALES ********/
    /*************************/

    .modal-header .img img{
        width: 70%;
    }
    .modal-header .boton button{
        font-size: 1rem;
    }
    .modal-header .boton button i{
        display: none;
    }
    .modal-content .modal-body h2 {
        font-size: 2rem;
    }
    .modal-content .modal-body .beneficiosModalProductos h3 {
        font-size: 1.5rem;
    }
    .modal-content .modal-body .botonModal {
        padding: 10px 20px;
        font-size: 1.1rem;
    }
    .modal-content .form form .consentimiento .form-check label::before {
        margin-left: 60px;
    }
    .modal-content .form form .consentimiento .form-check label::after {
        margin-left: 57px;
    }
    .modal-content .form form .botonform a {
        font-size: 1.3rem;
    }
}

@media (max-width: 400px) {
    /* ----------------------- */
    /* ------- LEGALES ------- */
    /* ----------------------- */

    .lemotive{
        width: 25%;
    }

    /* ----------------------- */
    /* -------- MENU --------- */
    /* ----------------------- */
    #menu {
        position: fixed;
        top: 0;
        right: -80%;
        width: 80%;
        height: 100%;
        background-color: var(--Color-Blanco);
        z-index: 9998;
        transition: right 0.3s ease;
    }
    /*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/

    /************************************/
    /************** HOME ****************/
    /************************************/

    /*******************************/
    /******** CARRUSEL HOME ********/

    .inicio .categorias .carruselCategorias .swiper{
        width: 100%;
        height: 100%;
        padding: 20px 0px 40px 0px;
    }
    .inicio .categorias .carruselCategorias .swiper .swiper-slide h1{
        font-size: 2.5rem;
        margin-bottom: 30px;
    }

    /*****************************/
    /****** SECCION 2 HOME *******/
    .inicio2{
        border-radius: 50px 50px 0px 0px;
    }
    .inicio2 h1{
        font-size: 1.6rem;
    }
    .inicio2 h3{
        font-size: 1.2rem;
    }
    .inicio2 .productos a{
        text-decoration: none;
    }
    .inicio2 .productos .producto{
        background-color: var(--Color-Blanco);
        display: flex;
        justify-content: center;
        padding: 20px 20px 0px 20px;
        border-radius: 40px;
        margin: 10px;
    }
    .inicio2 .productos .producto .imagen{
        margin-right: 20px;
        margin-top: 30px;
        display: flex;
        flex-direction: column-reverse;
    }
    .inicio2 .productos .producto .imagen img{
        width: 120%;
    }
    .inicio2 .productos .producto .textos{
        text-align: left;
    }
    .inicio2 .productos .producto .textos h2{
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .inicio2 .productos .producto .textos p{
        font-size: 0.8rem;
        line-height: 1rem;
    }
    .inicio2 .productos .producto .flecha{
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: column-reverse;
        margin-bottom: 10px;
    }
    .inicio2 .productos .producto .flecha a{
        width: 50px;
        height: 50px;
    }
    .inicio2 .aviso h4{
        font-size: 0.8rem;
        line-height: 1.1rem;
        font-style: italic;
    }


    /***********************************/
    /*********** PRODUCTOS *************/
    /***********************************/

    .seccion1 {
        padding-top: 100px;
    }
    .seccion1 h1{
        text-align: center;
        font-size: 3rem;
        line-height: 3.5rem;
        padding: 0px 50px;
    }
    .seccion1 h2{
        padding: 10px 20px;
        font-size: 1.2rem;
        line-height: 1.5rem;
        padding: 0px 50px;
    }
    .seccion1 .imgSeccion1{
        display: none;
    }
    .seccion1 .carrusel{
        padding: 0px 50px 150px 50px;
    }
    .seccion1 .carrusel .swiper-wrapper{
        padding: 30px 0px;
    }
    seccion1 .carrusel-conferia{
        padding: 0px 50px 0px 50px;
    }
    .seccion1 .expoconstruccion{
        margin-top: 30px;
    }
    .seccion1 .logoFeria {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 100px;
        padding-top: 80px;
    }
    .seccion1 .logoFeria img{
        width: 60%;
    }

    /*****************************/
    /**** SECCION 2 PRODUCTOS ****/

    /******** PRODUCTO 1 ********/
    .seccion2 .info{
        display: flex;
        flex-direction: column;
    }
    .seccion2 .producto1{
        text-align: center;
        margin-right: 0px;
        margin-top: 0px;
    }
    .seccion2 .producto1 h1{
        margin-top: 50px;
        font-size: 2rem;
        line-height: 2.3rem;
    }
    .seccion2 .producto1 h2 {
        font-size: 1.3rem;
        line-height: 1.5rem;
        margin-bottom: 20px;
    }
    .seccion2 .producto1 .beneficios p {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    
    /******** PRODUCTO 2 ********/
    .seccion2 .info2{
        display: flex;
        flex-direction: column-reverse;
    }
    .seccion2 .producto2{
        text-align: center;
        margin-left: 0px;
    }
    .seccion2 .producto2 h1{
        font-size: 2rem;
        line-height: 2.3rem;
        margin-top: 0px;
    }
    .seccion2 .producto2 h2 {
        font-size: 1.3rem;
        line-height: 1.5rem;
        margin-bottom: 20px;
    }
    .seccion2 .producto2 .beneficios p {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    
    /******** LEGALES ********/
    .legales{
        margin: 30px 10px;
        padding: 30px 10px;
        border-radius: 20px;
    }
    .legales p {
        font-size: 0.8rem !important;
        line-height: 1.1rem !important;
    }

    .seccion2 .seccionPodcast{
        margin: 0px;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast{
        display: flex;
        justify-content: center;
        align-items:center ;
        margin-bottom: 30px;
        margin-top: 50px;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast h2{
        font-size: 1.8rem;
        font-weight: bold;
        text-align: center;
        padding: 0px;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast h2 span{
        font-size: 2.3rem;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast h2 span{
        color: var(--Color-Rojo);
        font-style: italic;
    }
    .seccion2 .seccionPodcast .encabezadoPodcast .imgPodcast{
        display: none;
    }
    .seccion2 .seccionPodcast .bodyPodcast{
        margin-bottom: 50px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo{
        background-color: var(--Color-Blanco);
        padding: 30px 0px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        border-radius: 20px;
        align-items: center;
        margin-bottom: 30px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .video iframe{
        border-radius: 10px;
        width: 280px;
        height: 200px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo{
        padding: 0px 30px;
        margin: 10px 0px;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo h5{
        font-weight: 100;
    }
    .seccion2 .seccionPodcast .bodyPodcast .cardVideo .textVideo h3{
        font-weight: bold;
        text-align: left;
        font-size: 1.3rem;
    }
    .seccion2 .seccionPodcast .bodyPodcast .listVideos{
        background-color: var(--Color-Blanco);
        padding: 30px 10px;
        display: flex;
        justify-content: center;
        border-radius: 20px;
        align-items: center;
        flex-direction: column;
        height: 300px;
        overflow-y: auto; 
    }

    .solicitud{
        margin: 30px 0px 50px 0px;
    }
    .solicitud .imagen{
        display: none;
    }
    .solicitud .solicitudes .asesoria .text p {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    .solicitud .solicitudes .documentos .text p {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    .solicitud .solicitudes .documentos .btn {
        margin-bottom: -10px;
        margin-top: 8px;
    }
    .solicitud .solicitudes .documentos .btn a {
        font-size: 1rem;
    }


    /**************************/
    /******** VIVIENDA ********/
    /**************************/

    .imgVivienda1{
        border-radius: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        min-height: 20vh;
    }
    .imgVivienda2{
        border-radius: 0px;
        margin-bottom: 30px;
        min-height: 20vh;
    }

    .seccion2 .proyectosHipotecarios{
        min-height: 40vh;
    }
    .seccion2 .proyectosHipotecarios .infoProyectos{
        padding: 50px 10px;
    }
    .seccion2 .proyectosHipotecarios .infoProyectos h3 {
        font-size: 1rem;
    }

    .logo-banner {
        border: 1px solid #ededed;
        position: relative;
        top: -40px;
        padding-top: 60px;
    }

    .slider-property{
    display: block;
    width: 100%;
    }
    .info-property{
        display: block;
        width: 100%;
    }
    
    .seccion2 .seguros{
        margin-top: 50px;
        text-align: center;
    }
    .seccion2 .seguros h1{
        font-size: 2rem;
    }
    .seccion2 .seguros h2{
        font-size: 1.5rem;
    }
    .seccion2 .seguros .linea hr{
        width: 80%;
    }
    .seccion2 .seguro{
        margin-top: 0px;
        padding: 0px 0px 50px 0px;
    }
    .seccion2 .seguro .cadaSeguro{
        margin: 20px 10px;
        display: flex;
        align-items: center;
    }
    .seccion2 .seguro .cadaSeguro .imagen{
        margin: 0px 10px 0px 0px;
        width: 20%;
    }
    .seccion2 .seguro .cadaSeguro .imagen img{
        width: 70%;
    }
    .seccion2 .seguro .cadaSeguro .text{
        width: 80%;
    }
    .seccion2 .seguro .cadaSeguro h3{
        padding: 0px 30px 0px 0px;
        text-align: left;
    }
    .seccion2 .seguro .cadaSeguro p{
        text-align: left;
    }

    .seccion2 .dudas h1{
        font-size: 2rem;
        line-height: 2.3rem;
        padding: 0px 10px;
    }
    .seccion2 .dudas h2{
        font-size: 1.3rem;
        margin-bottom: 20px;
    }
    .seccion2 .dudas .btn{
        margin: 10px 0px 0px 0px;
    }
    .seccion2 .dudas .btn a{
        font-size: 1rem;
    }


    /**********************/
    /****** VEHICULO ******/
    /**********************/

    .imgVehiculo1{
        border-radius: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        min-height: 20vh;
    }
    .imgVehiculo2{
        border-radius: 0px;
        margin-bottom: 30px;
        min-height: 20vh;
    }

    .seccion2 .seleccionCarros{
        background-image: url(../img/ZXayo-43b13713-bdad-43b1-9958-63bb61a7f001_background-seleccion-vehiculo.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-top: 80px;
    }
    .seccion2 .seleccionCarros .img{
        margin-bottom: 20px;
    }
    .seccion2 .seleccionCarros h1 {
        font-size: 2.5rem;
    }
    .seccion2 .seleccionCarros h3{
        padding: 0px 30px;
        font-size: 1.1rem;
    }
    .seccion2 .seleccionCarros .btn a {
        font-size: 1.2rem;;
    }

    .logo-banner {
        border: 1px solid #ededed;
        position: relative;
        top: -40px;
        padding-top: 60px;
    }

    .seccion2 .opcionesFinanciamiento{
        margin-top: 20px;
    }
    .seccion2 .opcionesFinanciamiento h1{
        margin-bottom: 5px;
        font-size: 2.5rem;
    }
    .seccion2 .opcionesFinanciamiento .linea hr{
        width: 80%;
    }
    .seccion2 .opcionesFinanciamiento p{
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding: 0px 20px;
        margin: 20px 0px;
    }
    .seccion2 .opcionesFinanciamiento .opciones{
        margin: 50px;
    }
    .seccion2 .opcionesFinanciamiento .opciones a:hover{
        text-decoration: none;
    }
    .seccion2 .opcionesFinanciamiento .opciones .opcion{
        margin-bottom: 50px;
    }

    /**************************************/
    /******** FINANCIAMIENTO 70/30 ********/
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h1{
        color: var(--Color-Rojo);
        font-size: 2rem;
        padding: 0px 20px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h2{
        font-size: 1.4rem;
        margin-bottom: 50px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 h3{
        color: var(--Color-Rojo);
        font-weight: bold;
        font-size: 2.3rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 30px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapse70-30 .caracteristicas .caracteristica{
        margin: 0px;
    }

    /**************************************/
    /******** FINANCIAMIENTO 70/30 ********/
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .bannerSeminuevos{
        min-height: 20vh;
        margin-bottom: 50px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos h1{
        color: var(--Color-Rojo);
        font-size: 2rem;
        margin-bottom: 30px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos h2{
        margin-bottom: 60px;
        font-size: 1.5rem;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio{
        margin: 0px 10px 30px 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio h1 {
        font-size: 2.2rem;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio p {
        font-size: 1.2rem;
        padding: 0px 20px;
        line-height: 1.5rem;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .beneficios .beneficio ul li ul {
        text-align: left;
        margin: 8px 0px 0px 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseSeminuevos .btn a{
        font-size: 1.2rem;
    }

    /**********************************/
    /************ ECOAUTOS ************/
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos{
        text-align: center;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .ecoautos .hoja1{
        display: none;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos h1{
        font-size: 3rem;
        line-height: 3.3rem;
        margin-bottom: 20px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos h2 {
        font-size: 1.2rem;
        margin-bottom: 50px;
        padding: 0px 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficios {
        margin-left: 40px ;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficio{
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .beneficio .icono{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .seccion2 .opcionesFinanciamiento .collapses .collapseEcoautos .btn a{
        font-size: 1.3rem;
    }

    /*******************************/
    /****** PRESTAMO PERSONAL ******/
    /*******************************/

    .imgPrestamo1{
        border-radius: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
        min-height: 20vh;
    }
    .imgPrestamo2{
        border-radius: 0px;
        margin-bottom: 30px;
        min-height: 20vh;
    }

    .carousel-inner {
        height: 230px;
    }

    /*********************************/
    /******** PRODUCTOS AHORO ********/
    /*********************************/

    .productoahorro h1 {
        font-size: 1.6rem;
        line-height: 1.9rem;
    }
    .productoahorro h2 {
        font-size: 1.2rem;
    }
    .carruselProdAhorro .card {
        border-radius: 20px;
        padding: 10px 10px 0px 10px;
        border: 1px solid transparent;
        height: 400px;
    }
    .carruselProdAhorro .card img{
        border-radius: 20px;
    }
    .carruselProdAhorro .card h5{
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
    .carruselProdAhorro .card p{
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2rem;
    }

    /*************************/
    /******** MODALES ********/
    /*************************/

    .modal-header .img img{
        width: 70%;
    }
    .modal-header .boton button{
        font-size: 0.8rem;
    }
    .modal-header .boton button i{
        display: none;
    }
    .modal-content .modal-body h2 {
        font-size: 2rem;
    }
    .modal-content .modal-body .beneficiosModalProductos h3 {
        font-size: 1.5rem;
    }
    .modal-content .modal-body .botonModal {
        padding: 10px 20px;
        font-size: 1rem;
    }
    .modal-content .form form .consentimiento .form-check label::before {
        margin-left: 30px;
    }
    .modal-content .form form .consentimiento .form-check label::after {
        margin-left: 27px;
    }
    .modal-content .form form .botonform a {
        font-size: 1rem;
    }
}