/* container */
@media(min-width: 1600px){
    .container{
        max-width: 1440px;
        width: 100%;


    }  
}

@media(min-width: 1900px){
    .container{
        max-width: 1824px;
        width: 100%;



    }  
}

@media(min-width: 1400px) and (max-width: 1599px){
    .container{
        max-width: 1280px;
        width: 100%;


    }
}

@media (min-width: 1200px) {
    
    /* .container {
        max-width: 970px; 
        width: 100%;
    } */

}

@media (max-width: 768px) {
    .container {
      max-width: 100%;
      width: 100%;

    }
  }
  
.padding0 {
    padding: 0;
}


.swiper-wrapper {
    width: 100vw;
    box-sizing: border-box;
  }
  




#texto1.texto_25.asp_11 .container{
    padding-bottom: 0;
    margin-bottom: 0;
}

#banner-sencillo{
    display: none;
}

#banner-sencillo .container {  
    max-width: 100% !important;
    margin: auto;

    /* padding: 48px 40px !important; */
}

    #banner-sencillo .contenedor-banner{
        background: 
        linear-gradient(to right, #0F375D 25%, rgba(15, 55, 93, 0.5) 90%);
        border-radius: 8px;
        max-height: 403px;
        max-width: 1600px;
        height: 100%;
        width: 100%;
        border: 1px solid red;
    }
    
#banner-sencillo .banner-info{
    /* background: 
    linear-gradient(to right, #0F375D 25%, rgba(15, 55, 93, 0.5) 90%); */
    /* border: 1px solid  white; */
    margin-top: 62px;
    position: absolute;
    padding-left: 38px;
    border: 1px solid blue;

}

#banner-sencillo  .container-fluid,
#banner-sencillo  .row{
    margin: 0;    padding: 0;
    width: 100%;
    margin: 0 auto;
}

#banner-sencillo h2 {
    color: var(--Offwhite, #F2F4F7);
    /* Titles/Mobile/H3 Bold */
    font-family: Lato;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.28px;
    text-align: start;
}

#banner-sencillo p {
    line-height: 26px;
    font-family: 'Inter';
    font-weight: 100;
    font-style: normal;
    font-size: 16px;
}

#banner-sencillo .banner-foto{
    background: url('/img/agabilondo/banner_faqs.png');
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat; 
    position: unset;
    height: 100%;
    width: 100%;
}

#banner-sencillo button{
    border-radius: 18px;
    border: 2px solid var(--White, #FFF);
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: transparent;
    color:#fff;
}

@media(min-width: 991px){
    #banner-sencillo  .container-fluid,
    #banner-sencillo  .row{
        margin: 0;    padding: 0;
        width: 100%;
        margin: 0 auto;
    }
    
    #banner-sencillo h2 {
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 56px;
        letter-spacing: -0.48px;
        text-align: center;
    }
    
    #banner-sencillo p {
        line-height: 26px;
        font-family: 'Inter';
        font-weight: 100;
    }
    
}


/* banner faqs */

#texto1.texto_25.asp_20{
    border-radius: 8px;
}

#texto1.texto_25.asp_20 .container-fluid{
    background-color: #F2F4F7;
    border-radius: 8px;
    padding-top: 60px;
    padding-bottom: 60px;
}

#texto1.texto_25.asp_20 .container{
    background-color: #000;
    padding-top: 0;
    border-radius: 8px;
    padding-bottom: 0;
    /* max-width: 1794px; */
}

#texto1.texto_25.asp_20 .container .col-xs-12{
    padding: 0;
}

#texto1.texto_25.asp_20 .grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 195px;
    /* background-color: #0F375D; */
    border-radius: 8px;
    /* background: linear-gradient(270deg, rgba(15, 55, 93, 0.00) 36.02%, #0F375D 100%), url('/img/agabilondo/banner_faqs.png') lightgray 50% / cover no-repeat; */
    background: linear-gradient(270deg, rgba(15, 55, 93, 0.5) 36.02%, #0F375D 100%), url(/img/agabilondo/home-banner.jpg) lightgray 50% / cover no-repeat;
}

#texto1.texto_25.asp_20 .grid .card-1{
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    padding-left: 38px;
    padding-bottom: 60px;
}

#texto1.texto_25.asp_20 .grid .card-2{
    border-radius: 0px 8px 8px 0px;
    height: 100%;
    background-blend-mode: normal, multiply;
    mix-blend-mode: luminosity;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#texto1.texto_25.asp_20 .grid .card-1 .titulo{
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 68px; 
    color: #fff;
    text-align: left;
}

#texto1.texto_25.asp_20 .grid .card-1 .texto{
    
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    max-width: 620px;
    padding-bottom: 24px;
    padding-top: 10px;
}

#texto1.texto_25.asp_20 .grid .card-1 a{
    background: transparent;
    border-radius: 18px;
    border: 2px solid var(--White, #FFF);
    padding: 20px;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: fit-content;
    color: #fff;
}
@media(max-width: 1300px){
    #texto1.texto_25.asp_20 .grid {
         gap: 0px; 
    }
}
@media(max-width: 991px){
    /* #texto1.texto_25.asp_20{
        margin-right: 15px;
        margin-left: 15px;
        padding-top: 30px;
    } */
    #texto1.texto_25.asp_20 .container-fluid{
        padding-top: 0;
    }
    #texto1.texto_25.asp_20 .grid{
        display: flex;
        flex-direction: column;
        gap: 0px;
        margin: auto;
        height: 577px;
        background: linear-gradient(0deg, rgba(15, 55, 93, 0.5) 36.02%, #0F375D 100%), url(/img/agabilondo/home-banner.jpg) lightgray 50% / cover no-repeat;

        /* background: linear-gradient(1deg, rgba(15, 55, 93, 0.00) 36.02%, rgba(15, 55, 93, 0.00) 36.02%, #0F375D 100%), url(/img/agabilondo/banner_faqs.png) lightgray 50% / cover no-repeat; */
        /* background: linear-gradient(0deg, rgb(15 55 93 / 45%) 0.17%, #0F375D 99.86%), url('/img/agabilondo/banner_faqs.png'); */
        background-blend-mode: normal, normal, multiply;
        background-size: cover;
    }
    #texto1.texto_25.asp_20 .container{
        background: #F2F4F7;
        padding: 27px;
    }
    #texto1.texto_25.asp_20 .grid .card-1{
        padding: 0 30px;
        padding-bottom: 0px;
        padding-top: 30px;
        margin-bottom: -60px;
    }
    #texto1.texto_25.asp_20 .grid .card-2{
        border-radius: 0px 8px 8px 0px;
        background-blend-mode: normal, multiply;
        mix-blend-mode: luminosity;
        height:inherit;
        background: none;
    }
    #texto1.texto_25.asp_20 .grid .card-1 .titulo{
        color: var(--Offwhite, #F2F4F7);
        font-family: Lato;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.28px;
    }
    #texto1.texto_25.asp_20 .grid .card-1 .texto{
        color: var(--Offwhite, #F2F4F7);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }
    #texto1.texto_25.asp_20 .grid .card-1 a{
        padding: 16px;
        position: relative;
        z-index: 2;
        color: var(--White, #FFF);
        leading-trim: both;
        text-edge: cap;
        font-family: Lato;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}
@media(max-width: 650px){
    #texto1.texto_25.asp_20 .grid{
        /* background: linear-gradient(1deg, rgba(15, 55, 93, 0.00) 36.02%, rgba(15, 55, 93, 0.00) 36.02%, #0F375D 100%), url(/img/agabilondo/banner-faqs-movil.jpg) lightgray 50% / cover no-repeat; */
    }
}

/* preguntas frecuentes -  acordeon de preguntas  */

#texto1.texto_25.asp_11 .container-fluid{
    background-color: #F2F4F7;
}



#texto1.texto_25.asp_11 .contenedor-preguntas #accordion .card{
    border-radius: 14px;
    border: 1px solid  #232628;
    margin-bottom: 24px;
}

#texto1.texto_25.asp_11 .contenedor-preguntas #accordion .card-header {
    display: flex;
    justify-content: space-between;
    padding: 24px 30px;
    cursor: pointer;
    color: #232628;
    transition: all .5s;
    gap: 8px;

    font-family: 'Lato';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

#texto1.texto_25.asp_11 .contenedor-preguntas #accordion .card-header img {
    width: 32px;
    height: fit-content;
    flex-shrink: 0;
}

#texto1.texto_25.asp_11 .contenedor-preguntas #accordion .card-body{
    color: var(--Black, #232628);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 0 30px;
}


@media(max-width: 991px){
     
    
        #texto1.texto_25.asp_11 .contenedor-preguntas #accordion .card-header {      
    
        font-family: 'Inter';
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
    
    }
       
    #texto1.texto_25.asp_11 .contenedor-preguntas #accordion .card-body{
        color: var(--Black, #232628);
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        padding: 0 30px;
    }
}


/* Preguntas frecuentes - cabecera */

#texto1.texto_25.asp_10{
    height: 500px; 
    background-size: cover;
    background-position: center;
    background-image: url(/img/agabilondo/header_faqs.png);
}


#texto1.texto_25.asp_10 .container-fluid {
    height: 100%;
    background: linear-gradient(270deg, rgba(15, 55, 93, 0.00) 23.34%, #0F375D 100%);
}



#texto1.texto_25.asp_10 .container-fluid{
    height: 100%;
    background: linear-gradient(270deg, rgba(15, 55, 93, 0.00) 23.34%, #0F375D 100%);
}

#texto1.texto_25.asp_10 .container{
    height: 100%;
    padding: 0;
}

#texto1.texto_25.asp_10 .row{
    height: 100%;
}
#texto1.texto_25.asp_10 .row .container > .row {
    margin: 0;
 }

#texto1.texto_25.asp_10 .row>.col-xs-12{
    height: 100%;
    float: none;
}

#texto1.texto_25.asp_10 .titulos{
    position: absolute;
    bottom: 64px;
    left: 176px;
}

#texto1.texto_25.asp_10 .titulos .titulo{
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 100% */
    letter-spacing: -1.28px;
    color: #fff;
    text-align: left;
}

#texto1.texto_25.asp_10 .titulos .subtitulo{
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    max-width: 643px;
}



@media(max-width: 991px){
    #texto1.texto_25.asp_10 .grid-marcas{
        grid-template-columns: repeat(2,1fr);
    }
    #texto1.texto_25.asp_10 .titulos{
        left: 10%;
    }
    #texto1.texto_25.asp_10 .titulos .titulo{
        font-family: Lato;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.64px;
    }
    #texto1.texto_25.asp_10 .titulos .subtitulo{
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        max-width: 347px;
        color: #000;
    }
    #texto1.texto_25.asp_10 {
        background-position: right;
    }
    #texto1.texto_25.asp_10 .container-fluid {
        height: 100%;
        /* background: linear-gradient(270deg, rgba(15, 55, 93, 0.00) 23.34%, #0f375d00 100%); */
        background: linear-gradient(356deg, rgb(15 55 93 / 20%) 23.34%, #0f375d00 100%);
    }
}
/*css bernat*/
/* container */

@media(min-width: 1600px){
    .container{
        max-width: 1440px;
        width: 100%;
    }
}
@media(min-width: 1800px){
    .container{
        max-width: 1680px;
        width: 100%;
    }
}
@media(min-width: 1900px){
    .container{
        max-width: 1824px;
        width: 100%;
    }
}

@media(min-width: 1400px) and (max-width: 1599px){
    .container{
        max-width: 1280px;
        width: 100%;
    }
}

/* listado */

/* #filtro_listado_modal form{
    display: grid;
    grid-template-columns: repeat(6,1fr);    
    gap: 25px;
} */

#filtro_listado_modal .filtro, #listado_infinito1{
    background-color: #F2F4F7;
}

#listado_infinito1 .title{
    display: none;
}

#filtro_listado_modal .container{
    padding-bottom: 0;
}
#filtro_listado_modal .dropdown.hide-mas-filtros {
    display: none;
}
#filtro_listado_modal .btnBuscarCont .mas-filtros {
    display: flex;
    background: white;
    gap: 8px;
    padding: 16px;
    border-radius: 8px;
    width: 100%;
    cursor: pointer;
    align-items: center;
    height: fit-content;
}
#filtro_listado_modal .btnBuscarCont .mas-filtros span {
    line-height: 25px;
    white-space: nowrap;
}
#filtro_listado_modal .open-filtros .btnBuscarCont .mas-filtros,
#filtro_listado_modal .open-filtros .btnBuscarCont .btn-buscar {
    max-width: 100%;
    transition-duration: 0s;
}
#filtro_listado_modal .container {
    padding-bottom: 0;
}
#filtro_listado_modal .btnBuscarCont {
    display: flex;
    gap: 10px;
}
#filtro_listado_modal .open-filtros .svg-mas-filtros,
#filtro_listado_modal .svg-menos-filtros {
    display: none;
}
#filtro_listado_modal .open-filtros .svg-menos-filtros,
#filtro_listado_modal .svg-mas-filtros {
    display: block;
}
#filtro_listado_modal .cont_titulo{
    border-bottom: 0;
    margin-bottom: 45px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
#filtro_listado_modal.filtro_28 .btn-buscar,
#filtro_listado_modal.filtro_28 .btnBuscarCont .mas-filtros,
#filtro_listado_modal.filtro_26 .btn-buscar,
#filtro_listado_modal.filtro_26 .btnBuscarCont .mas-filtros,
#filtro_listado_modal.filtro_1 .btn-buscar,
#filtro_listado_modal.filtro_1 .btnBuscarCont .mas-filtros{
    width: 250px;
}
#filtro_listado_modal.filtro_28 .btnBuscarCont ,
#filtro_listado_modal.filtro_26 .btnBuscarCont ,
#filtro_listado_modal.filtro_1 .btnBuscarCont {
    width: inherit;
}
#filtro_listado_modal.filtro_28 .dropdown,
#filtro_listado_modal.filtro_26 .dropdown,
#filtro_listado_modal.filtro_1 .dropdown {
    width: calc(100% / 6 - 25px) !important;
}
#filtro_listado_modal.filtro_28 form.form-dk,
#filtro_listado_modal.filtro_26 form.form-dk,
#filtro_listado_modal.filtro_1 form.form-dk {
    display: flex;
    gap: 25px;
}
#filtro_listado_modal form.form-dk .btnBuscarCont {
    gap:16px;
}
#filtro_listado_modal.filtro_28 .bnt-modal-show,
#filtro_listado_modal.filtro_26 .bnt-modal-show,
#filtro_listado_modal.filtro_1 .bnt-modal-show{
    display: none;
}
@media (max-width: 991px) {
    #filtro_listado_modal.filtro_28 .btn-buscar ,
    #filtro_listado_modal.filtro_26 .btn-buscar ,
    #filtro_listado_modal.filtro_1 .btn-buscar {
        border-radius: 6px;
    }
}
#filtro_listado_modal h1{
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
    color: #232628;
    letter-spacing: -1.28px;
    margin-bottom: 0;
}

#filtro_listado_modal .subtitulo{
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    max-width: 1019px;
    color: #232628;
    text-align: center;
    margin-top: 12px;
}

#filtro_listado_modal .dropdown .select-dropdown{
    border-radius: 8px !important;
    font-size: 18px !important;
    color: #232628 !important;
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#filtro_listado_modal .btn-limpiar-filtros{
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    border-radius: 6px;
    background-color: #fff;
    padding: 16px;
    border: none;
}

#filtro_listado_modal .btn-buscar{
    border-radius: 6px;
    color: #0F375D;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #34CCFF;
    padding: 16px;
    border: none;
    height: fit-content;
}
@media (max-width: 1800px) {
    #filtro_listado_modal .container {
        width: 100%;
        max-width: 1680px;
    }
}
@media (max-width: 1200px) {
    #filtro_listado_modal.filtro_28 .dropdown ,
    #filtro_listado_modal.filtro_26 .dropdown ,
    #filtro_listado_modal.filtro_1 .dropdown {
        width: fit-content !important;
    }
}
@media (max-width: 990px) {
    #filtro_listado_modal.filtro_28 .dropdown,
    #filtro_listado_modal.filtro_26 .dropdown,
    #filtro_listado_modal.filtro_1 .dropdown {
        width: 100% !important;
    }
}
#listado_infinito1 .subtitle{
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; 
    color: #fff;
}

#listado_infinito1 .cont_titulo{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-wrap: nowrap;
    gap: 30px;
}

#listado_infinito1 .cont_titulo>.row{
    display: flex;
    flex-direction: row;
    align-items: center;
}

#listado_infinito1 .orden .select-dropdown{
    padding-top: 0;
    padding: 16px 32px;
    border-radius: 8px !important;
    background-color: #fff;
    
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    display: flex;
    gap: 25px;
    align-items: center;
}

#listado_infinito1 .orden .select-dropdown .glyphicon{
    position: initial;
}

#listado_infinito1 .paginacion li.pagina.active, #listado_infinito1 .paginacion li.pagina:hover{
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
    color: #232628;
    background-color: transparent;
}

#listado_infinito1 .orden .select-dropdown:hover, #listado_infinito1 .orden .select-dropdown:focus{
    background-color: white;
}

#listado_infinito1 .orden .dropdown-menu{
    width: 100%;
}

#listado_infinito1 .cont_titulo .row .col-lg-6{
    display: none;
}

#listado_infinito1 .orden .dropdown-menu li span{
    color: #fff;
}

#listado_infinito1 .orden .dropdown-menu li{
    display: list-item;
}

#listado_infinito1 .paginacion{
    text-align: left;
}

#listado_infinito1 .paginacion li{
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
    color: #232628;
    background-color: transparent;
}

#listado_infinito1 .listado-coches{
    display: flex;
    flex-wrap: wrap;
}
#texto1.texto_1.asp_17{
    display: none;
}
#servicio6 .titulo{
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.48px;
    color: #232628;
    max-width: 666px;
}

#servicio6 .subtitulo{
    color: #232628;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
    max-width: 666px;
    padding-top: 23px;
    padding-bottom: 32px;
}

#servicio6 .servicio{
    background-color: #F2F4F7;
}

#servicio6 .container-cards{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 24px;
}

#servicio6 .container-cards .cont_icono{
    padding: 37px;
    border-radius: 0px;
    width: fit-content;
    background-color: #FFF;
}

#servicio6 .container-cards hr{
    border-color: #36608A;
    margin: 32px 0;
}

#servicio6 .container-cards .titulo_card{
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #232628;
    text-align: left;
}

@media(min-width: 1400px) and (max-width: 1599px){
    #listado_infinito1 #card16 .contenido_card{
        padding: 15px;
    }
}

@media(max-width: 991px){
    #servicio6 .container-cards{
        grid-template-columns: repeat(2,1fr);
    }
    #servicio6 .container-header{
        position: relative;
    }
    #servicio6 .titulo {
        font-family: Lato;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.28px;
    }
    #servicio6 .subtitulo{
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; 
    }
    #servicio6 .container-cards .titulo_card{
        font-family: Lato;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
    }
    #servicio6 .container-cards .cont_icono{
        margin: auto;
    }
    #filtro_listado_modal .container{
        padding-top: 60px;
    }
    #filtro_listado_modal .subtitulo{
        text-align: left;
    }
    #filtro_listado_modal .cont_titulo{
        margin-bottom: 10px;
        align-items: flex-start;
    }
    #filtro_listado_modal .subtitulo{
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
    }
    #filtro_listado_modal h1{
        font-family: Lato;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.64px;
    }
    #filtro_listado_modal .bnt-modal-show{
        width: fit-content;
        border-radius: 6px;
        padding: 20px;
        text-align: left;
        margin: 0 15px;
        background-color: #34CCFF;
        color: #0F375D;
        font-family: Lato;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    #listado_infinito1 .cont_titulo{
        flex-wrap: wrap;
        gap: 25px;
    }
    #listado_infinito1 .cont_titulo{
        padding-bottom: 0;
    }
    #listado_infinito1 .subtitle{
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
    }
    #listado_infinito1 .cont_titulo>.row{
        flex-direction: column;
        gap: 16px;
    }
    #filtro_listado_modal .modal-content{
        background-color: #F2F4F7;
    }
    #filtro_listado_modal form{
        grid-template-columns: repeat(1,1fr);
        gap: 15px;
    }
    #filtro_listado_modal .dropdown .select-dropdown{
        border: none;
        margin: 0;
        height: 54px;
    }
    #filtro_listado_modal .modal-header{
        background-color: #000;
    }
}

/* formulario financiacion */

#formulario2.form-fixed{
    position: fixed;
    top: 150px;
    right: calc((100% - 1680px) / 2);
    z-index: 10;
    max-width: 370px;
    padding: 0;
}

#formulario2.form-fixed .container{
    padding: 24px;
    width: 100%;
    border-radius: 8px;
    background: var(--Light-gray, #E0E5EB);
}

#formulario2.form-fixed .subtituloForm{
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #0F375D;
}
#formulario2.form-fixed .subtituloForm2{
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    color: #0F375D;
}

#formulario2.form-fixed #contactoFormCustom{
    margin-top: 24px;
}

#formulario2.form-fixed #contactoFormCustom .form-group{
    margin-bottom: 12px;
}

#formulario2.form-fixed #contactoFormCustom .form-control{
    margin: 0;
    height: 56px;
    border: none;
    background-color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    color: #0F375D;
}

#formulario2.form-fixed #contactoFormCustom .form-control::placeholder{
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    color: #0F375D;
}

#formulario2.form-fixed #contactoFormCustom textarea.form-control{
    height: 96px;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    color: #0F375D;
}

#formulario2.form-fixed .text-center {
    width: fit-content;
    margin-top: 0;
}

#formulario2.form-fixed .enviar{
    border: none;
    width: 100%;
    border-radius: 18px;
    background: var(--Medium-blue, #36608A);
    padding: 20px;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    margin-top: 24px;
}

#formulario2.form-fixed .enviar:hover{
   color: #9ea4ab;
}


#formulario2 .checkbox label{
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: 22px;
    color: #0a0c10;
}

#formulario2 .checkbox a{
    color: #34CCFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

#formulario2.form-fixed #abrirForm,
#formulario2.form-fixed #cerrarForm{
   display:none;
}

@media(max-width:1699px){
    #formulario2.form-fixed{
        right: calc((100% - 1480px) / 2);
    }
    #formulario2.form-fixed{
        max-width: 390px;
    }
}

@media(max-width:1499px){
    #formulario2.form-fixed{
        right: calc((100% - 1270px) / 2);
    }
}

@media(max-width:1199px){
    #formulario2.form-fixed{
        right: 30px
    }
}

@media(max-width:991px){
    #formulario2.form-fixed{
        position: static;
        width: 100%;
        max-width: 100%;
    }
    #formulario2.form-fixed .enviar {
        padding: 10px;
    }
    #formulario2.form-fixed.open-form {
        max-height: 100vh;
        overflow-y: scroll;
        z-index:999;
    }

    #formulario2.form-fixed .container{
        border-radius: 0;
    }

    #formulario2 .checkbox.checkbox_legal{
        text-align: left;
    }
}

@media(max-width:767px){
    #formulario2.form-fixed #abrirForm{
      width: 100%;
    }
}

#texto1.texto_17.asp_7 .container-imgs {
    width: fit-content;
    padding-right: 95px;
    position: relative;
    padding-bottom: 147px;
}
#texto1.texto_17.asp_7 .container-imgs .videoGaleria {
    height: 472px;
    width: 100%;
    max-width: 389px;
    border-radius: 20px;
    object-fit: cover;
}
/* #texto1.texto_17.asp_7 .container-imgs img {
    position: absolute;
    bottom: 0;
    right: 0;
} */

#texto1.texto_17.asp_7 .container-imgs img:nth-of-type(2){
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 20px;
}

#texto1.texto_17.asp_7 .container-imgs-texto {
    display: flex;
    gap: 65px;
}
#texto1.texto_17.asp_7 .container-txt {
    width: 100%;
    max-width: 530px;
    display: flex;
    justify-content: center;
    flex-flow: column;
}
#texto1.texto_17.asp_7 .container-txt > div {
    width: 100%;
    max-width: 530px;
    height: fit-content;
}
#texto1.texto_17.asp_7 .container-txt .titulo {
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    color: #0F375D;
    text-align:left;
}
#texto1.texto_17.asp_7 .container-txt .texto {
    /* font-family: Montserrat; */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #0F375D;
    text-align:left;
    padding-top: 32px;
    /* padding-bottom: 12px; */
}
#texto1.texto_17.asp_7 .container-txt .leer-mas {
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #0F375D;
    text-align: left;
}
#texto1.texto_17.asp_7 .container-txt .texto {
    display: -webkit-box;
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

#texto1.texto_17.asp_7 .container-txt.expanded .texto {
    -webkit-line-clamp: unset; 
    overflow: visible;
}

#texto1.texto_17.asp_7 .container-txt .leer-mas {
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
}

#texto1.texto_17.asp_7 .container-txt .plus {
    width: 72px;
    height: 72px;
    line-height: 72px;
    background: var(--Blue---500);
    text-align: center;
    border-radius: 50%;
    font-size: 56px;
    color: white;
    cursor:pointer;
}

@media(max-width:1499px){

    #texto1.texto_17.asp_7 .container-imgs-texto{
        gap: 32px;
    }
    #texto1.texto_17.asp_7 .container-imgs .videoGaleria{
        max-width: 100%;
    }
}

@media(max-width:1199px){
    #texto1.texto_17.asp_7 .container-imgs-texto{
        flex-direction: column;
    }
}

@media(max-width:991px){
    #texto1.texto_17.asp_7 .container-imgs-texto{
        width: 100%;
    }
    #texto1.texto_17.asp_7 .container-txt .texto{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }
    #texto1.texto_17.asp_7 .container-txt .titulo{
        font-size: 24px;
        line-height:normal; /* 125% */
    }

    #texto1.texto_17.asp_7 .container-imgs .videoGaleria {
        height: 330px;
    }
    #texto1.texto_17.asp_7 .container-txt .leer-mas{
        font-size: 18px;
    }
}

#texto1.texto_17.asp_12 .container-imgs {
    width: 100%;
    padding-left: 95px;
    position: relative;
    padding-bottom: 147px;
}
/* #texto1.texto_17.asp_12 .container-imgs img { */
#texto1.texto_17.asp_12 .container-imgs img:nth-of-type(2){
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
}
#texto1.texto_17.asp_12 .container-imgs .imgLarge{
    height: initial;
    width: unset;
    max-width: 389px;
    border-radius: 20px;
    position: static;
    transform: translateY(30%);
}
#texto1.texto_17.asp_12 .container-imgs-texto {
    display: flex;
    gap: 65px;
}
#texto1.texto_17.asp_12 .container-txt {
    width: 100%;
    max-width: 530px;
    display: flex;
    justify-content: center;
    flex-flow: column;
}
#texto1.texto_17.asp_12 .container-txt > div {
    width: 100%;
    max-width: 530px;
    height: fit-content;
}
#texto1.texto_17.asp_12 .container-txt .titulo {
    color: #0F375D;
    text-align:right;
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
}
#texto1.texto_17.asp_12 .container-txt .texto {
    /* font-family: Montserrat; */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; 
    text-align: right;
    padding-top: 32px;
    /* padding-bottom: 12px; */
    color: #0F375D;
}
#texto1.texto_17.asp_12 .container-txt .leer-mas {
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #0F375D;
    text-align: right;
}
#texto1.texto_17.asp_12 .container-txt .texto {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

#texto1.texto_17.asp_12 .container-txt.expanded .texto {
    -webkit-line-clamp: unset; 
    overflow: visible;
}

#texto1.texto_17.asp_12 .container-txt .leer-mas {
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
}

#texto1.texto_17.asp_12 .container-txt .plus {
    width: 72px;
    height: 72px;
    line-height: 72px;
    background: var(--Blue---500);
    text-align: center;
    border-radius: 50%;
    font-size: 56px;
    color: white;
    cursor:pointer;
}

@media(max-width:1499px){

    #texto1.texto_17.asp_12 .container-imgs-texto{
        gap: 32px;
    }
    #texto1.texto_17.asp_12 .container-imgs .videoGaleria{
        max-width: 100%;
    }
}

@media(max-width:1199px){
    #texto1.texto_17.asp_12 .container-imgs-texto{
        flex-direction: column-reverse;
    }
}

@media(max-width:991px){
    #texto1.texto_17.asp_12 .container-imgs-texto{
        width: 100%;
    }

    /* #texto1.texto_17.asp_12 .container-txt .titulo{
        font-size: 32px;
        line-height: 40px; 
        padding-bottom: 16px;
        text-align: left;
    } */
    #texto1.texto_17.asp_12 .container-txt .texto{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }
    #texto1.texto_17.asp_12 .container-txt .titulo{
        font-size: 24px;
        line-height:normal; /* 125% */
        text-align: left;
    }
    #texto1.texto_17.asp_12 .container-txt .texto{
        text-align: left;
    }

    #texto1.texto_17.asp_12 .container-txt .leer-mas{
        text-align: left;
        font-size: 18px;
    }

    #texto1.texto_17.asp_12 .container-imgs .videoGaleria {
        height: 330px;
    }
}

#texto1.texto_17 .container-fluid{
    background-color: #fff;
}

/* servicios financiacion */

#servicio2.servicio_17 .servicio {
    background-color: var(--Blue---50);
}

#servicio2.servicio_17 .titulo{
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    color: #0F375D;
}

#servicio2.servicio_17 .subtitulo{
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-top: 12px;
    padding-bottom: 40px;
    margin-bottom: 0;
    color: #0F375D;
}

#servicio2.servicio_17 .container-cards{
    padding: 0px 15px 0 15px;
}

#servicio2.servicio_17 .card_servicio{
    background-color: #F2F4F7;
    border-radius: 8px;
    padding: 28px;
    margin: 0;
}

#servicio2.servicio_17 .container-cards .swiper-wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

#servicio2.servicio_17 .cont_icono{
    margin-bottom: 20px;
}

#servicio2.servicio_17 .titulo_card{
    color: var(--Blue---500, #0D1C2C);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px; /* 120.833% */
    border: none;
    margin: 0 0 20px;
}

#servicio2.servicio_17 .texto_card{
    color: var(--Blue---500, #0D1C2C);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

#servicio2.servicio_17 .swiper-pagination{
    display: none;
}
@media(max-width:1199px){
    #servicio2.servicio_17 .container-cards .swiper-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:991px){
    /* #servicio2.servicio_17 .titulo{
        font-size: 32px;
        line-height: 40px; 
    } */
    #servicio2.servicio_17 .subtitulo {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }
    #servicio2.servicio_17  .titulo{
        font-size: 24px;
        line-height:normal; /* 125% */
        text-align: left;
    }
    #servicio2.servicio_17 .container-cards .swiper-wrapper{
        display: flex;
        gap: 0;
    }

    #servicio2.servicio_17 .titulo_card{
        font-family: Lato;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    #servicio2.servicio_17 .texto_card{
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    #servicio2.servicio_17 .swiper-pagination{
        display: flex;
        justify-content: center;
        position: static;
        margin: 34px auto 0;
    }

    #servicio2.servicio_17 .swiper-pagination .swiper-pagination-bullet{
        background-color: var(--Blue---300, #A3B2C2);
    }

    #servicio2.servicio_17 .swiper-pagination .swiper-pagination-bullet-active{
        background-color: var(--Blue---400, #34CCFF);
    }
    #texto1.texto_17.asp_12 .container-imgs .imgLarge{
        height: 330px;
        max-width: 100%;
    }
    #servicio2.servicio_17 .card_servicio{
        height: 295px;
    }
}

@media(max-width:767px){
    #servicio2.servicio_17 .container-cards{
        padding: 0 15px;
    }

}

#texto1.texto_17.asp_27 .grid-marcas{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 24px;
}

#texto1.texto_17.asp_27 .titulo{
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    color: #0F375D;
}

#texto1.texto_17.asp_27 .subtitulo{
    color: #0F375D;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 12px;
}

#texto1.texto_17.asp_27 .grid-marcas img{
    padding-top: 84px;
    padding-bottom: 84px;
}

#texto1.texto_17.asp_4{
    height: 500px;
    background-image: url(/img/agabilondo/bg-financiacion.jpg);
    background-size: cover;
    background-position: center;
}

#texto1.texto_17.asp_4 .container-fluid{
    height: 100%;
    background: linear-gradient(270deg, rgba(15, 55, 93, 0.00) 23.34%, #0F375D 100%);
}

#texto1.texto_17.asp_4 .container{
    height: 100%;
    padding: 0;
}

#texto1.texto_17.asp_4 .row{
    height: 100%;
}
#texto1.texto_17.asp_4 .row .container > .row {
   margin: 0;
}
#texto1.texto_17.asp_4 .row>.col-xs-12{
    height: 100%;
}

#texto1.texto_17.asp_4 .titulos{
    position: absolute;
    bottom: 64px;
    left: 176px;
}

#texto1.texto_17.asp_4 .titulos .titulo{
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 100% */
    letter-spacing: -1.28px;
    color: #fff;
    text-align: left;
}

#texto1.texto_17.asp_4 .titulos .subtitulo{
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    max-width: 643px;
}

@media(max-width: 991px){
    #texto1.texto_17.asp_27 .grid-marcas{
        grid-template-columns: repeat(2,1fr);
    }
    #texto1.texto_17.asp_4 .titulos{
        left: 5%;
    }
    #texto1.texto_17.asp_4 .titulos .titulo{
        font-family: Lato;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.64px;
    }
    #texto1.texto_17.asp_4 .titulos .subtitulo{
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        max-width: 347px;
    }
    #texto1.texto_17.asp_7 .contenedor{
        padding-top: 48px;
    }
}

/* detalle */

/* banner detalle */

#texto1.texto_10.asp_27{
    border-radius: 8px;
}

#texto1.texto_10.asp_27 .container-fluid{
    background-color: #F2F4F7;
    border-radius: 8px;
    padding-top: 60px;
    padding-bottom: 60px;
}

#texto1.texto_10.asp_27 .container{
    background-color: #F2F4F7;
    /* padding-top: 0; */
    border-radius: 8px;
    /* padding-bottom: 0; */
    padding: 30px;
    max-width: 1794px;
}

@media(min-width: 1600px){
    #detalle_info7 .container{
        max-width: 1824px;
    }
}

#detalle_info7 .container .caracteristicas .caract{
    border-bottom: 1px solid var(--Black, #232628);
    padding: 28px 0px 14px 0px;
}

#detalle_info7 .container .caracteristicas .caract h3{
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    color: #232628;
    padding-left: 16px;
    margin-top: 0;
}

#detalle_info7 .container .caracteristicas .caract div{
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #232628;
}

#detalle_info7 .container .caracteristicas .caract>div:last-child{
    padding-right: 0;
}

#detalle_info7 .container .caracteristicas .caract .cont-titulo{
    display: flex;
    align-items: center;
    padding-left: 0;
}

#detalle_info7 .container .caracteristicas .caract .cont-titulo img{
    width: 33px;
    height: 33px;
}
#detalle_info7 .banner-bottom-iva{
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: var(--Black, #232628);
    margin-top: 48px;
}
#detalle_info7 .banner-bottom-iva h2{
    color: var(--Light-gray, #E0E5EB);
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media (max-width: 1499px) {
    #detalle_info7 .container .caracteristicas .caract h3, #detalle_info7 .container .caracteristicas .caract div {
        width: fit-content;
    }
}

#detalle_imagen1 .container-slider .next-btn, 
#detalle_imagen1 .container-slider .prev-btn {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    z-index: 1;
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 8px;
    border-radius: 200px;
    border: none;
    background: #36608A;
}

#detalle_imagen1 .tituloImagen{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    width: 95%;
}
#detalle_imagen1 .container-fluid .container .swiper-slide::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; 
    background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 0%) 100%), linear-gradient(180deg, rgb(0 0 0 / 0%) 45.02%, rgb(0 0 0 / 29%) 100%) !important;
    pointer-events: none; 
}
#detalle_imagen1  .version{
    color: var(--White, #FFF);

    /* Titles/Desktop/H4 Bold */
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
}
#detalle_imagen1 .matriculacion{
    color: var(--White, #FFF);
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
}

#detalle_imagen1 .container-slider .prev-btn{
    left: 32px;
}
#detalle_imagen1 .container-slider{
    margin-bottom: 15px ;
}
#detalle_imagen1 .container-titulo {
    position: absolute;
    bottom: 70px;
    z-index: 9;
    padding: 0 25px;
}
#detalle_imagen1 .left {
    position: absolute;
    top: 85px;
    right: 20px;
    z-index: 9;
    padding: 0 25px;
}
#detalle_imagen1 .left img{
    width: 64px;
    height: 64px;
}
#detalle_imagen1 .container-titulo .titulo{
    color: var(--White, #FFF);
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
}
#detalle_imagen1 .container-titulo .subtitulo{
    color: var(--Offwhite, #F2F4F7);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
}
#detalle_imagen1 .container-slider .next-btn{
    right: 32px;
}

#detalle_imagen1 .img-slider {
    width: 100%;
    height: 100%;
    min-height: 270px;
    object-fit: cover;
    border-radius: 8px;
    position: relative;
}

#detalle_info_jato .nav-tabs> li.active> h2 {
    border-bottom:none !important;
}
#detalle_info_jato .videoTitulo{
    margin: 0;
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.48px;
    color: #232628;
    margin-bottom: 28px;
    padding: 0;
    text-align: start;
}
#detalle_info_jato .nav-tabs> li h2{
    color: var(--Black, #232628);
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 116.667% */
    letter-spacing: -0.48px;
    text-transform:initial;
}

#detalle_info_jato .textlegal-jato{
    margin-top: 30px;
    color: var(--Black, #232628);

    /* Body Copy/SM Regular */
    font-family: Inter; 
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
#detalle_info_jato .nav-tabs>li.active>a,
#detalle_info_jato{
    background-color: #f2f4f7;
}
#detalle_info_jato .panel-group .panel {
    border-radius: 8px;
    border: 1px solid var(--Black, #232628);
}
#detalle_info_jato .nav-tabs> li.active> a{
    color: var(--Black, #232628);

    /* Titles/Desktop/H3 Bold */
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 116.667% */
    letter-spacing: -0.48px;
    text-transform: none;
}
#detalle_info_jato .panel-heading h3 {
    color: var(--Black, #232628);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
}

#detalle_info_jato .nav-tabs{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

#detalle_info_jato .nav-tabs::before,
#detalle_info_jato .nav-tabs::after{
    display: none;
}

#detalle_info_jato .nav-tabs> li {
    width: fit-content;
}
#detalle_info_jato .panel-heading {
    background: #f2f4f7;
    /* border-bottom: 1px solid #a4b8bd;
    border-radius: 8px 8px 0 0; */
    border-bottom: none;
    border-radius: 8px;
}
#detalle_info_jato .panel-body {
    border-top: 1px solid #a4b8bd;
}
#detalle_info_jato .collapse {
    background: #f2f4f7;
    border-radius: 8px;
}
#detalle_info_jato .panel-default a.collapsed {
    background: #f2f4f7;
}
@media (min-width: 1600px) {
    #detalle_info_jato .container {
        width: 100%;
        max-width: 1824px;
    }
}

@media (max-width: 990px) {
    #detalle_imagen1 .version,
    #detalle_imagen1 .tituloImagen{
        width: 100% !important;
    }
    #detalle_info_jato .nav-tabs> li.active> a {
        font-size: 28px !important;
    }
    #detalle_info_jato .panel-heading h3 {
        color: var(--Black, #232628);
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px; /* 144.444% */
    }
    #detalle_info_jato .panel-body {
        padding: 20px;
        background: #f2f4f7;
    }
    #detalle_info_jato .videoTitulo{
        font-family: Lato;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.28px;
        margin-bottom: 8px;
    }

}
#texto1.texto_10.asp_27 .container .col-xs-12{
    padding: 0;
}

#texto1.texto_10.asp_27 .grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 195px;
    background-color: #0F375D;
    border-radius: 8px;
}

#texto1.texto_10.asp_27 .grid .card-1{
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    padding-left: 38px;
    padding-bottom: 60px;
}

#texto1.texto_10.asp_27 .grid .card-2{
    border-radius: 0px 8px 8px 0px;
    height: 100%;
    background: linear-gradient(270deg, rgba(15, 55, 93, 0.00) 36.02%, #0F375D 100%), url(/img/agabilondo/banner-detalle.jpg) lightgray 50% / cover no-repeat;
    background-blend-mode: normal, multiply;
    mix-blend-mode: luminosity;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#texto1.texto_10.asp_27 .grid .card-1 .titulo{
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 68px; 
    color: #fff;
}

#texto1.texto_10.asp_27 .grid .card-1 .texto{
    
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    max-width: 620px;
    padding-bottom: 24px;
    padding-top: 10px;
}

#texto1.texto_10.asp_27 .grid .card-1 a{
    background: transparent;
    border-radius: 18px;
    border: 2px solid var(--White, #FFF);
    padding: 20px;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: fit-content;
    color: #fff;
}

@media(max-width: 991px){
    /* #texto1.texto_10.asp_27{
        margin-right: 15px;
        margin-left: 15px;
        padding-top: 30px;
    } */
    #texto1.texto_10.asp_27 .container .col-xs-12 {
        padding: 15px;
        background:#f2f4f7 ;
    }
    
    #texto1.texto_10.asp_27 .container-fluid{
        padding-top: 0;
    }
    #texto1.texto_10.asp_27 .grid{
        display: flex;
        flex-direction: column;
        gap: 0px;
    }
    #texto1.texto_10.asp_27 .grid .card-1{
        padding: 0 30px;
        padding-bottom: 0px;
        padding-top: 30px;
        margin-bottom: -60px;
    }
    #texto1.texto_10.asp_27 .grid .card-2{
        border-radius: 0px 8px 8px 0px;
        background: linear-gradient(0deg, rgba(15, 55, 93, 0.00) 0%, #0F375D 70.27%), url(/img/agabilondo/banner-detalle.jpg) lightgray -185.127px 130.321px / 209.219% 67.662% no-repeat;
        background-blend-mode: normal, multiply;
        mix-blend-mode: luminosity;
        height: 403px;
        border-radius: 8px;
    }
    #texto1.texto_10.asp_27 .grid .card-1 .titulo{
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        max-width: 272px;
    }
    #texto1.texto_10.asp_27 .grid .card-1 .texto{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
    #texto1.texto_10.asp_27 .grid .card-1 a{
        padding: 16px;
        position: relative;
        z-index: 2;
    }
}

/* relacionados */

#relacionados_detalle1{
    background-color: #fff;
    padding: 0;
    padding-top: 64px;
    padding-bottom: 64px;
}

#relacionados_detalle1 .swiper-wrapper{
    padding-bottom: 30px;
}

#relacionados_detalle1 .swiper-pagination{
    position: static;
}

#relacionados_detalle1 .button-next, #relacionados_detalle1 .button-prev{
    position: static;
    transform: none;
    border-radius: 200px;
    background: var(--Medium-blue, #36608A);
    padding: 8px;
}

#relacionados_detalle1 .arrows{
    display: flex;
    align-items: center;
    gap: 17px;
}

#relacionados_detalle1 .flex-titulos{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#relacionados_detalle1 .flex-titulos .enlace{
    padding-bottom: 48px;
}

#relacionados_detalle1 .flex-titulos .enlace a{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    display: flex;
    gap: 6px;
    align-items: center;
}

#relacionados_detalle1 .title{
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 116.667% */
    letter-spacing: -0.48px;
    padding-bottom: 16px;
    color: #232628;
    margin-bottom: 0;
}

#relacionados_detalle1 .subtitle{
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #232628;
    padding-bottom: 48px;
}

#relacionados_detalle1 .swiper-container{
    padding-top: 0;
    padding-bottom: 64px;
    padding-left: 15px;
    padding-right: 15px;
}

#relacionados_detalle1 .swiper-pagination-bullet{
    background-color: #A3B2C2;
    margin: 0 8px;
    opacity: 1;
}

#relacionados_detalle1 .swiper-pagination-bullet-active{
    background-color: #34CCFF;
}

@media(max-width: 991px){
    #relacionados_detalle1 .button-next, #relacionados_detalle1 .button-prev{
        display: none;
    }
    #card16 .cont_titulo_card .titulo{
        height: auto;
    }
    #card16 .cont_titulo_card .subtitulo{
        height: auto;
    }
    #card16 .card_16{
        padding: 10px;
    }
    #relacionados_detalle1 .stock{
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        color: #f2f3f3;
        border-radius: 8px;
        gap: 6px;
        display: flex;
        align-items: center;
        width: fit-content;
        padding: 16px 24px;
        margin: auto;
        margin-top: 32px;
    }
    #relacionados_detalle1 .title{
        font-size: 20px;
        font-style: normal;
        font-weight: 800;
        line-height: 20px; 
        letter-spacing: 0.4px;
        text-transform: uppercase;
        text-align: left;
        padding-left: 15px;
    }
    #texto1.texto_10.asp_42 .grid .card-1 .titulo{
        font-size: 40px;
        line-height: normal;
    }
    #texto1.texto_10.asp_42 .grid{
        grid-template-columns: repeat(1,1fr);
        padding: 15px;
        gap: 30px;
    }
    #texto1.texto_10.asp_42 .grid .card-1{
        padding-left: 0;
    }
    #relacionados_detalle1 .title{
        padding-left: 0;
        font-size: 26px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
    }
    #relacionados_detalle1{
        padding-top: 30px;
    }
    #relacionados_detalle1 .flex-titulos{
        flex-direction: column;
        justify-content: flex-start;
    }
}
/*dimensiones*/
#detalle_prestaciones2 .contenedor-dimensiones {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 250px;
}
#detalle_prestaciones2 .dimensiones{
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}
#detalle_prestaciones2 .dimensiones.colprint> div{
    width: 100%;
    background-color: white;
    border-radius: 10px;
}
#detalle_prestaciones2 .coche-lateral,
#detalle_prestaciones2 .coche-maletero,
#detalle_prestaciones2 .coche-frontal{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#detalle_prestaciones2 .coche-frontal .altura{
    position: absolute;
    top: 30px;
    left: 130px;
    width: max-content;
}
#detalle_prestaciones2 .coche-lateral div,
#detalle_prestaciones2 .coche-maletero div,
#detalle_prestaciones2 .coche-frontal div{
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    color: #232628;
}
@media(max-width: 1250px){
    #detalle_prestaciones2 .contenedor-dimensiones {
        display: flex;
        flex-direction: column;
        height: fit-content;
    }
    #detalle_prestaciones2 .dimensiones.colprint> div {
        padding: 20px 0;
    }
}

#detalle_prestaciones2{
    margin-bottom: 0;
}

/* #detalle_prestaciones2 .progress:after{
    border-color: #34CCFF;
}

#detalle_prestaciones2 .progress.blue .progress-bar{
    border-color: white;
} */
#detalle_prestaciones2 .progress.blue .progress-bar {
    border-color:  #34CCFF;
}

#detalle_prestaciones2 .progress:after {
    border-color: white;
}

#detalle_prestaciones2 .etiqueta{
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    color: #232628;
    margin-top: 16px;
}

#detalle_prestaciones2 .value .valor{
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    color: #232628;
}

#detalle_prestaciones2 .value .unidad{
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    color: #232628;
}

#detalle_prestaciones2 .colprint .titulo{
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 116.667% */
    letter-spacing: -0.48px;
    color: #232628;
    margin-bottom: 28px;
    padding: 0;
}

#detalle_prestaciones2 .colprint> div{
    margin-bottom: 0;
}

@media (min-width: 1600px) {
    #detalle_prestaciones2 .container {
        width: 100%;
        max-width: 1824px;
    }
}

@media(min-width: 992px) and (max-width: 1599px){
    #detalle_prestaciones2 .colprint{
        justify-content: flex-start;
        row-gap: 30px;
    }
}

@media(max-width: 991px){
    #detalle_prestaciones2 .colprint .titulo{
        font-family: Lato;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.28px;
        margin-bottom: 8px;
    }
    #detalle_prestaciones2 .colprint{
        row-gap: 24px;
    }
}

/* calculadora */

#calculadora_financiera7{
    background-color: #fff;
}

#calculadora_financiera7 .contForm{
    right: calc(((100% - 1600px) /2) + 15px);
    width: 457px;
    background-color: transparent;
}
#calculadora_financiera7 .titulo-calculadora{
    color: var(--Black, #232628);
    text-align: center;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}
#calculadora_financiera7 .entradaInput{
    color: var(--Black, #232628);
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 26px; /* 144.444% */
}

#calculadora_financiera7 .banner-calculadora img{
    width: 100%;
}

#calculadora_financiera7 .contForm .contForm-inner{
    background-color: #fff;
    border-radius: 8px;
}

#calculadora_financiera7 .barra .favoritos{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

#calculadora_financiera7 .barra .favoritos button{
    display: flex;
    align-items: center;
    border-radius: 8px;
    color: #000;
    border: 1px solid #000;
    background-color: white;
    padding: 8px 12px;
    gap: 6px;
}

#calculadora_financiera7 .barra .favoritos button .texto{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
}

#calculadora_financiera7 .contBoton .botones{
    display: flex;
    margin-bottom: 24px;
}

#calculadora_financiera7 .contBoton .boton{
    border-radius: 18px;
    border: 2px solid var(--White, #FFF);
    background-color: transparent;
    padding: 12px;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #FFF;
    width: 275px;
    margin-top: 16px;
}

#calculadora_financiera7 .contBoton .boton.abrirReservar{
    border-radius: 18px;
    background: var(--Light-blue, #34CCFF);
    border-color: #34CCFF;
    padding: 12px;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #0F375D;
}

#calculadora_financiera7 .whatsapp-content{
    width: 100%;
    border-radius: 6px;
    border: 2px solid #000;
    color: #000;
    justify-content: center;
    
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 20px;
}

#calculadora_financiera7 .contBoton .caracteristicas .caract-4{
    margin-bottom: 0;
}

#calculadora_financiera7 .nav .nav-item{
    width: 100%;
    border-radius: 8px 8px 0px 0px;
}

#calculadora_financiera7 .nav{
    border-radius: 8px 8px 0px 0px;
}

#calculadora_financiera7 .nav .nav-item.active .nav-link{
    border-top: none;
    padding: 16px;
    border-radius: 8px 8px 0px 0px;
}
#calculadora_financiera7 .nav-link .precio.tachado{
    text-decoration: line-through;
    color: var(--White, #FFF);
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 116.667% */
    letter-spacing: -0.48px;
}
#calculadora_financiera7 .nav-link .precio{
    color: var(--White, #FFF);
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 100% */
    letter-spacing: -1.28px;
    text-align: center;
}
#calculadora_financiera7 .nav-link .texto{
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px; /* 136% */
    text-align: center;
}
#calculadora_financiera7 .nav-link .texto.azul{
    color: var(--Light-blue, #34CCFF);
    font-family: Inter;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px; /* 136% */
    text-align: center;
}

#calculadora_financiera7 .nav .nav-item .nav-link{
    background: #0F375D;
}

#calculadora_financiera7 .resultado{
    display: flex;
    align-items: center;
    position: relative;
    display: none;
}

#calculadora_financiera7 .bottomButton{
    display: flex;
    width: 100%;
    /* padding: 12px; */
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 18px;
    border: 2px solid var(--Dark-blue, #0F375D);
    margin-top: 0px;
}
#calculadora_financiera7 .calcModalReservarModal .enviar,
#calculadora_financiera7 .calcModalReservarModal .enviar:hover ,
#calculadora_financiera7 .calcModalReservarModal .container-iconos-reserva {
    background-color: #0F375D;
}
#calculadora_financiera7 .bottomButton a{
    color: var(--Dark-blue, #0F375D);
    leading-trim: both;
    text-edge: cap;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#calculadora_financiera7 .precioRebajado div{
    color: var(--Dark-blue, #0F375D);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
#calculadora_financiera7 .precio-iva {
    text-align: center;
    color: white;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 10px;
}
#calculadora_financiera7 .container-cuota {
    position: relative;
    cursor: pointer;
}
#calculadora_financiera7 .container-cuota .i-info {
    position: absolute;
    color: var(--Light-blue, #34CCFF);
    border: 2px solid var(--Light-blue, #34CCFF);
    font-size: 10px;
    width: 18px;
    text-align: center;
    border-radius: 50%;
    right: calc(50% - 125px);
    font-weight: 600;
}
#calculadora_financiera7 .container-cuota .i-info .tooltip-info {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 0px;
    left: -343px;
    background: #34CCFF;
    color: #0F375D;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    width: 470px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 100;
}

@media(max-width:1599px){
    #calculadora_financiera7 .barra .favoritos button .texto{
        font-size: 14px;
    }
}
@media(max-width:1345px) {
    #calculadora_financiera7 .container-cuota .i-info .tooltip-info {
        bottom: -20px;
        left: -315px;
        width: 410px;
    }
}
@media(max-width:1235px) {
    #calculadora_financiera7 .container-cuota .i-info .tooltip-info {
        bottom: -90px;
        left: -287px;
        width: 355px;
    }
}
@media(max-width: 991px) {
    #calculadora_financiera7 .container-cuota .i-info {
        right: 0;
    }

    #calculadora_financiera7 .container-cuota .i-info .tooltip-info {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 0px;
    left: -453px;
    background: #34CCFF;
    color: #0F375D;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    width: 470px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 100;
}
    #calculadora_financiera7 .btn-solicita-financiacion-bbva {
        color: white;
        border: 1px solid white;
        cursor: pointer;
        transition-duration: 0.3s;
        width: 100%;
        text-align: center;
        padding: 15px 0;
        border-radius: 12px;
        margin-bottom: 20px;
    }
    #calculadora_financiera7 .btn-solicita-financiacion-bbva svg {
        margin: auto;
    }
}
#calculadora_financiera7 .container-cuota .i-info:hover .tooltip-info {
    opacity: 1;
}
#calculadora_financiera7 .precioRebajado{
    display: flex;
    padding: 8px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--Dark-blue, #0F375D);
    border-radius: 8px;
    background: var(--White, #FFF);
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 100% */
    letter-spacing: -1.28px;
    width: fit-content;
    margin: auto;
}

#calculadora_financiera7 .resultado .texto{
    font-family: Lato;
    font-size: 18px;
    line-height: normal;
}

#calculadora_financiera7 .resultado .precio.grande{
    padding-left: 10px;
    color: #0F375D;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
}

#calculadora_financiera7 .contBoton .caracteristicas{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

#calculadora_financiera7 .tab-pane{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 32px;
    display: block;
}

#calculadora_financiera7 .contForm .contForm-inner{
    border: none;
}

#calculadora_financiera7 .checks{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
#calculadora_financiera7 .cuota-movil{
    display: none;
}

#calculadora_financiera7 .checks .check{
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    color: #0F1B18;
}

#calculadora_financiera7 .slider{
    background: #D9D9D9;
    height: 1px;
    opacity: 1;
}

#calculadora_financiera7 .slider#inputPlazo{
    background-color: #34CCFF;
}

#calculadora_financiera7 .slider::-moz-range-thumb {
    background-color: #34CCFF;
}

#calculadora_financiera7 .slider::-webkit-slider-thumb{
    background-color: #34CCFF;
}

#calculadora_financiera7 .barra .favoritos button svg path{
    fill: #000;
}

#calculadora_financiera7 .checks .check svg path{
    fill: #000;
}

#calculadora_financiera7 .contRango label{ 
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    color: #232628;
}

#calculadora_financiera7 .modal .modal-footer{
    display: flex;
    justify-content: center;
}

#calculadora_financiera7 .modal{
    z-index: 1300;
}

#calculadora_financiera7 .contForm.fix{
    position: fixed;
    top: 140px !important;
}

#calculadora_financiera7 .modal .boton.invertido{
    margin-right: 10px;
}

#calculadora_financiera7 .nav .nav-item.full{
    width: 100%;
}

#calculadora_financiera7 .nav .nav-item.full .nav-link.contado{
    border-top-left-radius: 8px !important;
}

#calculadora_financiera7 .nav .nav-item.full .nav-link.financiado{
    border-top-right-radius: 8px !important;
}
#calculadora_financiera7 .modal-footer .boton,
#calculadora_financiera7 .modal .boton.invertido,
#calculadora_financiera7 .modal-footer .boton.enviar,
#calculadora_financiera7 .modal-footer .boton.cancelar {
    color: black; 
}

#calculadora_financiera7 .desglose{
    display: none;
}
#calculadora_financiera7 .lista-cacluladora-movil,
#calculadora_financiera7 .botton-dudas,
#calculadora_financiera7 .barra-movil,
#calculadora_financiera7 .precio-tachado-movil,
#calculadora_financiera7 .bottom-buttons-movil,
#calculadora_financiera7 .nav .nav-item.active .nav-link.financiado-movil {
    display: none;
}
@media(min-width: 1200px){
    #calculadora_financiera7{
        padding-bottom: 0;
    }
}

@media(min-width: 1400px) and (max-width: 1599px){
    #calculadora_financiera7 .contForm{
        right: calc(((100% - 1310px) /2) + 15px);
        width: 410px;
    }
    #calculadora_financiera7 .contBoton .botones{
        flex-direction: column;
    }
    #calculadora_financiera7 .barra .favoritos button{
        padding: 6px 8px;
    }
}

@media(min-width: 1200px) and (max-width: 1399px){
    #calculadora_financiera7 .contForm{
        right: calc(((100% - 1250px) /2) + 15px);
        width: 357px;
    }
}

@media(min-width: 992px) and (max-width: 1199px){
    #calculadora_financiera7 .contForm{
        right: calc(((100% - 1050px) /2) + 15px);
        width: 357px;
    }
}
@media (min-width: 992px) {
    #calculadora_financiera7 .tab-pane {
      display: block !important;
    }
  }
  
@media(max-width: 991px){
    #calculadora_financiera7 .barra .favoritos{
        display: none;
    }
    /*#calculadora_financiera7 {
        padding-bottom: 0;
        font-size: 16px;
        position: fixed;
        bottom: -20px;
        z-index: 111;
        width: 100%;
        background-color: transparent !important;
    }*/
    #calculadora_financiera7 .banner-calculadora img {
        display: none;
    }
    #calculadora_financiera7 .static {
        width: 100%;
        height: fit-content;
        padding: 0;
    }
    #calculadora_financiera7 .container {
        width: 100%;
    }
    #calculadora_financiera7 .contForm {
        width: 100%;
        margin-bottom: 0;
    }
    #calculadora_financiera7 .titulo-calculadora ,
    #calculadora_financiera7 .nav .nav-item.active .nav-link {
        display: none;
    }
    #calculadora_financiera7 .nav .nav-item.active .nav-link.financiado-movil {
        display: flex;
        flex-direction: row;
        padding: 0;
        background: transparent;
        border-radius: 8px 8px 0px 0px;
        box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.03), 4px 0px 4px rgba(0, 0, 0, 0.03), -4px 0px 4px rgba(0, 0, 0, 0.03);

    }
    #calculadora_financiera7 .tab-pane {
        /* display: none; */
        background-color:#0F375D ;
        border-radius: 0;
        padding: 16px 0 0 0;
    }
    #calculadora_financiera7 .contRango {
        padding-right:32px ;
        padding-left: 32px;
    }
    #calculadora_financiera7 .contRango.form-group2 {
        margin-bottom: 0;
    }
    #calculadora_financiera7 .financiado-movil > div {
        width: 50%;
        /* padding: 16px; */
        padding: 8px 16px;
    }
    #calculadora_financiera7 .financiado-movil > div > div{
        text-align: center;
        color: var(--Black, #282931);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }
    #calculadora_financiera7 .nav-link .texto {
        color: black;
    }
    #calculadora_financiera7 .financiado-movil > div:first-child {
        background-color: #F2F4F7;
        border-radius: 8px 0px 0px 0px;
        border-right: 1px solid black;
    }
    #calculadora_financiera7 .financiado-movil > div:last-child {
        background-color: #E0E5EB;
        border-radius: 0px 8px 0px 0px;
    }
    #calculadora_financiera7 .bottom-buttons-movil{
        display: flex;
        flex-direction: row;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        background: var(--Dark-blue, #0F375D);
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 10;
    }
    #calculadora_financiera7 .bottom-buttons-movil a{
        width: 50%;
        display: flex;
        padding: 16px;
        justify-content: center;
        align-items: center;
    }
    #calculadora_financiera7 .botton-dudas{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 18px;
        border: 2px solid var(--Light-gray, #E0E5EB);
        color: var(--White, #FFF);
        leading-trim: both;
        text-edge: cap;
        font-family: Lato;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding: 16px;
        margin: 16px 32px;
    }
    #calculadora_financiera7 .bottom-buttons-movil a.botton1{
        border-radius: 18px;
        border: 2px solid var(--Light-gray, #E0E5EB);
        color: var(--White, #FFF);
        leading-trim: both;
        text-edge: cap;
        font-family: Lato;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    #calculadora_financiera7 .bottom-buttons-movil a.botton2{
        border-radius: 18px;
        background: var(--Light-blue, #34CCFF);
        color: var(--Dark-blue, #0F375D);
        leading-trim: both;
        text-edge: cap;
        font-family: Lato;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    #calculadora_financiera7 .contRango label {
        color: var(--Light-gray, #E0E5EB);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }
    #calculadora_financiera7 .entradaInput {
        color: var(--White, #FFF);
        text-align: right;
        font-family: Lato;
        font-size: 18px;
        font-style: normal;
        font-weight: 700 !important;
        line-height: normal;
    }
    #calculadora_financiera7 .cuota-movil{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 8px;
        color: var(--White, #FFF);
        font-family: Lato;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.28px;
        margin-bottom: 16px
    }
    #calculadora_financiera7 .cuota-movil > div{
        color: var(--Light-gray, #E0E5EB);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }
    /* #calculadora_financiera7 .bottomButton{
        display: none;
    } */
    #calculadora_financiera7 .precio-tachado-movil{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 8px;
        color: white;
        color: var(--White, #FFF);
        font-family: Lato;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.28px;
        background: #36608A;
        padding: 4px 5px;
        width: 100%;
    }
    #calculadora_financiera7 .promocion-movil{
        color: var(--Black, #232628);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }
    #calculadora_financiera7 .precio-tachado-movil-detalle{
        color: var(--Light-gray, #E0E5EB);
        font-family: Lato;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-decoration: line-through;
    }
    #calculadora_financiera7 .precio-grande{
        color: var(--White, #FFF);
        font-family: Lato;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.28px;
    }
    #calculadora_financiera7 .barra-movil{
        display: none;
        margin: auto;
        justify-content: center;
        position: relative;
        top: -10px;
        background-color: transparent;
    }
    #calculadora_financiera7 .barra-movil >div{
        width: 80px;
        height: 4px;
        border-radius: 90px;
        background: var(--Primary-Black, #0A0C10);
    }
    #calculadora_financiera7 .contForm .contForm-inner,
    #calculadora_financiera7 .nav .nav-item,
    #calculadora_financiera7 .nav {
        background: transparent;
    }
    #calculadora_financiera7 .lista-cacluladora-movil{
        padding: 0 32px 16px 32px;
        color: white;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    #calculadora_financiera7 .lista-cacluladora-movil >div{
        color: var(--Light-gray, #E0E5EB);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 200;
        line-height: 22px; /* 157.143% */
    }
    /* #calculadora_financiera7 .form-group {
        margin-bottom: 0;
    } */
}

@media(max-width:600px){
    #calculadora_financiera7 .container-cuota .i-info .tooltip-info {
        left: -475px;
        width: 80vw;
    }
}
@media(max-width:560px){
    #calculadora_financiera7 .container-cuota .i-info .tooltip-info {
        left: -425px;
    }
}
@media(max-width:485px){
    #calculadora_financiera7 .container-cuota .i-info .tooltip-info {
        left: -370px;
    }
}
@media(max-width:430px){
    #calculadora_financiera7 .container-cuota .i-info .tooltip-info {
        left: -330px;
    }
}
@media(max-width:390px){
    #calculadora_financiera7 .container-cuota .i-info .tooltip-info {
        left: -290px;
    }
}

#calculadora_financiera7 .nav-link .precio{
    font-size: 48px;
    line-height: 48px;
}

@media(max-height:1050px){
    #calculadora_financiera7 .nav-link .precio.tachado{
        font-size: 32px;
        line-height: 40px;
    }

    #calculadora_financiera7 .precioRebajado{
        font-size: 40px;
        line-height: 48px;
    }

    #calculadora_financiera7 .tab-pane{
        padding: 16px;
    }

    #calculadora_financiera7 .nav-link .texto.azul{
        font-size: 20px;
        line-height: 24px;
    }

    #calculadora_financiera7 .titulo-calculadora{
        font-size: 20px;
        margin-bottom: 8px;
    }

    .bottomButton.btn-calcular-financiacion{
        padding: 12px !important;
    }
}
@media(min-height:1051px){
    #calculadora_financiera7 .container-cuota .i-info {
        right: calc(50% - 145px);
    }
}

/* detalle imagen */

#detalle_titulo1{
    display: none;
}

#detalle_imagen1{
    padding-top: 60px;
}
#detalle_imagen1 .estado{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #457098 !important;
    color: white;
    width: fit-content;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: fit-content !important;
}
#detalle_imagen1 .link-yt{
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 100;
}
#modalDetalleVideo{
    z-index:1200;
}
#modalDetalleVideo .modal-header{
    padding: 0;
    border: none;
    background-color: #000;
}
#modalDetalleVideo .modal-header span{
    color: white;
    opacity: 1;
}
#modalDetalleVideo .modal-dialog{ 
    width: 80%;
    max-width: 1600px;
    height: 80%;
}
#modalDetalleVideo .modal-header .close{
    opacity: 1;
}
#modalDetalleVideo .modal-content{ 
    padding: 20px 40px 40px 40px;
    height: 100%;
    width: 100%;
    background-color: #000;
}
#modalDetalleVideo .modal-body iframe,
#modalDetalleVideo .modal-body{
    height: 100%;
    width: 100%;
}
@media(max-width:767px){
    #modalDetalleVideo .modal-dialog{ 
        width: 95%;
        height: 30%;
    }
    #modalDetalleVideo .modal-content{ 
        padding: 10px;
    } 
}
#detalle_imagen1 .link-yt svg{
    width: 90px;
    height: auto;
}
#detalle_imagen1 .link-yt rect{
    fill: transparent;
}

#detalle_imagen1 .flex-titulos{
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 15px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#detalle_imagen1 .titulos .titulo{
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; 
    letter-spacing: -0.36px;
    color: #fff;
    margin-bottom: 8px;
}

#detalle_imagen1 .titulos .subtitulo{
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #f2f4f7;
    margin-top: 0;
}

#detalle_imagen1 .flex-titulos .titulos{
    display: flex;
    flex-direction: column;
    width: 60%;
}

#detalle_imagen1 .flex-titulos .precios{
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-right: 40px;
}

#detalle_imagen1 .flex-titulos .precios .precio{
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 3px;
}

#detalle_imagen1 .opacidad{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.00) 45.18%, rgba(0, 0, 0, 0.75) 99.86%);
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 20px;
}

#detalle_imagen1 .container-fluid .thumbs .thumb{
    /* padding-left: 10px;
    padding-right: 10px; */
    border-radius: 8px;
    padding: 0;
    width: fit-content;
}
#detalle_imagen1 .container-fluid .thumbs a:hover {
    filter: brightness(0.5);
    /* transform: translateY(-5px); */
}


#detalle_imagen1 .container-fluid{
    padding-bottom: 0;
}

#detalle_imagen1 .container-fluid .estado {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    /* border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; */
    background-color: #0f375d94;
    color: #fff;
    z-index: 10;
    padding: 10px 20px;
    text-align: center;
    display: flex;
    align-items: center;  
    justify-content: center;
}
.col-xs-12.col-sm-12.col-md-12.col-lg-12.hidden-print {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
#detalle_imagen1 .container-fluid .thumbs{
    background-color: transparent;
    /* display: flex;
    flex-direction: row; */
    padding-left: 0;
    padding-right: 0;
}

#detalle_imagen1 .container-fluid .thumbs a{
    /*height: 113px;
    width: 194px;*/
    border-radius: 8px;
    height: fit-content;
    position: relative;
    /* max-width: 190px; */
}
#detalle_imagen1 .container-fluid .thumbs .opacityVerMas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}
#detalle_imagen1 .container-fluid .thumbs img, #detalle_imagen1 .container-fluid .thumbs .opacityVerMas {
    border-radius: 8px;
}
/* #detalle_imagen1 .container-fluid .thumbs img{
    max-width: 190px;
} */
#detalle_imagen1 .container-fluid .thumbs .opacityVerMas .text-center {
    margin: auto;
}

#detalle_imagen1 .colprint{
    padding-left: 35px;
    padding-right: 20px;
}

#detalle_imagen1 hr{
    border-color: #0F1B18;
    margin-top: 48px;
    margin-bottom: 48px;
    width: 100%;
}

#detalle_imagen1 .container-fluid .thumbs>div:first-child{
    padding-left: 0;
}

#detalle_imagen1 .main-img{
    border-radius: 20px;
}
#detalle_imagen1 .container-titulo-mobile2{
    display: none;
}
#detalle_imagen1 .carfax{
    max-width: 505px;
    padding-bottom: 20px;
    width: 100%;
}
@media (min-width: 1600px) {
    #detalle_imagen1 .container {
        max-width: 1824px;
        width: 100%;
    }
}
@media(max-width: 1050px){
    #detalle_imagen1 .container-fluid .estado{
        padding: 10px !important;
        line-height: 24px !important;
        height: fit-content !important;
    }
    #detalle_imagen1 .container-titulo .titulo {
        margin: 0;
        color: var(--Black, #232628);
        font-family: Lato;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.24px;
    }
    #detalle_imagen1 .left img {
        width: 36px;
        height: 36px;
    }
    #detalle_imagen1 .container-fluid {
        padding: 0;
    }
    #detalle_imagen1 .link-yt svg{
        width: 70px;
    }
    #detalle_imagen1 .left {
        top: 40px !important;
        bottom: inherit !important;
        right: 10px !important;
    }
    #detalle_imagen1 .container-titulo {
        display: none;
        padding: 0;
    }
    #detalle_imagen1 .container-titulo.container-titulo-mobile2 {
        display: flex;
        position: relative;
        bottom: inherit;
        margin: 30px 0;
    }
    #detalle_imagen1 .matriculacion {
        color: var(--Black, #232628);
        font-family: Lato;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.24px;
    }
    #detalle_imagen1 .version {
        color: var(--Black, #232628);
        font-family: Lato;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.24px;
        width: 90%;
    }
    #detalle_imagen1 .container-titulo .subtitulo {
        color: var(--Black, #232628);
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 150% */
    }
    #detalle_imagen1 hr {
        display: none;
    }
    #detalle_imagen1 .left {
        position: absolute;
        top: inherit;
        bottom: 70px;
        right: 20px;
        z-index: 9;
        padding: 0 25px;
    }
}
@media(max-width: 767px){
    #detalle_imagen1 .link-yt{
        bottom: 30px;
    }
    /* #detalle_imagen1 .carfax{
        display: none;
    } */
    #detalle_imagen1 .titulos .titulo {
        font-size: 30px;
    }
    /* #detalle_imagen1 .container-fluid .thumbs a {
        height: 100px;
        width: 169px;
    } */
    #detalle_imagen1 .flex-titulos .precios{
        display: none;
    }
    #detalle_imagen1 .container-fluid .thumbs{
        overflow: hidden;
        /* height: 152px; */
        gap: 20px;
    }
    #detalle_imagen1 .flex-titulos .titulos{
        width: 100%;
    }
    #detalle_imagen1 .titulos .titulo{
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0px;
    }
    #detalle_imagen1 .titulos .subtitulo{
        white-space: nowrap;     
        overflow: hidden;         
        text-overflow: ellipsis; 
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 5px;
    }
    #detalle_imagen1 .container{
        padding-left: 0;
        padding-right: 15px;
    }
    #detalle_imagen1 hr{
        margin-top: 20px;
    }
    .swiper-detalle-img-1{
        margin-bottom: 16px;
    }
    #detalle_imagen1 .left {
        bottom: 50px;
        right: 0px;
    }
}

/* backgrounds detalle */

#detalle_imagen1, #detalle_info7, #calculadora_financiera7, #detalle_prestaciones2, #relacionados_detalle1{
    background-color: #F2F4F7;
}

/* nosotros */

#texto1.texto_18.asp_7{
    display: none;
}
#texto1.texto_18 .container-fluid{
    background-color: #fff;
}

#hero_multiple.hero-multiple-3 video{
    width: 100%;
}
#hero_multiple.hero-multiple-3.hero_18 h1{
    display: none;
}

/* NUEVO MAPA */
#mapa_simple{
    padding-top: var(--padding-section-lg);
    padding-bottom: var(--padding-section-lg);
    background-color: var(--var-color-off-white);
}

#mapa_simple .container-fluid{
    background:none;
}

#mapa_simple .contendor-texto-mapa{
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 24px;
}

#mapa_simple .mapa{
    border-radius:8px;
    background-position:right !important;
    height: auto !important;
}

#mapa_simple .info{
    position: static !important;
    max-width: 100%;
}

@media(min-width:1920px){
    #mapa_simple .mapa{
        height: 450px !important;
    }
}

@media(max-width:1679px){
    #mapa_simple .container{
        padding-left: var(--padding-container) !important;
        padding-right: var(--padding-container) !important;
    }
}

@media(max-width:1399px){
    #mapa_simple .mapa{
        max-height:400px;
        height:100%;
    }
}

@media(max-width:1199px){
    #mapa_simple .contendor-texto-mapa{
        grid-template-columns: 300px 1fr;
    }
}

@media(max-width:991px){

    #mapa_simple .container{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    #mapa_simple .contendor-texto-mapa{
        grid-template-columns:1fr;
    }

    #mapa_simple .mapa{
        aspect-ratio: 16 / 9;
    }

    #mapa_simple .info{
        max-width: 100% !important;
    }
}

#mapa_simple .container{
    margin: 0 auto;
    padding: 0px;
    max-width: var(--max-width);
    width: 100%;
}
#mapa_simple .mapa{
    background-image: url("/img/grupoautovivo94/tasacion-mapa.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    width: 100%;
}
#mapa_simple .info{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    left: 140px;
    top: 60px;
    gap: 24px;
    padding: 40px;
    border-radius: 8px;
    height: 100%;
}
#mapa_simple .info p{
    margin: 0px;
}
#mapa_simple .info .form-group button{
    display: flex;
    width: 300px;
    height: 51px;
    padding: 16px 32px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    background: var(--Light-Grey, #F4F4F4);
    border: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
#mapa_simple .botones{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
#mapa_simple .botones button{
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 99px;
} 
#mapa_simple .botones .boton1{
    border: 1px solid var(--Primary-Green, #007D31);
    background-color: white;
    color: #007D31;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
#mapa_simple .botones .boton2{
    background: var(--Primary-Green, #0F375D);
    color: white;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}
#mapa_simple .info .boton1:hover{
    background: var(--Primary-Green, #ddd);
}
#mapa_simple .info .boton2:hover{
    background: var(--Primary-Green, #ddd);
}

@media(max-width: 1499px){
    #mapa_simple{
        min-width: auto;
        max-width: 100%;
    }
    #mapa_simple .mapa{
        height: 700px;
    }
    #mapa_simple .info{
        min-width: auto;
        max-width: 406px;
        position: absolute;
        border-radius: 8px;
        left: 40px;
        top: 220px;
        padding: 20px;
        gap: 12px;
        margin-bottom: 0px;
    }
    #mapa_simple .info .form-group button{
        min-width: auto;
        width: 100%;
        padding: 10px;
        gap: 10px;
        font-size: 14px;
        word-break: break-word;
        display: flex;
        flex-wrap: wrap;
    }
    #mapa_simple .info .form-group .txt-select{
        display: flex;
        flex-wrap: wrap;
    }
    #mapa_simple .contendor-texto-mapa{
        min-width: auto;
        width: 100%;
        padding-bottom: 0px;
    }
}

/* servicios nosotros */

#servicio2.servicio_18 .servicio {
    background-color: var(--Blue---50);
}

#servicio2.servicio_18 .titulo{
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    color: #0F375D;
}

#servicio2.servicio_18 .subtitulo{
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-top: 12px;
    padding-bottom: 40px;
    margin-bottom: 0;
    color: #0F375D;
    max-width: 779px;
}

#servicio2.servicio_18 .container{
    padding-top: 72px;
    padding-bottom: 72px;
}

#servicio2.servicio_18 .container-cards{
    padding: 0px;
}

#servicio2.servicio_18 .card_servicio{
    background-color: #F2F4F7;
    border-radius: 8px;
    padding: 28px;
    margin: 0;
}

#servicio2.servicio_18 .container-cards .swiper-wrapper{
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}

#servicio2.servicio_18 .cont_icono{
    margin-bottom: 20px;
}

#servicio2.servicio_18 .titulo_card{
    color: var(--Blue---500, #0D1C2C);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px; /* 120.833% */
    border: none;
    margin: 0 0 20px;
}

#servicio2.servicio_18 .texto_card{
    color: var(--Blue---500, #0D1C2C);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

#servicio2.servicio_18 .swiper-pagination{
    display: none;
}
@media(max-width:1199px){
    #servicio2.servicio_18 .container-cards .swiper-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:991px){
    #servicio2.servicio_18 .titulo{
        font-size: 28px;
        line-height: normal; /* 125% */
    }
    #servicio2.servicio_18 .subtitulo{
        font-size: 16px;
        font-style: normal;
    }
    #servicio2.servicio_18 .container-cards .swiper-wrapper{
        display: flex;
        gap: 0;
    }

    #servicio2.servicio_18 .titulo_card{
        font-family: Lato;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    #servicio2.servicio_18 .texto_card{
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    #servicio2.servicio_18 .swiper-pagination{
        display: flex;
        justify-content: center;
        position: static;
        margin: 34px auto 0;
    }

    #servicio2.servicio_18 .swiper-pagination .swiper-pagination-bullet{
        background-color: var(--Blue---300, #A3B2C2);
    }

    #servicio2.servicio_18 .swiper-pagination .swiper-pagination-bullet-active{
        background-color: var(--Blue---400, #34CCFF);
    }
    #texto1.texto_17.asp_12 .container-imgs .imgLarge{
        height: 330px;
        max-width: 100%;
    }
    #servicio2.servicio_18 .card_servicio{
        height: 295px;
    }
}

@media(max-width:767px){
    #servicio2.servicio_18 .container-cards{
        padding: 0 15px;
    }
}
@media(min-width:767px){
    #servicio2.servicio_18 .container {
        padding-top: 0;
    }
}

#texto1.texto_18.asp_7 video{
    width: 100%;
}

#texto1.texto_18.asp_7 .container{
    width: 100%;
    padding: 0;
    max-width: 1920px;
}

#texto1.texto_18.asp_12 .container{
    padding-top: 145px;
}

#texto1.texto_18.asp_12 .container .col-xs-12{
    position: relative;
}

#texto1.texto_18.asp_12 .img-1{
    background: url(/img/agabilondo/img-nosotros1.jpg) lightgray -273.256px 0px / 266.849% 100% no-repeat;
    border-radius: 8px;
    width: 440px;
    height: 504px;
    position: absolute;
    left: -180px;
    top: 50%;
    transform: translateY(-50%);
}

#texto1.texto_18.asp_12 .img-2{
    background: url(/img/agabilondo/img-nosotros2.jpg) lightgray 50% / cover no-repeat;
    border-radius: 8px;
    width: 310px;
    height: 236px;
    position: absolute;
    top: -58px;
    right: -111px;
}

#texto1.texto_18.asp_12 .titulo{
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px; /* 100% */
    letter-spacing: -1.28px;
    color: #0F375D;
    max-width: 660px;
}

#texto1.texto_18.asp_12 .titulo .darker{
    font-weight: 700;
    color: #0F375D;
}

#texto1.texto_18.asp_12 .texto{
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #0F375D;
    padding-top: 25px;
    /* padding-bottom: 12px; */
    max-width: 660px;
}

#texto1.texto_18.asp_12 .container-txt{
    padding: 298px 40px 60px 290px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #F2F4F7;
    width: fit-content;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
}

#texto1.texto_18.asp_12 .leer-mas{
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #0F375D;
    text-align: left;
}
#texto1.texto_18.asp_12 .container-txt .texto {
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

#texto1.texto_18.asp_12 .container-txt.expanded .texto {
    -webkit-line-clamp: unset;
    overflow: visible;
}

#texto1.texto_18.asp_12 .container-txt .leer-mas {
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
}

@media (max-width: 1399px) {
    #texto1.texto_18.asp_12 .img-1 {
        width: 350px; /* Reducir tamaño */
        height: 400px;
        left: -100px; /* Ajustar posición */
    }

    #texto1.texto_18.asp_12 .img-2 {
        width: 250px; /* Reducir tamaño */
        height: 190px;
        top: -40px;
        right: -80px;
    }
}
@media (max-width: 1200px) {
    #texto1.texto_18.asp_12 .img-1 {
        width: 250px;
        height: 300px;
        left: -20px;
    }

    #texto1.texto_18.asp_12 .img-2 {
        top: -20px;
        right: -20px;
    }
}
@media (max-width: 990px) {
    #texto1.texto_18.asp_12 .container-txt {
        padding: 30px 40px 400px 40px;
    }
    #texto1.texto_18.asp_12 .img-1 {
        left: 40px;
        top: inherit;
        bottom: -80px;
    }
    #texto1.texto_18.asp_12 .img-2 {
        top: inherit;
        right: 40px;
        bottom: 40px;
    }
    #texto1.texto_18.asp_12 .titulo {
        font-size: 32px;
    }#texto1.texto_18.asp_12 .container-txt .leer-mas ,
    #texto1.texto_18.asp_12 .container-txt .texto {
        font-size: 18px;
    }
    #texto1.texto_18.asp_12 .titulo,
    #texto1.texto_18.asp_12 .titulo .darker {
        line-height: normal !important;
    }
}
@media (max-width: 500px) {
    #texto1.texto_18.asp_12 .container-txt {
        padding: 30px 20px 280px 20px;
    }
    #texto1.texto_18.asp_12 .img-1 {
        left: 20px;
        top: inherit;
        bottom: -50px;
        width: 181.503px;
        height: 207.821px;
    }
    #texto1.texto_18.asp_12 .img-2 {
        top: inherit;
        right: 20px;
        bottom: 20px;
        width: 182.41px;
        height: 138.85px;
    }
    #texto1.texto_18.asp_12 .container {
        padding-top: 40px;
    }
}
#texto1.texto_18.asp_17 .grid{
    display: flex;
    gap: 200px;
}

#texto1.texto_18.asp_17 .grid .cont-textos{
    display: flex;
    flex-direction: column;
    padding-right: 25px;
}

#texto1.texto_18.asp_17 .grid .cont-textos .titulo{
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    color: #0F375D;
    padding-bottom: 20px;
}

#texto1.texto_18.asp_17 .grid .cont-textos .texto{
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; 
    color: #0F375D;
}

#texto1.texto_18.asp_17 .grid .img-flotante{
    /* background: url(/img/agabilondo/img-nosotros3.jpg) lightgray 50% / contain no-repeat; */
    width: 100%;
    min-width: 545.197px;
    height: 777px;
}
#texto1.texto_18.asp_17 .grid .img-flotante img{
    border-radius: 8px;
}
@media (max-width: 1400px) {
    #texto1.texto_18.asp_17 .grid {
        gap: 50px;
    }
}
@media (max-width: 1200px) {
    #texto1.texto_18.asp_17 .grid {
        flex-direction: column;
    }
    #texto1.texto_18.asp_17 .grid .img-flotante img {
        height: 500px;
        margin: auto;
        width: 100%;
        object-fit: contain;
    }
    #texto1.texto_18.asp_17 .grid .img-flotante {
        width: fit-content;
        min-width: inherit;
        max-width: fit-content;
        height: fit-content;
        margin: auto;
    }
}
@media (max-width: 990px) {
    #texto1.texto_18.asp_17 .grid .cont-textos .titulo {
        color: var(--Dark-blue, #0F375D);
        font-family: Lato;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.64px;
    }
    #texto1.texto_18.asp_17 .grid .cont-textos .texto {
        color: var(--Dark-blue, #0F375D);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }
}

/* #texto1.texto_18.asp_22  {
    display: none;
} */
#texto1.texto_18.asp_22 .swiper-container-slides-nosotros{
    position: relative;
    overflow:hidden;
}

#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide1 img,
#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide4 img{
    width: 100%;
    height: 615px;
    border-radius: 20px;
    object-fit: cover;
    object-position: bottom;
}

#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide2 img,
#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide5 img{
    width: 100%;
    height: 615px;
    border-radius: 20px;
    object-fit: cover;
}

#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide3 img,
#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide6 img,
#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide7 img,
#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide8 img,
#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide9 img,
#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide10 img,
#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide11 img,
#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide12 img{
    width: 100%;
    height: 615px;
    border-radius: 20px;
    object-fit: cover;
}

#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .button-prev{
    position: absolute;
    left: 13%;
    top: 50%;
    border-radius: 200px;
    background: rgba(124, 139, 161, 0.30);
    padding: 10px;
    z-index: 1;
}

#texto1.texto_18.asp_22 .swiper-container-slides-nosotros .button-next{
    position: absolute;
    right: 13%;
    top: 50%;
    border-radius: 200px;
    background: rgba(124, 139, 161, 0.30);
    padding: 10px;
    z-index: 1;
}

#texto1.texto_18.asp_22 .col-lg-12 {
    padding: 0;
}
@media (min-width: 1600px) {
    #texto1.texto_18.asp_22 .container {
        width: 100%;
        max-width: 1800px;
    }
}
@media (max-width: 1599px) {
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .button-prev {
        left: 11.5%;
    }
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .button-next {
        right: 11.5%;
    }
}
@media (max-width: 1199px) {
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .button-prev {
        left: 20px;
        background: rgb(247 247 247);
    }
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .button-next {
        right: 20px;
        background: rgb(247 247 247);
    }
}
@media (max-width: 990px) {

    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide1 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide2 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide3 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide4 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide5 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide6 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide7 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide8 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide9 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide10 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide11 img,
    #texto1.texto_18.asp_22 .swiper-container-slides-nosotros .slide12 img{
        height: 415px;
    }
}
#texto1.texto_18.asp_22 .container {
    max-width: 100% !important;
}
#texto1.texto_18.asp_22 {
    overflow: hidden;
}
#texto1.texto_18.asp_37 .container-fluid{
    background: var(--Offwhite, #F2F4F7);
}

#texto1.texto_18.asp_37 .contenedor{
    display: flex;
    gap: 40px;
    width: fit-content;
    margin: auto;
}

#texto1.texto_18.asp_37 .img-flotante {
    border-radius: 8px;
    background: url(/img/agabilondo/img-nosotros4.jpg) lightgray no-repeat center;
    background-size: cover; 
    width: 820px;
    flex-shrink: 0;
}


/* #texto1.texto_18.asp_37 .cont-texto{
    flex-grow: 1;
} */

#texto1.texto_18.asp_37 .cont-logo{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 34px;
}

#texto1.texto_18.asp_37 .cont-logo .texto-logo{
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    color: var(--Red-Primary-900, #270A0A);
    max-width: 140px;
}

#texto1.texto_18.asp_37 .cont-logo .cont-estrellas{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
}

#texto1.texto_18.asp_37 .cont-logo .cont-estrellas .estrellas{
    display: flex;
    gap: 10px;
}

#texto1.texto_18.asp_37 .cont-logo .numero{
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 100% */
    letter-spacing: -1.28px;
    color: #0F375D;
    text-align: center;
}

#texto1.texto_18.asp_37 .cont-logo .puntuacion{
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    color: #0F375D;
}

#texto1.texto_18.asp_37 .cont-texto .card{
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 0.80) 0%, rgba(241, 241, 241, 0.00) 61.21%), #FFF;
    padding: 40px;
    max-width: 544px;
    margin-bottom: 54px;
}

#texto1.texto_18.asp_37 .cont-texto .card .texto{
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: var(--Dark-blue, #0F375D);
}

#texto1.texto_18.asp_37 .cont-texto .card .cont-inferior{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

#texto1.texto_18.asp_37 .cont-texto .card .cont-inferior .nombre{
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: var(--Dark-blue, #0F375D);
}

#texto1.texto_18.asp_37 .cont-texto .card-1{
    margin-bottom: 28px;
    margin-top: 34px;
}

#texto1.texto_18.asp_37 .cont-texto a{
    padding: 20px;
    border-radius: 18px;
    background: var(--Medium-blue, #36608A);
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--White, #FFF);
    margin-top: 24px;
}
#texto1.texto_18.asp_37 .img-flotante2{
    display: none;
}

@media (max-width: 1399px) {
    #texto1.texto_18.asp_37 .img-flotante {
        width: 620px;
    }
}
@media (max-width: 1200px) {
    #texto1.texto_18.asp_37 .img-flotante {
        width: 450px;
    }
}
@media (max-width: 990px) {
    #texto1.texto_18.asp_37 .contenedor {
        flex-direction: column;
    }
    #texto1.texto_18.asp_37 .img-flotante {
        display: none;
    }
    #texto1.texto_18.asp_37 .img-flotante.img-flotante2{
        display: block;
        width: auto;
        height: 218px;
    }
    #texto1.texto_18.asp_37 .cont-texto .card {
        max-width: 100%;
        padding: 23px;
    }
    #texto1.texto_18.asp_37 .cont-texto a {
        padding: 16px;
        width: 210px;
        margin: auto;
        display: block;
        text-align: center;
    }
    #texto1.texto_18.asp_37 .cont-texto .card .cont-inferior {
        gap: 0;
        justify-content: space-between;
    }
    #texto1.texto_18.asp_37 .cont-logo .texto-logo {
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.28px;
    }
}
#texto1.texto_18.asp_42 .titulo{
    color: var(--Dark-gray, #A3B2C2);
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    text-align: center;
}

#texto1.texto_18.asp_42 .titulo span{
    color: var(--Dark-blue, #0F375D);
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.36px;
}

#texto1.texto_18.asp_42 img{
    height: auto;
    max-width: 580px;
}

#texto1.texto_18.asp_42 .imagenContent{
    margin: auto;
    width: fit-content;
}

#texto1.texto_18.asp_42 .grid-cards{
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);  */
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 40px; 
    padding: 20px;
}

#texto1.texto_18.asp_42 .card{
    display: flex;
    padding: 28px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px;
    background: var(--Offwhite, #F2F4F7);
    max-width: 400px;
}

#texto1.texto_18.asp_42 .titulo-card{
    color: var(--Dark-blue, #0F375D);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px; /* 120.833% */
    max-width: 80%;
}

#texto1.texto_18.asp_42 .texto-card{
    color: var(--Dark-blue, #0F375D);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

@media (max-width: 990px) {
    #texto1.texto_18.asp_42 img {
        height: auto;
        max-width: 350px;
    }
    #texto1.texto_18.asp_42 .titulo {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #texto1.texto_18.asp_42 .grid-cards {
        flex-direction: column;
    }
    #texto1.texto_18.asp_42 .card {
        max-width: 100%;
    }
    #texto1.texto_18.asp_42 .titulo-card {
        color: var(--Dark-blue, #0F375D);
        text-align: center;
        
        /* Titles/Mobile/H5 Bold */
        font-family: Lato;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
    }
    #texto1.texto_18.asp_42 .texto-card {
        color: var(--Dark-blue, #0F375D);

        /* Body Copy/XS Regular */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
        text-align: center;
    }
}

#datos11.datos11_18{
    display: none;
}

#menu14 .container-fluid .container-inside .right-bar .rrss{
    display: none;
}

#menu14 .container-fluid .menu-box .navbar .nav {
    justify-content: flex-end;
}

#menu14 .container-fluid .logo .img-responsive {
    max-width: 150px;
    width: 150px;
    height: auto !important;
}

#menu14 .color-scroll {
    padding: 20px;
}
#menu14 .container-fluid .menu-box .navbar .nav li a {
    color: var(--Offwhite, #F2F4F7);
    leading-trim: both;
    text-edge: cap;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#menu14 .color-scroll.transparent{
    border-bottom: 1px solid var(--Light-blue, #34CCFF);
    background: linear-gradient(0deg, rgba(15, 55, 93, 0.00) 0%, rgba(15, 55, 93, 0.40) 100%), rgba(35, 38, 40, 0.40);
}

#menu14 .color-scroll.scroll{
    border-bottom: 1px solid var(--Dark-blue, #0F375D);
    background: var(--White, #FFF);
}

#menu14 .color-scroll.scroll.container-fluid .menu-box .navbar .nav li a {
    color: #232628;
}
#menu14 .logo .logo-default {
    display: block;
}

#menu14 .logo .logo-scroll {
    display: none;
}
#menu14 .container-fluid .container-inside {
    max-width: 1800px;
    margin: auto;
}

#menu14 .menu14.scroll .logo .logo-default {
    display: none;
}

#menu14 .menu14.scroll .logo .logo-scroll {
    display: block;
}
#menu14 .container-fluid .menu-movil button span {
    color: #ffffff;
}
#menu14 .container-fluid.scroll .menu-movil button span {
    color: #000000;
}

#menu14.open-menu .nav-menu-box-mobile {
    background: var(--Dark-blue, #0F375D);
    width: 100%;
    max-width: 100%;
    top: 92px;
}
#menu14.open-menu .container-fluid .menu-movil {
    background-color: #cccccc00;
}
#menu14.open-menu .container-fluid ,
#menu14.open-menu .color-scroll.transparent {
    background: #0F375D !important;
}
#menu14.open-menu .scroll .logo .logo-scroll{
    display: none;
}
#menu14.open-menu .logo .logo-scroll {
    display: none;
}
#menu14.open-menu .scroll .logo .logo-default{
    display: block;
}
#menu14.open-menu .logo .logo-default {
    display: block;
}

#menu14 .nav-menu-box-mobile .navbar-nav li {
    border-bottom: none;
    border-top: 1px solid var(--Dark-gray, #A3B2C2);
}
#menu14 .nav-menu-box-mobile .navbar-nav li a{
    padding: 16px 40px;
    color: var(--Offwhite, #F2F4F7);
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.24px;
}

#menu14.open-menu .container-fluid.scroll .menu-movil button span {
    color: #ffffff;
}
#menu14 .menu-movil .close-icon {
    display: none; 
}

#menu14.open-menu .menu-movil .hamburger-icon {
    display: none; 
}

#menu14.open-menu .menu-movil .close-icon {
    display: block; 
}
#menu14.open-menu .container-fluid .menu-movil button{
    margin-top: 0;
}
#menu14.close-menu .nav-menu-box-mobile,
#menu14.open-menu .nav-menu-box-mobile {
    transition: 0s;
}

/*menus blancos*/
#menu14.menu14_28,
#menu14.menu14_31,
#menu14.menu14_32,
#menu14.menu14_12,
/* #menu14.menu14_11, */
#menu14.menu14_25,
#menu14.menu14_18,
#menu14.menu14_17{
    position: absolute;
}
#menu14.menu14_28 .color-scroll.transparent,
#menu14.menu14_31 .color-scroll.transparent,
#menu14.menu14_32 .color-scroll.transparent,
#menu14.menu14_19 .color-scroll.transparent,
#menu14.menu14_20 .color-scroll.transparent,
#menu14.menu14_14 .color-scroll.transparent,
#menu14.menu14_21 .color-scroll.transparent,
#menu14.menu14_11 .color-scroll.transparent,
#menu14.menu14_26 .color-scroll.transparent,
#menu14.menu14_10 .color-scroll.transparent,
#menu14.menu14_1 .color-scroll.transparent{
    /* border-bottom: 1px solid var(--Dark-blue, #0F375D); */
    background: var(--White, #FFF);
}
#menu14.menu14_28 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a ,
#menu14.menu14_31 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a ,
#menu14.menu14_32 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a ,
#menu14.menu14_19 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a ,
#menu14.menu14_20 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a ,
#menu14.menu14_14 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a ,
#menu14.menu14_21 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a ,
#menu14.menu14_26 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a ,
#menu14.menu14_11 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a ,
#menu14.menu14_10 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a ,
#menu14.menu14_1 .color-scroll.transparent.container-fluid .menu-box .navbar .nav li a {
    color: #232628;
}
#menu14.menu14_28 .transparent .logo .logo-scroll,
#menu14.menu14_31 .transparent .logo .logo-scroll,
#menu14.menu14_32 .transparent .logo .logo-scroll,
#menu14.menu14_19 .transparent .logo .logo-scroll,
#menu14.menu14_20 .transparent .logo .logo-scroll,
#menu14.menu14_14 .transparent .logo .logo-scroll,
#menu14.menu14_21 .transparent .logo .logo-scroll,
#menu14.menu14_26 .transparent .logo .logo-scroll,
#menu14.menu14_11 .transparent .logo .logo-scroll,
#menu14.menu14_10 .transparent .logo .logo-scroll,
#menu14.menu14_1 .transparent .logo .logo-scroll {
    display: block;
}
#menu14.menu14_28 .transparent .logo .logo-default,
#menu14.menu14_31 .transparent .logo .logo-default,
#menu14.menu14_32 .transparent .logo .logo-default,
#menu14.menu14_19 .transparent .logo .logo-default,
#menu14.menu14_20 .transparent .logo .logo-default,
#menu14.menu14_14 .transparent .logo .logo-default,
#menu14.menu14_21 .transparent .logo .logo-default,
#menu14.menu14_26 .transparent .logo .logo-default,
#menu14.menu14_11 .transparent .logo .logo-default,
#menu14.menu14_10 .transparent .logo .logo-default,
#menu14.menu14_1 .transparent .logo .logo-default {
    display: none;
}
#menu14.menu14_28 .container-fluid .menu-movil button span ,
#menu14.menu14_31 .container-fluid .menu-movil button span ,
#menu14.menu14_32 .container-fluid .menu-movil button span ,
#menu14.menu14_19 .container-fluid .menu-movil button span ,
#menu14.menu14_20 .container-fluid .menu-movil button span ,
#menu14.menu14_14 .container-fluid .menu-movil button span ,
#menu14.menu14_21 .container-fluid .menu-movil button span ,
#menu14.menu14_26 .container-fluid .menu-movil button span ,
#menu14.menu14_11 .container-fluid .menu-movil button span ,
#menu14.menu14_10 .container-fluid .menu-movil button span ,
#menu14.menu14_1 .container-fluid .menu-movil button span {
    color: #000000;
}
#menu14.menu14_28.open-menu .logo .logo-default,
#menu14.menu14_31.open-menu .logo .logo-default,
#menu14.menu14_32.open-menu .logo .logo-default,
#menu14.menu14_19.open-menu .logo .logo-default,
#menu14.menu14_20.open-menu .logo .logo-default,
#menu14.menu14_14.open-menu .logo .logo-default,
#menu14.menu14_21.open-menu .logo .logo-default,
#menu14.menu14_26.open-menu .logo .logo-default,
#menu14.menu14_11.open-menu .logo .logo-default,
#menu14.menu14_10.open-menu .logo .logo-default,
#menu14.menu14_1.open-menu .logo .logo-default {
    display: block;
}
#menu14.menu14_28.open-menu  .transparent .logo .logo-scroll ,
#menu14.menu14_31.open-menu  .transparent .logo .logo-scroll ,
#menu14.menu14_32.open-menu  .transparent .logo .logo-scroll ,
#menu14.menu14_19.open-menu  .transparent .logo .logo-scroll ,
#menu14.menu14_20.open-menu  .transparent .logo .logo-scroll ,
#menu14.menu14_14.open-menu  .transparent .logo .logo-scroll ,
#menu14.menu14_21.open-menu  .transparent .logo .logo-scroll ,
#menu14.menu14_26.open-menu  .transparent .logo .logo-scroll ,
#menu14.menu14_11.open-menu  .transparent .logo .logo-scroll ,
#menu14.menu14_10.open-menu  .transparent .logo .logo-scroll ,
#menu14.menu14_1.open-menu  .transparent .logo .logo-scroll {
    display: none;
}
@media (max-width: 1260px) {
    #menu14 .container-fluid .menu-box .navbar .nav li a ,
    #menu14 .container-fluid .menu-box .navbar .nav li a {
        font-size: 16px;
    }
}
@media (max-width: 1260px){
#menu14 .color-scroll.transparent {
        border-bottom:transparent;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%), rgba(0, 0, 0, 0);
    }
}


/*HOME*/
#hero_multiple{
    width: 100%;
    background-color: #F2F4F7;
}
 #hero_multiple .container-fluid  {
    width: 100%;
    height: 100%;
}
#hero_multiple #filtro_listado_modal {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    width: 100%;
}
#hero_multiple #filtro_listado_modal .filtro{
    background-color: transparent;
}

#hero_multiple #filtro_listado_modal .container {
    max-width: 1800px;
}

#hero_multiple #filtro_listado_modal form {
    display: flex;
    flex-direction: row;
}
#hero_multiple #filtro_listado_modal .dropdown-menu {
    bottom: 57px !important;
    top: unset;
}
#hero_multiple #filtro_listado_modal .dropdown {
    width: 35%;
    border-bottom: 1px solid white;
}
#hero_multiple #filtro_listado_modal .dropdown .select-dropdown {
    background-color: transparent;
}

#hero_multiple #filtro_listado_modal .dropdown .select-dropdown {
    color: white!important;
}

#hero_multiple .container{
    max-width: 100%;
    width: 100%;
    height: 100%;
}
#hero_multiple .container-fluid .container .swiper-slide .titulo{
    margin-top: 20px;
    font-family: Lato;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.6px;
    text-align: left;
} 
#hero_multiple .container-fluid .container .swiper-slide .subtitulo {
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
    max-width: 650px;
}
#hero_multiple h3{
    color: var(--Light-blue, #34CCFF);
    margin-bottom: 0;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 144.444% */
}

#hero_multiple .container-fluid .container .swiper-slide .container-slide {
    max-width: 850px;
    position: relative;
    z-index: 5;
}
#hero_multiple .swiper-container {
    height: 100%;
}
/* #hero_multiple .swiper-slide.1 {
    background-image: transparent !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),
                linear-gradient(270deg, rgba(15, 55, 93, 0.00) 45.02%, rgba(15, 55, 93, 0.80) 100%),
                url('/img/agabilondo/slider-home1.jpg') lightgray 50% / cover no-repeat !important;
} */
#hero_multiple .container-fluid .container .swiper-slide::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; 
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),
                linear-gradient(270deg, rgba(15, 55, 93, 0.00) 45.02%, rgba(15, 55, 93, 0.80) 100%) !important;
    pointer-events: none; 
}
#hero_multiple #filtro_listado_modal .container::before{
    background: transparent !important;
}
#hero_multiple .swiper-slide {
    background-image: transparent !important;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),
                linear-gradient(270deg, rgba(15, 55, 93, 0.00) 45.02%, rgba(15, 55, 93, 0.80) 100%),
                url('/img/agabilondo/slider-home1.jpg') lightgray 50% / cover no-repeat !important; */
}
#hero_multiple .swiper-button-next, .swiper-button-prev {
    position: relative !important; 
}
#hero_multiple .container-fluid .container .swiper-button-prev {
    left: inherit;
}
#hero_multiple .container-fluid .container .swiper-button-next {
    right: inherit;
}
#hero_multiple .navegacion{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    /* display: none; */
}

#hero_multiple .container-fluid .container .swiper-button-prev, #hero_multiple .container-fluid .container .swiper-button-next{
    background-color: #36608A;
}
#hero_multiple .container-fluid .container .swiper-button-prev svg path, #hero_multiple .container-fluid .container .swiper-button-next svg path {
    fill: white;
}

#hero_multiple .container-fluid .container .swiper-pagination {
    display: flex;
    flex-direction: column;
    gap: 16px; 
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    left: 10px !important;
    height: fit-content;
    background:transparent;
    backdrop-filter: none;
    /* display: none; */
}
#hero_multiple .container-fluid .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width:16px !important;
    background-color: #34CCFF !important; 
    border-radius: 50px;
    height: 16px !important;
    outline: 2px solid #34CCFF;
    outline-offset: 5px;
}

#hero_multiple .container-fluid .container .swiper-pagination .swiper-pagination-bullet {
    background: white;
}

@media (max-width: 991px) {
    #hero_multiple .container-fluid .container .swiper-slide .container-slide {
        margin-bottom: 20px;
        padding: 20px;
    }
    #hero_multiple .container-fluid .container .swiper-pagination {
        display: flex;
        flex-direction: row;
        gap: 16px;
        position: relative;
        left:inherit !important;
        right: inherit;
        margin: auto;
        bottom: 50px;
        top: inherit;
        transform: none;
        height: fit-content;
    }
    #hero_multiple #filtro_listado_modal {
        position: relative;
        bottom: 0;
    }#hero_multiple .container-fluid .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    #hero_multiple .container-fluid .container .swiper-pagination .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
    }
    #hero_multiple h3 {
        color: var(--Light-blue, #34CCFF);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px; /* 157.143% */
    }
    #hero_multiple .container-fluid .container .swiper-slide .container-slide .titulo {
        color: var(--secondary-white-100, #FFF);
        font-family: Lato;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.64px;
    }
    #hero_multiple .container-fluid .container .swiper-slide .container-slide .subtitulo {
        color: var(--secondary-white-100, #FFF);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }
    #hero_multiple .navegacion{
        display: none;
    }
    #hero_multiple #filtro_listado_modal .dropdown .select-dropdown {
        color: #0F375D !important;
    }
    #hero_multiple #filtro_listado_modal .dropdown{
        width: 100%;
        border-bottom: 1px solid var(--Dark-blue, #0F375D);
    }
    #hero_multiple #filtro_listado_modal form {
        display: flex;
        flex-direction: column;
        padding: 0 40px;
    }
    #filtro_listado_modal .btnBuscarCont {
        max-width: 100%;
    }
    /* #hero_multiple #filtro_listado_modal .dropdown-menu {
        bottom: inherit !important;
    } */
    #filtro_listado_modal .btn-buscar {
        color: var(--White, #FFF);
        leading-trim: both;
        text-edge: cap;
        font-family: Lato;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-radius: 18px;
        width: 55%;
        margin: auto;
    }
}


/*filtro3*/

#filtro3.filtro_0 .rounded{
    display: none;
}
#filtro3 form {
    width: 100%;
}
#filtro3 .dropdown {
    width: 40%;
}
#filtro3 .dropdown .select-dropdown {
    background-color: transparent;
    border-right: none;
    color: white !important;
    border-bottom:  1px solid white;
}
#filtro3 .dropdown .select-dropdown .txt-select {
    color: white;
}
#filtro3 .btn-buscar {
    background-color: #34CCFF;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 18px;
    width: fit-content;
    line-height: inherit;
    color: var(--Dark-blue, #0F375D);
    leading-trim: both;
    text-edge: cap;

    /* Buttons/B1 Bold */
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 15px;
}
/*listado destacados*/

#destacado1.destacado_asp_12 .titulo,
#destacado1.destacado_asp_12 .subtitulo{
    display: none;
}
#destacado1.destacado_asp_12 .container-fluid {
    padding-top: 48px;
}
#destacado1.destacado_asp_12 .topButtons{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 30px;
}
#destacado1.destacado_asp_12 .uk-invisible {
    visibility: visible !important;
}
#destacado1.destacado_asp_12 .topButtons .button1{
    /* background-image: url("/img/agabilondo/destacados-turismo.jpg"); */
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 0) 52.83%, #0F375D 100%),
    url('/img/agabilondo/destacados-turismo.jpg') center/cover no-repeat; */
    background: 
    linear-gradient(90deg, #0f375d3d, #0F375D 100%),
    url('/img/agabilondo/destacados-turismo.jpg') 50% / cover no-repeat,
    url('/img/agabilondo/destacados-turismo.jpg') -17.996px -135.643px / 103.727% 334.105% no-repeat;

    background-blend-mode: normal, luminosity, luminosity;
    width: 100%;
    padding: 32px 38px;
    border-radius: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 120px;
    background-size: contain;
    background-position: left;
}

#destacado1.destacado_asp_12 .topButtons .button2{
    /* background-image: url("/img/agabilondo/destacados-industriales.jpg"); */
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 0) 52.83%, #0F375D 100%),
    url('/img/agabilondo/destacados-industriales.jpg') center/cover no-repeat; */
    background: 
    linear-gradient(90deg,  #1b60a147, #0F375D 100%),
    url('/img/agabilondo/destacados-industriales.jpg') 50% / cover no-repeat,
    url('/img/agabilondo/destacados-industriales.jpg') -17.996px -135.643px / 103.727% 334.105% no-repeat;
    width: 100%;
    padding: 32px 38px;
    border-radius: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 120px;
    background-size: contain;
    background-position: left;
}
#destacado1.destacado_asp_12 .topButtons a{
    color: var(--White, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #0F375D !important;
}
#destacado1.destacado_asp_12 .container-fluid{
    background: var(--Offwhite, #F2F4F7);
}


#destacado1.destacado_asp_12 .navegacion {
    color: var(--Purple-500, #2C2664);
    leading-trim: both;
    text-edge: cap;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: transparent;
    border:none;
}
@media (max-width: 1400px) and (min-width: 1200px) {
    #listado_infinito1.listado_26 #card11 .card-vehicle .info ,
    #listado_infinito1.listado_1 #card11 .card-vehicle .info ,
    #destacado1.destacado_asp_12 #card11 .card-vehicle .info {
        height: 170px;
        padding: 10px;
    }
}

@media (max-width: 991px) {
    #destacado1.destacado_asp_12 .topButtons {
        display: flex;
        flex-direction: column;
        padding: 20px;
        gap: 24px;
    }
    #destacado1.destacado_asp_12 .topButtons .button2 ,
    #destacado1.destacado_asp_12 .topButtons .button1{
        background-size: cover;
    }
}

/*CARDS*/
#card11 {
    height: 100%;
}
#card11 .card-vehicle {
    background: white;
    border-radius: 8px;
    transition-duration: 0.3s;
    color: black;
    height: 100%;

}
#card11 .card-vehicle .thumb {
    border-radius: 8px 8px 0 0; 
}

#card11 .titulo-card{
    color: var(--Dark-blue, #0F375D);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 100% */
    text-transform: uppercase;
}

#card11 .complemento_titulo{
    color: var(--Dark-blue, #0F375D);
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
    text-transform: uppercase;
    margin: 8px 0 0;
}

#card11 .matriculacion_year{
    color: var(--Dark-blue, #0F375D) !important;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 10px; /* 55.556% */
    height: fit-content;
}
#card11 .card-vehicle .info {
    padding:16px;
    height: auto;
}
#card11 .info-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    height: 100%;
}
#card11 .topCard{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap:6px;
}

#card11 .thumb {
    position: relative; 
}

#card11 .imagenAmbiental {
    position: absolute;
    bottom: 10px;
    right: 10px; 
    width: 50px;  
    height: auto;
    z-index: 1; 
}
#card11 .card-vehicle .thumb img.imagenAmbiental {
    width: 40px;
    height: 40px;
}

#card11 .cuota.color{
    color: var(--Dark-blue, #0F375D);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

#card11 .cuota.color div{
    color: var(--Dark-blue, #0F375D);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#card11 .cuota.color div div.cuotas{
    font-size: 12px;
    text-align: center;
}
#card11 .cuota.color span.i-info {
    position: absolute;
    right: -12px;
    font-size: 10px;
    border: 1px solid #0F375D;
    width: 14px;
    text-align: center;
    border-radius: 50%;
}
/* Tooltip */
#card11 .cuota.color .i-info .tooltip-info {
    content: attr(data-tooltip);
    position: absolute;
    top: -165px; /* Ajusta según tu diseño */
    left: -75px;
    background: #0F375D;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    width: 330px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 100;
    font-weight: 300;
}
@media(max-width: 1899px) {
    #card11 .cuota.color .i-info .tooltip-info {
        width: 300px;
    }
}
@media(max-width: 1535px) {
    #card11 .cuota.color .i-info .tooltip-info {
        width: 275px;
        font-size: 9px;
    }
}
@media(max-width: 1199px) and (min-width: 992px) {
    #listado_infinito1 .col_card {
        width: 33%;
    }
}
#card11 .cuota.color .i-info:hover .tooltip-info {
    opacity: 1;
}
#card11 .price-vehicle{
    color: var(--Dark-blue, #0F375D);
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#card11 .mas-iva {
    font-size: 13px;
    color: var(--Dark-blue, #0F375D);
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    text-align: center;
    font-family: Lato;
}

#card11 .precios{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
}

#card11 .card-vehicle .detalles {
    font-size: 13px;
    color: #0F375D;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#card11 .separador {
    display: block;
    margin-left: 5px;
    margin-right: 5px;
}
#card11 .precios2 .titulo-precio{
    color: var(--Medium-blue, #36608A);
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#card11 .price-anterior{
    color: var(--Medium-blue, #36608A);
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#card11 .precios2 .titulo-precio1{
    color: var(--Dark-blue, #0F375D);
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
#card11 .info {
    position: relative;
}

#card11 .estado-reservado {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0F375D;
    color: white;
    padding: 5px 10px;
    font-weight: bold;
    z-index: 10;
}

#card11 .precio-tachado{
    color: var(--Dark-blue, #0F375D);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: line-through;
}


/* banner home */

#texto1.texto_0.asp_22{
    border-radius: 8px;
}

#texto1.texto_0.asp_22 .container-fluid{
    background-color: #F2F4F7;
    border-radius: 8px;
    padding-top: 60px;
    padding-bottom: 60px;
}

#texto1.texto_0.asp_22 .container{
    background-color: #000;
    padding-top: 0;
    border-radius: 8px;
    padding-bottom: 0;
    /* max-width: 1794px; */
}

#texto1.texto_0.asp_22 .container .col-xs-12{
    padding: 0;
}

#texto1.texto_0.asp_22 .grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 195px;
    background-color: #0F375D;
    border-radius: 8px;
}

#texto1.texto_0.asp_22 .grid .card-1{
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    padding-left: 38px;
    padding-bottom: 60px;
}

#texto1.texto_0.asp_22 .grid .card-2{
    border-radius: 0px 8px 8px 0px;
    height: 100%;
    background: linear-gradient(270deg, rgba(15, 55, 93, 0.00) 36.02%, #0F375D 100%), url(/img/agabilondo/home-banner.jpg) lightgray 50% / cover no-repeat;
    background-blend-mode: normal, multiply;
    mix-blend-mode: luminosity;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#texto1.texto_0.asp_22 .grid .card-1 .titulo{
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 68px; 
    color: #fff;
    text-align: left;
}

#texto1.texto_0.asp_22 .grid .card-1 .texto{
    
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    max-width: 620px;
    padding-bottom: 24px;
    padding-top: 10px;
}

#texto1.texto_0.asp_22 .grid .card-1 a{
    background: transparent;
    border-radius: 18px;
    border: 2px solid var(--White, #FFF);
    padding: 20px;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: fit-content;
    color: #fff;
}
/* @media (min-width: 990px) and (max-width: 1400px) {
    #texto1.texto_0.asp_22 .grid {
        gap: 0px; 
   } 
} */
@media(max-width: 1440px){
    #texto1.texto_0.asp_22 .grid {
         gap: 0px; 
    }
}
@media(max-width: 991px){
    /* #texto1.texto_0.asp_22{
        margin-right: 15px;
        margin-left: 15px;
        padding-top: 30px;
    } */
    #texto1.texto_0.asp_22 .container-fluid{
        padding-top: 0;
    }
    #texto1.texto_0.asp_22 .grid{
        display: flex;
        flex-direction: column;
        gap: 0px;
        margin: 27px;
        height: 577px;
        background: linear-gradient(0deg, rgb(15 55 93 / 45%) 0.17%, #0F375D 99.86%), url(/img/agabilondo/home-banner.movil.jpg);
        background-blend-mode: normal, normal, multiply;
        background-size: cover;
    }
    #texto1.texto_0.asp_22 .container{
        background: #F2F4F7;
    }
    #texto1.texto_0.asp_22 .grid .card-1{
        padding: 0 30px;
        padding-bottom: 0px;
        padding-top: 30px;
        margin-bottom: -60px;
    }
    #texto1.texto_0.asp_22 .grid .card-2{
        border-radius: 0px 8px 8px 0px;
        background-blend-mode: normal, multiply;
        mix-blend-mode: luminosity;
        height:inherit;
        background: none;
    }
    #texto1.texto_0.asp_22 .grid .card-1 .titulo{
        color: var(--Offwhite, #F2F4F7);
        font-family: Lato;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.28px;
    }
    #texto1.texto_0.asp_22 .grid .card-1 .texto{
        color: var(--Offwhite, #F2F4F7);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }
    #texto1.texto_0.asp_22 .grid .card-1 a{
        padding: 16px;
        position: relative;
        z-index: 2;
        color: var(--White, #FFF);
        leading-trim: both;
        text-edge: cap;
        font-family: Lato;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

/*slider home compramos tu coche */

#texto1.texto_0.asp_27 .container-fluid{
    background-color: #F2F4F7;
}

#texto1.texto_0.asp_27 .container{
    padding-top: 87px;
    padding-bottom: 102px;
}

#texto1 .concesionario-marca .titulo{
    color: var(--Dark-blue, #0F375D);
    text-align: center;
    
    /* Titles/Desktop/H2 Bold */
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 100% */
    letter-spacing: -1.28px;
}

#texto1 .concesionario-marca .container-cards .swiper-wrapper{
    margin-top: 40px;
}

#texto1 .concesionario-marca .container-cards .swiper-pagination{
  display: none;
}

#texto1 .concesionario-marca .container-cards .card-concesionario{
    display: flex;
    flex-direction: column;
    justify-content:flex-end;
    align-items: center;
    height: 550px;
    border-radius: 8px;
    padding: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#texto1 .concesionario-marca .container-cards .card-concesionario1{
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 67.39%, #000 100%), url(/img/agabilondo/slider-home-comprar1.jpg);
    background-position: right center;
}

#texto1 .concesionario-marca .container-cards .card-concesionario2{
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 67.39%, #000 100%), url(/img/agabilondo/slider-home-comprar2.jpg);
    background-position: right center;
}

#texto1 .concesionario-marca .container-cards .card-concesionario3{
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 67.39%, #000 100%), url(/img/agabilondo/slider-home-comprar3.jpg);
    background-position: right center;
}

#texto1 .concesionario-marca .container-cards .card-concesionario .titulo-card{
    color: var(--White, #FFF);
    text-align: center;

    /* Titles/Desktop/H4 Bold */
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    z-index: 1;
}

#texto1.texto_0.asp_27 .bottomContent{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    margin-top: 40px;
}

#texto1.texto_0.asp_27 .textoBottom{
    width: 60%;
    color: var(--Dark-blue, #0F375D);

    /* Body Copy/LG Semibold */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
}

#texto1.texto_0.asp_27 .boton{
    color: var(--Dark-blue, #0F375D);
    leading-trim: both;
    text-edge: cap;
    
    /* Buttons/B1 Bold */
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#texto1 .concesionario-marca .container-cards .card-concesionario .subtitulo-card{
    color: var(--White, #FFF);
    text-align: center;

    /* Body Copy/LG Regular */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
    z-index: 1;
}
#texto1 .concesionario-marca .container-cards .card-concesionario .boton-plus{
    align-self: flex-end;
}

@media(max-width:1400px){
    #texto1 .concesionario-marca .container-cards .card-concesionario1{
        background-position:  center;
    }

    #texto1 .concesionario-marca .container-cards .card-concesionario2{
        background-position:  center;
    }

    #texto1 .concesionario-marca .container-cards .card-concesionario3{
        background-position:  center;
    }
}
@media(max-width:991px){

    #texto1.texto_0.asp_27.container{
        padding-top:40px;
        padding-bottom:40px;
    }

    #texto1 .concesionario-marca .titulo{
        font-size: 32px;
        line-height: 40px; /* 125% */
    }
    #texto1 .concesionario-marca .container-cards .swiper-wrapper{
        display:flex;
        gap:0;
        margin-top:32px;
    }

    #texto1 .concesionario-marca .container-cards .card-concesionario{
        height:490px
    }
    #texto1.texto_0.asp_27 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: auto;
        width: 100%;
        position: relative;
        padding: 20px;
    }
    #texto1.texto_0.asp_27 .bottomContent {
        display: flex;
        flex-direction: column;
        align-items: inherit;
    }
    #texto1.texto_0.asp_27 .textoBottom {
        width: 100%;
    }
    #texto1.texto_0.asp_27 .boton {
        margin-top: 40px;
    }
    #texto1 .concesionario-marca .container-cards .card-concesionario .titulo-card{
        font-family: Lato;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.24px;
    }
    #texto1 .concesionario-marca .container-cards .card-concesionario .subtitulo-card {
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; 
        margin-top: 8px;
    }
}

/*imagen texto*/
#imagen-texto.imagen-texto{
    margin-bottom: 0;
}
#imagen-texto.imagen-texto_0.asp_32 .container-fluid{
    background-color: #F2F4F7;
}

#imagen-texto.imagen-texto_0.asp_32 .row {
    display: flex;
    flex-direction: row-reverse;
    border-radius: 8px;
    background: var(--White, #FFF);
    margin-bottom: 40px;
}

#imagen-texto.imagen-texto_0.asp_32 h2{
    color: var(--Medium-blue, #36608A);

    /* Titles/Desktop/H3 Bold */
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 116.667% */
    letter-spacing: -0.48px;
}

#imagen-texto.imagen-texto_0.asp_32 p{
    color: var(--Dark-blue, #0F375D);

    /* Body Copy/XL Semibold */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
}

#imagen-texto.imagen-texto_0.asp_32 a{
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 18px;
    background: var(--Medium-blue, #36608A);
    color: var(--White, #FFF);
    leading-trim: both;
    text-edge: cap;

    /* Buttons/B1 Bold */
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: fit-content;
}
@media(max-width:1200px){
    #imagen-texto.imagen-texto_0.asp_32 h2{
        font-family: Lato;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.24px;
        margin-bottom: 0;
        text-align: center;
    }
    #imagen-texto.imagen-texto_0.asp_32 p {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.24px;
        margin-top: 0;
        text-align: center;
    }
    #imagen-texto.imagen-texto_0.asp_32 a {
        color: var(--White, #FFF);
        leading-trim: both;
        text-edge: cap;
        font-family: Lato;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: auto;
        padding: 16px;
    }
}
@media(max-width:990px){
    #imagen-texto.imagen-texto_0.asp_32 .row {
        display: flex;
        flex-direction: column-reverse;
        padding: 40px 24px;
    }
    #imagen-texto .container .row > .col-md-6:first-child {
        margin-top: 40px;
        padding: 0;
    }
    
}
/*css formulario contacto*/
#formulario1 .formContactoFluid .subtituloForm {
    /* Titles/Mobile/H3 Bold */
    font-family: Lato;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.28px;
}
#formulario1 .formContactoFluid {
    background: url(/img/agabilondo/fondo-contacto-form.jpg) lightgray 50%;
}
#formulario1 .formContactoFluid::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(242, 244, 247, 0.9); 
    border-radius: inherit; 
    pointer-events: none; 
}
#formulario1 .formContactoFluid .formContactoContainer .form-control,
#formulario1 .formContactoFluid .formContactoContainer select#asunto {
    border: transparent;
}

#formulario1 .formContactoFluid input,
#formulario1 .formContactoFluid textarea {
    background-color: #fff;
}

#formulario1 .formContactoFluid .formContactoContainer .checkbox {
    text-align: start;
    margin-top: 0;
}


#formulario1 .formContactoFluid .formContactoContainer .form-control {
    display: flex;
    padding: 16px 32px;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;

}


#formulario1 .formContactoFluid input::placeholder,
#formulario1 .formContactoFluid textarea::placeholder,
#formulario1 .formContactoFluid select::placeholder {
    color: #0A0C10;
}

input[type="text"],
#asunto {
    height: 50px;
}

.asunto_mvl {
    display: block;
}

.asunto_pc {
    display: none;
}


#formulario1 .formContactoFluid .formContactoContainer select#asunto {
    margin-top: 0px;
}

#formulario1 .formContactoFluid .formContactoContainer .contButton {
    text-align: end;
}

#formulario1 .formContactoFluid .formContactoContainer .enviar {
    background: #36608A;
    color: #fff;
    margin-top: 0;
    border-radius: 18px;
    padding: 0px;
    width: 91px;
    height: 52px;

}

#formulario1 .formContactoFluid .formContactoContainer .subdescripcion_from {
    color: var(--Primary-Black, #0A0C10);
    /* Body Copy/MD Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
}


#formulario1 .formContactoFluid .formContactoContainer a {
    color: var(--Primary-Black, #0A0C10);
}

#formulario1 .formContactoFluid .container {
    padding-top: 160px;
}

/* container */
@media(min-width: 1600px) {}

@media(min-width: 1900px) {}

@media(min-width: 1400px) and (max-width: 1599px) {}

@media (min-width: 1200px) {

    #formulario1 .formContactoFluid .subtituloForm {
        color: var(--Primary-Black, #0A0C10);
        /* Titles/Desktop/H3 Bold */
        font-family: "Lato";
        font-size: 48px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        /* 116.667% */
        letter-spacing: -0.48px;
    }

    #formulario1 .formContactoFluid input,
    #formulario1 .formContactoFluid textarea {
        background-color: #fff;
    }

    #formulario1 .formContactoFluid .formContactoContainer .checkbox {
        text-align: start;
        margin-top: 0;
    }


    #formulario1 .formContactoFluid .formContactoContainer .form-control {
        display: flex;
        padding: 16px 32px;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;

    }


    #formulario1 .formContactoFluid input::placeholder,
    #formulario1 .formContactoFluid textarea::placeholder,
    #formulario1 .formContactoFluid select::placeholder {
        color: #0A0C10;
    }

    .asunto_mvl {
        display: none;
    }

    .asunto_pc {
        display: block;
    }

    input[type="text"],
    #asunto {
        height: 50px;
    }




    #formulario1 .formContactoFluid .formContactoContainer select#asunto {
        margin-top: 27px;
    }

    #formulario1 .formContactoFluid .formContactoContainer .contButton {
        text-align: end;
    }

    #formulario1 .formContactoFluid .formContactoContainer .enviar {
        background: #36608A;
        color: #fff;
        margin-top: 0;
        border-radius: 18px;
        padding: 0px;
        width: 91px;
        height: 52px;

    }

    #formulario1 .formContactoFluid .formContactoContainer .subdescripcion_from {
        color: var(--Primary-Black, #0A0C10);
        /* Body Copy/MD Regular */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        /* 144.444% */
        align-self: stretch;
    }

    #formulario1 .formContactoFluid .formContactoContainer a {
        color: var(--Primary-Black, #0A0C10);
    }

}
@media (max-width:990px) {
    #formulario1 .formContactoFluid .container {
        padding-top: 110px;
    }
}



/* Mapa del formulario **/

#datos11{
    background-color: #F2F4F7;
}
#datos11 .container {
    padding: 0;
    max-width: 100%;
    width: 100%;
}

#datos11 #map_datos2 {
    margin: 0;
}

#datos11 .container,
#datos11 .container-mapa {
    text-align: center;
    width:100%;
    /* height: 100vh; */
}

#datos11 .container-mapa .mapa_pc {
    display: block;
    width: 100%;
}

#datos11 .container-mapa .mapa_mvl {
    height: 500px;
    width: 100%;
    display: none;
    max-width: 100%;
}

#datos11 .row{
    margin: 0;
}
#datos11 .col-lg-12{
    padding: 0;
}
#datos11 .container-texto {
    width: 300px;
    position: absolute;
    margin: 0 auto;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    border-radius: 12px;
    background: #fff;
    margin-left: 10%;
    margin-top: 5%;
}

#datos11 .container-texto .container-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 220px;
}
#datos11 .container-texto img{
    width: 150px;
}
#datos11 .modal_map {
    background: #fff;
    border-radius: 0px;
    padding: 32px;
    padding-bottom: 15px;
    display: flex;
    max-width: 331px;
    flex-direction: column;
    align-items: center;
    left: 129px;
    right: 0;
    height: auto;

}

#datos11 .logo_mapa {
    /* border: 1px solid red; */
    text-align: center;
    margin-bottom: 15px;
    /* width: 100vw; */

}

#datos11 .titulo_mapa {
    color: var(--Medium-blue, #36608A);
    text-align: center;
    /* Titles/Desktop/H5 Bold */
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

#datos11 .direccion_mapa {

    color: var(--Black, #232628);
    text-align: center;
    /* Body Copy/SM Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.enlace_mapa {
    color: var(--Dark-blue, #0F375D);
    /* Buttons/B1 Bold */
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
@media (max-width: 1600px) {
    #datos11 .container-texto {
        margin-left: 3%;  
        margin-top: 1%;   
        gap: 16px;       
    }
}
@media (max-width: 1500px) {
    #datos11 .container-texto {
        margin-left: 3%;  
        margin-top: 1%;   
        gap: 16px;       
    }
}

@media (max-width: 1250px){
    #datos11 .container-texto .container-info {
        gap: 0;
    }
    #datos11 .titulo_mapa{
        margin-bottom: 8px;
    }
}

@media (max-width: 1000px) {
    #datos11 .container-texto {
        padding: 20px;      
    }
}

@media (max-width: 992px) {
    #datos11 .container-mapa .mapa_mvl {
        height: 500px !important;
        display: block;
        object-fit: cover;
    }

    #datos11 .container-mapa .mapa_pc {
        object-fit: cover !important;
        display: none !important;
        width: 100% !important;
        height: 500px !important;
    }

    #datos11 .container, 
    #datos11 .container-mapa {
        text-align: center !important;
        width: 100% !important;
        height: 500px !important;
    }

    .asunto_mvl {
        display: none !important;
    }

    .asunto_pc {
        display: flex !important;
    }
}
@media (max-width: 550px) {
    #datos11 .container-texto {
        margin-top: 55%;
        margin-left: 20%;
    }
    #datos11 .container, 
    #datos11 .container-mapa {
        text-align: center !important;
        width: 100% !important;
        height: 700px !important;
    }
    #datos11 .container-mapa .mapa_mvl {
        display: none;
    }
    #datos11 .container-mapa {
        background-image: url("/img/agabilondo/mapa-mobil.jpg");
        background-position: -401px -150px;
        background-repeat: no-repeat; 
    }
  
}
@media (max-width: 450px) {
    #datos11 .container-texto {
        margin-top: 95%;
        margin-left: 10%;
    }
}



/*css footer*/
/****
    Footer
****/

#footer9 {
    background: linear-gradient(100deg, rgba(0, 0, 0, 0.3) 0%, rgba(15, 55, 93, 0.9) 100%),
        url('/img/agabilondo/footer.png') center/cover no-repeat;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:0;
}

/* #footer9 .container {
    padding: 72px 199px;
} */

#footer9 .container {
    padding: 48px 23px ;    
}

#footer9 .footer_logo {
    display: flex;
    width: 180px;
    height: 78px;
    justify-content: start;
    align-items: flex-start;
}

#footer9 .footer_logo img {
    max-width: 80%;
}

#footer9 .footer_linea {
    padding-top: 0;
    margin-top: 0;
}

#footer9 .texto_footer{
    color: var(--Offwhite, #F2F4F7);
/* Body Copy/MD Regular */
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}

#footer9 .encabezado {
    border-bottom: 0;
    color: var(--Offwhite, #F2F4F7);
    /* Body Copy/LG Semibold */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 150% */
    margin-bottom: 16px;
    margin-top: 30px;
}

#footer9 .menu-footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

#footer9 .menu-footer a {
    color: var(--Offwhite, #F2F4F7);
    /* Buttons/B1 Bold */
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 16px;
}

#footer9  .menu-footer-legal {
    padding-right: 32px;
    text-align: center;
    padding-top: 32px;
}

#footer9  .menu-footer-legal a {
    color: var(--Offwhite, #F2F4F7);
    font-family: Lato;
    /* font-size: 18px; */
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* padding-right: 32px;   */
    padding-right: 20px;
    
}

#footer9  .menu-footer-legal  a.col-xs-12{
    color: var(--primary-white-100, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.32px;
    padding-bottom: 16px;
}

#footer9  .col-xs-12.menu-footer-copyright {
    text-align: center;
    display: flex;
    padding: 16px 0px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

#footer9 #contenedor_redesSociales {
    display: flex;
    /* Pone los enlaces en una fila */
    gap: 10px;
    /* Espaciado entre iconos */
    justify-content: start;
    align-items: center;
    padding-top: 40px;
}

#footer9 .red-social {
    display: flex;
    width: 40px;
    /* Tamaño del botón */
    height: 40px;
    border-radius: 50%;
    /* Hace los botones redondos */
    overflow: hidden;
    /* Evita que la imagen sobresalga */
    transition: transform 0.3s ease-in-out;
    padding: 10px;
    background: var(--Medium-blue, #36608A);
}

#footer9 .red-social img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    /* Mantiene la proporción */
    border-radius: 50%;
    /* Redondea la imagen también */
}

#footer9 .red-social:hover {
    transform: scale(1.1);
    /* Efecto de zoom al pasar el mouse */
}


#footer9 .donde_info {
    color: var(--Offwhite, #F2F4F7);
    /* Body Copy/SM Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    padding-bottom: 16px;
}

#footer9 .horarios_info {
    color: var(--Offwhite, #F2F4F7);
    /* Body Copy/SM Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    align-self: stretch;
    padding-bottom: 15px;
}

#footer9 .menu-footer-copyright .copy-pc{
    display: none;
}

#footer9 .menu-footer-copyright .copy-mvl{
    display: inline-grid;
}

#footer9 .menu-footer-copyright .copy-mvl p{
    margin: 0;
    padding: 0;
}

@media (min-width: 992px) {
    .menu-footer-copyright {
        text-align: end;
    }

    #footer9 .menu-footer-legal{
        padding-right: 0 !important;
        text-align: start !important;
        padding-left: 0;
        padding-top: 0 !important;

    }

    #footer9 .menu-footer-legal a.col-xs-12{
        padding-right: 0;
        padding-left: 0;
        font-size: 15px !important;
    
    }

    #footer9 .col-xs-12.menu-footer-copyright {
        padding: 0px 0px;
    }
}

@media (min-width: 1200px) {

    #footer9 .container {
        padding: 72px 120px;
    }

    #footer9 .menu-footer-copyright .copy-mvl{
        display: none;
    }

    #footer9 .menu-footer-copyright .copy-pc{
        display: flex;
        color: white;
    }


.menu-footer-legal {
    padding-right: 32px;
}

.menu-footer-legal a {
    color: var(--Offwhite, #F2F4F7);
    font-family: Lato;
    /* font-size: 18px; */
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* padding-right: 32px;   */
    padding-right: 20px;
}

}

@media(min-width: 1600px) {
    #footer9 .container {
        padding: 72px 120px;
    }


.menu-footer-legal {
    padding-right: 32px;
}

.menu-footer-legal a {
    color: var(--Offwhite, #F2F4F7);
    font-family: Lato;
    /* font-size: 18px; */
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* padding-right: 32px;   */
    padding-right: 20px;
}

}


/*tasacion /vender tu coche*/


#texto1.texto_12.asp_5{
    height: 500px; 
    background-size: cover;
    background-position: bottom;
    /* background-position: 150px -650px; */
    background-image: url(/img/agabilondo/header-tasacion.jpg);
}


#texto1.texto_12.asp_5 .container-fluid {
    height: 100%;
    background: linear-gradient(270deg, rgba(15, 55, 93, 0.00) 23.34%, #0F375D 100%);
}

#texto1.texto_12.asp_5 .container-fluid{
    height: 100%;
    background: linear-gradient(270deg, rgba(15, 55, 93, 0.00) 23.34%, #0F375D 100%);
}

#texto1.texto_12.asp_5 .container{
    height: 100%;
    padding: 0;
}
#texto1.texto_12.asp_5 .row .container > .row {
    margin: 0;
 }
#texto1.texto_12.asp_5 .row{
    height: 100%;
}

#texto1.texto_12.asp_5 .row>.col-xs-12{
    height: 100%;
    float: none;
}

#texto1.texto_12.asp_5 .titulos{
    position: absolute;
    bottom: 64px;
    left: 176px;
}

#texto1.texto_12.asp_5 .titulos .titulo{
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 100% */
    letter-spacing: -1.28px;
    color: #fff;
}

#texto1.texto_12.asp_5 .titulos .subtitulo{
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    max-width: 643px;
}



@media(max-width: 991px){
    #texto1.texto_12.asp_5 .grid-marcas{
        grid-template-columns: repeat(2,1fr);
    }
    #texto1.texto_12.asp_5 .titulos{
        left: 5%;
    }
    #texto1.texto_12.asp_5 .titulos .titulo{
        font-family: Lato;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.64px;
    }
    #texto1.texto_12.asp_5 .titulos .subtitulo{
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        max-width: 347px;
        color: #ffffff;
    }
    #texto1.texto_12.asp_5 {
        background-position: right;
    }
    #texto1.texto_12.asp_5 .container-fluid {
        height: 100%;
        /* background: linear-gradient(270deg, rgba(15, 55, 93, 0.00) 23.34%, #0f375d00 100%); */
        background: linear-gradient(355deg, rgb(15 55 93 / 21%) 23.34%, #0f375d00 100%);
    }
}


#formulario2 .container-fluid {
    /* background: 
    linear-gradient(rgba(93 ,99 ,107, 0.9), rgba(93 ,99, 107 ,0.8)), 
    url(/img/agabilondo/fondo-contacto-form.jpg) lightgray 50%; */
    background: #F2F4F7;
    background-blend-mode: overlay;
    background-position: top;
}
#formulario2.formulario2_11 .titulos {
    display: flex;
    flex-direction: column;
    align-items: start;
}
#formulario2.formulario2_17 .bottomContent{
    flex-direction: column;
}
#formulario2.formulario2_17 .contButton ,
#formulario2.formulario2_17 .bottomContent .col-lg-6 {
    width: 100%;
}
#formulario2.formulario2_17 .titulos {
    flex-direction: column;
    align-items: baseline;
}

#formulario2.formulario2_17 .subtituloForm2,
#formulario2.formulario2_17 .subtituloForm {
    width: 100%;
}

#formulario2.formulario2_11 .bottomContent label{
    display: block !important;
}
#formulario2.formulario2_11  .container-fluid {
    /* background: 
    linear-gradient(rgba(93 ,99 ,107, 0.9), rgba(93 ,99, 107 ,0.8)), 
    url(/img/agabilondo/fondo-contacto-form.jpg) lightgray 50%; */
    background: #F2F4F7;
    background-blend-mode: overlay;
    background-position: top;
}

#formulario2.formulario2_11 label {
    display: none;
}

#formulario2 .titulos{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

#formulario2 .subtituloForm {
    color: var(--Primary-Black, #0A0C10);

    /* Titles/Desktop/H4 Bold */
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    width: 50%;
}
#formulario2 .subtituloForm2 {
    color: var(--Primary-Black, #0A0C10);

    /* Body Copy/MD Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    width: 50%;
    }
#formulario2 input, #formulario2 textarea, #formulario2 .dropdown .select-dropdown, #formulario2 .image-preview-input,#formulario2 select {
    background-color: white;
    box-shadow: none;
    border-color: transparent;
    border-bottom-color: transparent;
    color: rgb(0, 0, 0);
    font-size: 18px;
    margin-bottom: 30px;
    padding: 16px 32px;
    height: 60px;
    border-radius: 8px;
}
#formulario2 textarea{
    height: inherit;
}
#formulario2 input:focus{
    background-color: rgba(255, 255, 255, 0);
    border-color: transparent;
    border: 2px solid var(--Dark-gray, #A3B2C2);
}

#formulario2 ::placeholder{
    color: #000;
    display: block;
}
#formulario2 .enviar {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    background: var(--Medium-blue, #36608A);
    color: var(--White, #FFF);
    leading-trim: both;
    text-edge: cap;

    /* Buttons/B1 Bold */
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#formulario2 label {
    color: var(--Black, #000);

    /* Body Copy/XS Semibold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
}

#formulario2 input.file-upload-button{
    margin-right: 0;
}

#formulario2 .bottomContent{
    display: flex;
    flex-direction: row;
    width: 100%;
}

#formulario2 input#legal{
    height: fit-content;
}
#formulario2 .checkbox a{
    color: #000;
}
#formulario2 .checkbox.checkbox_legal {
    margin-left: 0;
}
#formulario2 .bottomContent .col-lg-6 {
    display: flex;
    justify-content: end;
}
 .custom-file-upload {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #2d5b89; /* Color azul */
        color: white;
        padding: 10px 15px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        border: none;
        gap: 8px;
    }

    .custom-file-upload:hover {
        background-color: #1e4367;
    }

    .custom-file-upload svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: white;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    label.file-upload-button {
        position: absolute;
        top: 27px;
        right: 14px;
        height: 59px;
        color: white !important;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
    label.file-upload-button:hover {
        background-color: #232628;
    }
    
    input[type="file"]::-webkit-file-upload-button {
        display: none;
    }
    
    input[type="file"]::file-selector-button {
        display: none;
    }
@media(max-width: 991px){
    #formulario2.formulario2_12 .container-fluid{
        background: #F2F4F7;
    }
    #formulario2 .titulos {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;
    }
    #formulario2 .subtituloForm {
        color: var(--Primary-Black, #0A0C10);

        /* Titles/Mobile/H4 Bold */
        font-family: Lato;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.24px;
        width: 100%;
    }
    #formulario2 .subtituloForm2 {
        color: var(--Primary-Black, #0A0C10);

        /* Body Copy/MD Regular */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 144.444% */
        width: 100%;
    }
    #formulario2 .bottomContent{
        flex-direction: column;
    }
    #formulario2 .enviar {
        padding: 20px;
        color: var(--White, #FFF);
        leading-trim: both;
        text-edge: cap;

        /* Buttons/B1 Bold */
        font-family: Lato;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}
/*slider centa compramos tu coche */

#texto1.texto_12.asp_12 .container-fluid{
    background-color: #F2F4F7;
}

#texto1.texto_12.asp_12 .container{
    padding-top: 87px;
    padding-bottom: 102px;
}

#texto1 .concesionario-marca .titulo{
    color: var(--Dark-blue, #0F375D);
    text-align: center;
    
    /* Titles/Desktop/H2 Bold */
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 100% */
    letter-spacing: -1.28px;
}

#texto1 .concesionario-marca .container-cards .swiper-wrapper{
    margin-top: 40px;
}

#texto1 .concesionario-marca .container-cards .swiper-pagination{
  display: none;
}

#texto1 .concesionario-marca .container-cards .card-concesionario{
    display: flex;
    flex-direction: column;
    justify-content:flex-end;
    align-items: center;
    height: 550px;
    border-radius: 8px;
    padding: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#texto1 .concesionario-marca .container-cards .card-concesionario1{
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 67.39%, #000 100%), url(/img/agabilondo/slider-home-comprar1.jpg);
    background-position: right center;
}

#texto1 .concesionario-marca .container-cards .card-concesionario2{
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 67.39%, #000 100%), url(/img/agabilondo/slider-home-comprar2.jpg);
    background-position: right center;
}

#texto1 .concesionario-marca .container-cards .card-concesionario3{
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 67.39%, #000 100%), url(/img/agabilondo/slider-home-comprar3.jpg);
    background-position: right center;
}

#texto1 .concesionario-marca .container-cards .card-concesionario .titulo-card{
    color: var(--White, #FFF);
    text-align: center;

    /* Titles/Desktop/H4 Bold */
    font-family: Lato;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 105.556% */
    letter-spacing: -0.36px;
    z-index: 1;
}

#texto1.texto_12.asp_12 .bottomContent{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    margin-top: 40px;
}

#texto1.texto_12.asp_12 .textoBottom{
    width: 60%;
    color: var(--Dark-blue, #0F375D);

    /* Body Copy/LG Semibold */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
}

#texto1.texto_12.asp_12 .boton{
    color: var(--Dark-blue, #0F375D);
    leading-trim: both;
    text-edge: cap;
    
    /* Buttons/B1 Bold */
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#texto1 .concesionario-marca .container-cards .card-concesionario .subtitulo-card{
    color: var(--White, #FFF);
    text-align: center;

    /* Body Copy/LG Regular */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
    z-index: 1;
}
#texto1 .concesionario-marca .container-cards .card-concesionario .boton-plus{
    align-self: flex-end;
}

@media(max-width:1400px){
    #texto1 .concesionario-marca .container-cards .card-concesionario1{
        background-position:  center;
    }

    #texto1 .concesionario-marca .container-cards .card-concesionario2{
        background-position:  center;
    }

    #texto1 .concesionario-marca .container-cards .card-concesionario3{
        background-position:  center;
    }
}
@media(max-width:991px){

    #texto1.texto_12.asp_12.container{
        padding-top:40px;
        padding-bottom:40px;
    }

    #texto1 .concesionario-marca .titulo{
        font-size: 32px;
        line-height: 40px; /* 125% */
    }
    #texto1 .concesionario-marca .container-cards .swiper-wrapper{
        display:flex;
        gap:0;
        margin-top:32px;
    }

    #texto1 .concesionario-marca .container-cards .card-concesionario{
        height:490px
    }
    #texto1.texto_12.asp_12 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: auto;
        width: 100%;
        position: relative;
        padding: 20px;
    }
    #texto1.texto_12.asp_12 .bottomContent {
        display: flex;
        flex-direction: column;
        align-items: inherit;
    }
    #texto1.texto_12.asp_12 .textoBottom {
        width: 100%;
    }
    #texto1.texto_12.asp_12 .boton {
        margin-top: 40px;
    }
    #texto1 .concesionario-marca .container-cards .card-concesionario .titulo-card{
        font-family: Lato;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.24px;
    }
    #texto1 .concesionario-marca .container-cards .card-concesionario .subtitulo-card {
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; 
        margin-top: 8px;
    }
}

/* #link_contacto1 .header .avatar,
#link_contacto1 .header .avatar div{
    width: 100px;
} */

#link_contacto1 .header .texto{
    display: none;
}
#link_contacto1 .col-md-3{
    display: none;
}
#img-avatar {
    position: fixed;
    z-index: 100;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    height: 250px;
    width: 50px;
    border-radius: 8px 0px 0px 8px;
    border-top: 1px solid var(--White, #FFF);
    border-bottom: 1px solid var(--White, #FFF);
    border-left: 1px solid var(--White, #FFF);
    background: var(--Light-blue, #34CCFF);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* text-align: center; */
    gap: 100px;
    text-align: center;
    padding: 10px;
}

#img-avatar div{
    color: var(--Dark-blue, #0F375D);
    leading-trim: both;
    text-edge: cap;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transform: rotate(270deg); 
    transform-origin: center; 
    white-space: nowrap; 
}
#link_contacto1 .cabecera {
    background-color: #FFFFFF;
}
#link_contacto1 {
    right: 0;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
}

#link_contacto1 .cabecera svg {
    margin-top: 10px;
    float: right;
}
#link_contacto1 .titulo{
    color: #000;
    text-align: left;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#link_contacto1 .txt-cabecera{
    color: #000;
    text-align: left;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

#link_contacto1 .body {
    border: transparent;
    /* border-radius: 0px 8px 8px 8px; */
}
#link_contacto1 .fondo {
    background-color: #fff;
    margin-top: 0;
}

#link_contacto1 .chatComercial{
    visibility: visible !important;
}

#link_contacto1 .uk-icon-minus {
    color: #000000;
}
#link_contacto1 .chatComercial #img-avatar {
    right: calc(100% + 15px)
}
#link_contacto1 .box {
    width: 370px;
}

#link_contacto1 h3.nombre-comercial {
    color: var(--Dark-blue, #0F375D);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
}

#link_contacto1 p.encargo-comercial {
    color: var(--Dark-blue, #0F375D);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
#link_contacto1 span::before{
    color:#0F375D ;
}


#link_contacto1.inactivo .chatComercial #img-avatar {
    right: 0px;
}

#link_contacto1 .tooltip.in {
    opacity: 0;
}


#link_contacto1 img.img-comercial {
    max-width: 100%;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
    box-sizing: border-box;
}

@media(max-width:991px){
    #link_contacto1 .titulo{
        padding: 20px 0 0;
    }

    #link_contacto1 .txt-cabecera{
        margin: 0;
        padding:0 0 20px;
    }

    #img-avatar{
        height: fit-content;
    }

    #img-avatar div{
        display: none;
    }

    #link_contacto1 .chatComercial #img-avatar svg{
        width: 25px;
    }
}

@media(max-width:600px){
    #link_contacto1 .box{
        width: 75%;
        margin-left: auto;
    }

    #link_contacto1 .chatComercial #img-avatar{
        right: calc(75% + 15px);
    }


}


/*404*/

#error1{
    margin-top: 40px;
}
#error1 .error_404_contenido .texto ,
#error1 .error_404_titulo h1 {
    color: #0D1C2C;
}

#error1 .error_404_contenido .navegacion {
    background-color: #0D1C2C;
}


/*paginas legales*/

#texto1.texto_14.asp_7 p,
#texto1.texto_14.asp_7 h1,
#texto1.texto_14.asp_7 ul,
#texto1.texto_14.asp_7 li
{
    color: #000;
}
#texto1.texto_20.asp_7 p,
#texto1.texto_20.asp_7 h1,
#texto1.texto_20.asp_7 ul,
#texto1.texto_20.asp_7 li
{
    color: #000;
}
#texto1.texto_19.asp_7 p,
#texto1.texto_19.asp_7 h1,
#texto1.texto_19.asp_7 ul,
#texto1.texto_19.asp_7 li
{
    color: #000;
}
#texto1.texto_33.asp_7 p,
#texto1.texto_33.asp_7 h1,
#texto1.texto_33.asp_7 ul,
#texto1.texto_33.asp_7 li
{
    color: #000;
}
#calculadora_financiera7 .btn-calcular-financiacion {
    color: #0F375D;
    border-color: #0F375D;
    cursor: pointer;
    transition-duration: 0.3s;
}
#calculadora_financiera7 .btn-calcular-financiacion:hover {
    color: white;
    background-color: #0F375D;
}
#calculadora_financiera7 .btn-calcular-financiacion:hover .spin {
    filter: brightness(0) invert(1);
} 
#calculadora_financiera7 .btn-calcular-financiacion .spin {
    display: none;
    transition-duration: 0.3s;
}
#calculadora_financiera7 .btn-calcular-financiacion.rotar .spin {
    display: block;
    animation: rotar360 1s linear infinite;
}
#calculadora_financiera7 .btn-calcular-financiacion.rotar .txt {
    display: none;
}

#calculadora_financiera7 .boton,
#calculadora_financiera7 .boton:hover,
#calculadora_financiera7 .modal-footer .boton.invertido,
#calculadora_financiera7 .modal-footer .boton,
#calculadora_financiera7 .calcModalReservarModal .modificar {
    background-color: #457098;
    color: white;
    transition-duration: 0.3s;
}
#calculadora_financiera7 .boton:hover {
    filter: brightness(0.8);
}

@keyframes rotar360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


.bottomButton.btn-calcular-financiacion {
    padding: 16px;   
    margin-top: 16px !important;
  }

  @media screen {
    #percha1 {
      display: none;
    }
    .observaciones {
        display: none;
      }
  }

  


  @media print {




    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    body {
      font-family: Arial, sans-serif;
      font-size: 14px;
      color: #333;
      background: #fff;
    }
  
    #percha1 {
      width: 100%;
      -webkit-print-color-adjust: exact !important;
      print-color-adjust: exact !important;
    }
    
    .print-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 20px;
      height: 60px; /* Fuerza una altura fija */
    }
    
    .header-left,
    .header-right {
      display: flex;
      align-items: center;
    }
    
    .header-left img {
      max-height: 50px;
      display: block;
      margin: 0;
      padding: 0;
    }
    
    .header-right p {
      margin: 20px 0 0 0;
      padding: 0;
      line-height: 1.2;
    }

    #percha1 .qr-code img {
        max-height: 60px;
    }
    
    hr {
      border: none;
      border-top: 2px solid #355f89 !important;
      margin: 0 20px 10px;
    }
    
    .main-content {
      display: flex;
      justify-content: space-between;
      margin: 0 10px 10px;
    }
    
    .col-left {
      width: 65%;
      padding-right: 10px;
    }
    
    .col-right {
      width: 35%;
    }
    
    .car-title {
      font-size: 34px !important;
      font-weight: bold !important;
      color: #355f89 !important;
      margin-bottom: 10px !important;
      margin-left: 15px !important;
    }

    .car-subtitle {
        font-size: 24px !important;
        font-weight: bold !important;
        color: #355f89 !important;
        margin-bottom: 40px !important;
        margin-left: 15px !important;
    }
    
    /* Contenedor para igualar la altura entre imagen y tabla */
    .row-equal {
      display: flex;
      align-items: stretch;
      gap: 20px;
      margin-bottom: 20px;
    }
    
    .col-left-equal,
    .col-right-equal {
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    
    .car-image {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      /* min-height: 300px;   */
      position: relative
    }
    
    .car-image img {
      max-width: 100%;
      /* min-height: 300px;   */
      object-fit: contain;
      height: 100%;
    }

    .car-image .estado{
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.6) !important;
        text-align: center;
        color: #fff !important;
        line-height: 45px;
        font-size: 18px;
        font-weight: 600;
    }
    
    .price {
      flex: 1;
      background-color: #355f89 !important;
      padding: 10px;
      text-align: center;
      color: #fff !important;
      -webkit-print-color-adjust: exact !important;
      print-color-adjust: exact !important;
      border-radius :10px;
      
    }
    
    .main-price {
      font-size: 35px;
      font-weight: bold;
      color: #fff !important;
      margin: 0 !important;
      line-height: 1;
      padding-top:15px;
    }

    .main-price .precio-tachado {
        font-size: 24px;
        text-decoration: line-through;
        color: #fff !important;
    }

    .main-price .texto {
        font-size: 14px;
        color: #fff !important;
        margin:5px 0;
    }
    
    .price-detail {
      font-size: 14px;
      color: #fff !important;
      margin-bottom: 15px !important;
      line-height: 2.1;
    }

    
    .caracteristicas {
      background-color: #ececec !important;
      border: 1px solid #ddd !important;
      padding: 10px;
      -webkit-print-color-adjust: exact !important;
      print-color-adjust: exact !important;
      border-radius :10px;

    }
    
    .caracteristicas div {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #eee;
      font-size: 14px;
      line-height: 2.1;
    }
    
    .caracteristicas div:last-child {
      border-bottom: none;
    }
    
    .caracteristicas div img {
      width: 24px;
      height: 24px;
      margin-right: 8px;
    }
    
    .caracteristicas strong {
      color: #0054a6;
      margin-right: 5px;
      font-weight: bold;
    }



    .equipamiento {
    width: 100%;
    max-height: 400px;      
    overflow-y: auto;
    margin-top: 20px;
    overflow: visible !important; /* Permite que el contenido fluya a la página siguiente */
    max-height: none !important;  /* Elimina la altura máxima en impresión */
    padding-left: 25px;
    padding-right: 25px;

  }

  .equipamiento h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: #355f89 !important;
    margin-bottom: 10px;
    font-weight: bold !important;

  }
  

  
  .equipamiento-columns li {
    break-inside: avoid;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 1.2;

  }
  
  .equipamiento-columns li img {
    width: 16px;
    height: auto;
    margin-right: 5px;
    vertical-align: middle;

  }
  
  /* Nueva sección de OBSERVACIONES */
    .observaciones {
    width: 100%;
    max-height: 400px;      
    overflow-y: auto;
    margin-top: 20px;
    overflow: visible !important; /* Permite que el contenido fluya a la página siguiente */
    max-height: none !important;  /* Elimina la altura máxima en impresión */
    padding-left: 25px;
    padding-right: 25px;
  }
  
  .observaciones-content {
    font-size: 16px;
    line-height: 1.4;
    color: #333;
  }
    #detalle_prestaciones2 .progress.blue .progress-bar {
        display: none;
    }

    #detalle_prestaciones2 .etiqueta{
        margin:0;
    }
    #detalle_prestaciones2 h2,
    .dimensiones h2,
    .observaciones h2 {
        font-size: 20px !important;
        text-transform: uppercase;
        color: #355f89 !important;
        margin-bottom: 10px;
        font-weight: bold !important;
        text-align: left !important;
    }
    .contenedor-dimensiones{
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-around!important;
    }

    #detalle_prestaciones2 .colprint> div {
        width: calc((100% / 6) - 5px);
        text-align: center;
    }
    #detalle_prestaciones2 .progress {
        width: 100%;
        height: 90px;
    }
    #detalle_prestaciones2 .value, #detalle_prestaciones2 .progress .progress-right, #detalle_prestaciones2 .progress .progress-left {
        height: 90px;
    } 
    #detalle_prestaciones2 .progress:after,
    #detalle_prestaciones2 .progress .progress-left,
    #detalle_prestaciones2 .progress .progress-right {
        display: none;
    }
    #detalle_prestaciones2 .colprint> div {
        margin-top: 0 !important;
    }
    #detalle_prestaciones2 * {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    #detalle_prestaciones2 .colprint .titulo {
        margin-top: 30px !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    } 
    #detalle_prestaciones2 {
        margin-bottom: 50px !important;
    }

    #detalle_prestaciones2 .coche-frontal .altura {
        left: 100px;
    }


}


#detalle_info7 .equipamiento {
    width: 100%;
    max-height: 400px;      
    overflow-y: auto;
    margin-top: 20px;
    overflow: visible !important; /* Permite que el contenido fluya a la página siguiente */
    max-height: none !important;  /* Elimina la altura máxima en impresión */
    padding-left: 25px;
    padding-right: 25px;

  }
  #detalle_info7 h2 {
    margin: 0;
    font-family: Lato;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.48px;
    color: #232628;
    margin-bottom: 28px;
    padding: 0;
    text-align: start;
}
  #detalle_info7 .equipamiento h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: #355f89 !important;
    margin-bottom: 10px;
    font-weight: bold !important;

  }
  
  #detalle_info7 .equipamiento-columns ul {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    
    /* Anulamos los column-count existentes */
    -webkit-column-count: initial !important;
    -moz-column-count: initial !important;
    column-count: initial !important;
  }
  
  /* Para pantallas medianas (hasta 1200px): 3 columnas */
  @media (max-width: 1200px) {
    #detalle_info7 .equipamiento-columns ul {
      grid-template-columns: repeat(3, 1fr) !important;
    }
  }
  
  /* Para pantallas pequeñas (hasta 768px): 2 columnas */
  @media (max-width: 768px) {
    #detalle_info7 .equipamiento-columns ul {
      grid-template-columns: repeat(2, 1fr) !important;
    }
  }
  
  /* Para móviles (hasta 480px): 1 columna */
  @media (max-width: 480px) {
    #detalle_info7 .equipamiento-columns ul {
      grid-template-columns: 1fr !important;
    }
  }
  

  #detalle_info7 .equipamiento-columns li {
    break-inside: avoid;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 1.2;

  }
  
  #detalle_info7 .equipamiento-columns li img {
    width: 16px;
    height: auto;
    margin-right: 5px;
    vertical-align: middle;

  }

@media (max-width: 767px) {
    #calculadora_financiera7 .container {
        padding: 0 15px !important;
    }
    #calculadora_financiera7 .btn-calcular-financiacion {
        color: #ffffff;
    }
    #calculadora_financiera7 .bottomButton.btn-calcular-financiacion {
        margin-top: 10px !important;
    }
}

#detalle_info7 .container-titulos{
    border: none !important;
}
#detalle_info7 .container-titulos .titulos-sel a{
    color: #000;
}
#detalle_info7 .container-titulos .titulos-sel,
#detalle_info7 .container-titulos .btn-imprimir,
#detalle_info7 .container-titulos .equipamiento-btn {
    background: transparent;
    border: 1px solid #000;
    color: #000;
    display: flex;
    height: 56px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
    min-width: 180px;
    box-sizing: border-box;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 5px;
}
#detalle_info7 .col-sm-12.col-md-8.colprint.video {
    margin-top: 50px;
    padding: 40px;
  }
  
#detalle_info7 .container-titulos .titulos-sel.active {
    background: #457098;
    border-color: #457098;
    color: #FFF;
}

#detalle_info7 .container-titulos {
    display: flex;
    justify-content: center; 
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
}


#detalle_info7 .container-titulos .btn-imprimir:hover{
    text-decoration:none;
}

#detalle_info7 .equipamiento { 
    display: none; 
  }
  @media (max-width: 991px) {
    #detalle_info7 h2  {
        font-family: Lato;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.28px;
        margin-bottom: 8px;
    }
}
@media (max-width: 768px) {
    #detalle_info7 .container-titulos {
      flex-direction: column;
      gap: 10px;
      margin-bottom:30px;
    }
    
    #detalle_info7 .container-titulos .titulos-sel,
    #detalle_info7 .container-titulos .btn-imprimir {
      width: 100%;
      max-width: 300px;      
      margin: 0;
    }
  }
  
/*comparador*/

#comparador1 {
    padding-top: 120px;
}

/*favoritos*/

#favoritos1{
    padding-top: 120px;
}

#favoritos1 h1.title{
    color: black ;
}

.icon-carfax-curl {
    cursor: pointer;
    display: none;
}

.modal-no-carfax .modal-dialog {
    width: 100%;
    max-width: 650px;
}
.modal-no-carfax .modal-header {
    background-color: #0F375D;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: space-between;
}
.modal-no-carfax .modal-header .btn-close {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 45px;
    line-height: 25px;
    color: white;
    font-weight: 100;
    margin: auto 0;
    margin-top: -3px;
}
.modal-no-carfax .modal-title {
    color: white;
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
    margin: auto 0;
}
.modal-no-carfax .modal-header::before,
.modal-no-carfax .modal-header::after {
    content: unset;
}
.modal-no-carfax .modal-body {
    padding: 50px 15px;
}
.modal-no-carfax p {
    width: 100%;
    max-width: 450px;
    margin: auto;
    font-size: 20px;
    text-align: center;
}

.spinner {
    width: 30px;
    height: 30px;
    border: 5px solid #FFFFFF;       /* Borde gris */
    border-top: 5px solid #3498db; /* Parte superior azul */
    border-radius: 50%;           /* Círculo */
    animation: girar 1s linear infinite;
    margin: 20px auto;
}

@keyframes girar {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#card11 .card-vehicle .estado.reservado {
    background-color: rgba(54, 96, 138, 0.6);
}
#link_contacto1.contacto_comercial_10 .chatComercial #img-avatar {
    bottom: 75px;
    transform: unset;
    top: unset;
}
@media(max-height: 770px) {
    .contacto_comercial_10 #img-avatar div {
        display: none;
    }
    .contacto_comercial_10 #img-avatar {
        height: fit-content;
    }
}