/* Estilos generales */
:root {
    --color-primario: #0E3A2F;
    --color-primario-dark:#135241;


    --color-secundario: #00CB7B;
    --color-secundario-light: #33F5A8;
    --color-secundario-light2:#D7FFEE;
    --color-secundario-light3: #04915A;
    --color-secundario-light4: #EBFFF7;
    --color-secundario2: #A8C2B8;

    --color-link: var(--color-secundario);

    /* --color-terciario: #FF3A00; */
    --color-terciario: #FF5E00;
    --color-terciario-hover: #FE764E;
    --color-terciario2: #FE7952;


    --color-blanco: #ffffff;
    --White: #ffffff;
    --color-gris: #F8F8F8;
    --color-gris2: #F2F2F2;
    --color-gris3: #DCDCDC;


    --color-negro: #000000;

    --max-width:100%;
    --padding-container: 20px;
    --padding-container-xs: 20px;
    --padding-titulos: 0;
    --padding-vertical: 40px;

    --color-texto: #565E72;

    --max-width: 1170px;

}

*:focus {
    outline: none !important;
    box-shadow: none !important;
}

html{
    scroll-behavior: smooth;
}

body {
    position: relative;
    background-color: #fff;
    color: var(--color-primario);
    font-family: "Urbanist", sans-serif !important;
    min-height: 100vh;
    font-size: 16px;
}

body.menu-abierto,
body.galeria-abierta,
body.filtro_abierto {
    overflow-y: hidden;
}

label {
    margin: 0;
}

h1,
h2,
h3,
h4 {
    line-height: normal;
    font-weight: normal;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
}

iframe {
    width: 100%;
    border: none;
}

img {
    max-width: 100%;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-hidden {
    width: 0;
    height: 0;
    color: transparent;
}

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

button{
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    appearance: none;
    cursor: pointer;
}

.respuesta>div{
    margin-top: 15px;
    display: none;
}

.titulo-h1{
    color: var(--color-primario);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1.12px;
    font-size: 34px;
    line-height: 34px;
} 

.titulo-h2{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; 
    letter-spacing: 1px;
}

.titulo-h4{
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.8px;
}

.titulo-h3{
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.titulo-h5{
    color: var(--color-primario);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    font-style: normal;
    line-height: 28px; /* 116.667% */
    letter-spacing: 0.96px;
}

.titulo-h6{
    color: var(--color-primario);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.6px;
    font-size: 22px;
    line-height: 24px;
}

.titulo-h7{
    color: var(--color-primario);
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.texto-xl{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px; /* 141.667% */
}

.texto-lg{
    color: var(--color-primario);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
}

.texto-md{
    color: var(--color-primario);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

.texto-sm{
    color: var(--color-primario);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.texto-xs{
    color: var(--color-primario);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.98px;
}

.texto-bold{
    font-weight: 700;
}

.texto-semibold{
    font-weight: 600;
}

.texto-medium{
    font-weight: 500;
}


.texto-link{
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--color-blanco);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
}

.texto-link:hover{
    color: var(--color-secundario);
    text-decoration: underline;
    text-underline-offset: 8px
}

.texto-sublink{
    color: var(--color-primario);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
}

.texto-sublink:hover{
    color: var(--color-primario);
    text-decoration: underline;
}

.dropdown-item-custom:hover svg rect,
.dropdown-item-custom:hover svg path[fill="white"],
.dropdown-item-custom:hover svg path[fill="#F8F8F8"] {
    fill: #D7FFEE !important;
}

.titulo-estandar{
    font-weight: 600;
    font-size: 32px;
    line-height: 1em;
    width: 100%;
    color: var(--color-primario);
    text-align: center;
}

.subtitulo-estandar {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1em;
    color: var(--color-primario);
}

.boton{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px !important; 
    gap: 10px !important;
    border-radius: 100px !important;
    height: 37px !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: 0.7px !important;
    width: stretch !important;
    border: none !important;
    margin-top: 0 !important;
}

.boton-secundario{
    background-color: var(--color-terciario) !important;
    color: var(--color-blanco) !important;
}

.boton-secundario:hover{
    background-color: var(--color-terciario-hover) !important;
    color: var(--color-blanco) !important;
}

.boton-terciario{
    background-color: var(--color-blanco);
}

.boton-terciario:hover{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), var(--color-blanco);
}

.boton-line-dark{
    border: 1.5px solid var(--color-terciario) !important;
    color: var(--color-terciario) !important;
    background: transparent !important;
}

.boton-line-dark:hover{
    opacity: 0.5 !important;
    color: var(--color-terciario) !important;
}

.boton-line-light{
    border: 1px solid var(--color-blanco);
    color: var(--color-blanco);
    background: transparent;
}

.boton-line-light:hover{
    opacity: 0.5;
    color: var(--color-blanco);
}


.boton-line-terciario{
    border: 1.5px solid var(--color-blanco);
    color: var(--color-blanco);
}

.boton-line-terciario:hover{
    color: var(--color-secundario);
    border-color: var(--color-secundario);
}

.boton-line-secundario{
    border: 1.5px solid var(--color-terciario, #FE7952);
    color: var(--color-terciario);
}

.boton-line-secundario:hover{
    color: var(--color-terciario);
    opacity: .5;
}

.boton-link-terciario{
    color: var(--color-link);
    border-radius: 0;
    padding: 0;
    width: fit-content;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.36px;
}

.boton-link-terciario-lg{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
}

.boton-link-terciario svg path{
    fill: var(--color-link);
}

.boton-link-terciario:hover{
    color: var(--color-link);
    border-bottom: 1px solid var(--color-link);
}

.boton-link-underline{
    color: var(--color-primario);
    border-bottom: 1px solid var(--color-primario);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
}

.boton-link-underline:hover{
    color: var(--color-secundario);
    border-bottom: 1px solid var(--color-secundario);
}

.boton-border-bottom{
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 0;
    gap: 6px;
    flex-shrink: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    color: var(--color-link);
    width: fit-content;
}

.boton-border-bottom svg{
  width: 16px;
}

.boton-border-bottom:hover{
    border-bottom: 1px solid var(--color-link);
}

.boton-border-bottom-md{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: var(--color-link);
    padding: 0 0 4px;
    height: 20px;
}

/* swiper */
.swiper-pagination .swiper-pagination-bullet{
    background-color: var(--color-primario);
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active{
    background-color: var(--color-secundario);
}

.boton-swiper{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    padding: 10px 8px;
    border-radius: 50%;
}

.boton-swiper-light{
    background-color: var(--color-blanco);
}

.boton-swiper-light:hover svg path{
    stroke: var(--color-secundario);
}
.boton .spinner {
    display: none;
    margin: auto;
}

.container{
    width: 100%;
    max-width: var(--max-width) !important;
    padding-right: var(--padding-container) !important;
    padding-left: var(--padding-container) !important;
}

.container-xs{
    padding-right: var(--padding-container-xs);
    padding-left: var(--padding-container-xs);
}

.back-gris{
    background-color: var(--color-gris);
}

.container-titulos-padding{
    /* padding-left: var(--padding-titulos); */
    text-align: center;
}

.container-titulos-flex{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
#marcas-loop-slider .container-titulos-flex{
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 10px;
}

.container-titulos-flex-center{
    text-align: center;
    padding: 0 0 40px;
}

.container-titulos-flex-center .salto{
   display: none;
}

.titulo-max-width{
    max-width: 17ch;
}

@media(min-width:1200px){
    :root{
        --max-width:1800px;
        --padding-container: 70px;
        --padding-container-xs: 135px;
        --padding-titulos: 135px;
        --padding-vertical: 50px;
    }

   .boton{
        height: 48px !important;
        padding: 16px !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: 21px !important;
        letter-spacing: 0.8px !important;
        width: stretch !important;
    }

    .boton-border-bottom{
        height: 52px;
        padding: 14px 0;
        font-size: 18px;
    }

    .boton-border-bottom svg{
        width: 24px;
    }

    .titulo-h1{
        font-size: 56px;
        line-height: 56px;
    }

    .titulo-h2{
        font-size: 50px;
        line-height: 50px; 
    }

    .titulo-h4{
        font-size: 30px;
    }

    .titulo-h3{
        font-size: 36px;
    }

    .titulo-h5{
        font-size: 28px;
        font-weight: 700;
        letter-spacing: 0.56px;
    }

    .titulo-h6{
        font-size: 30px;
        line-height: 32px;
    }
    
    .titulo-h7{
        font-size: 24px;
        line-height: 26px;
    }

    .texto-xs{
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.32px
    }

    .texto-lg{
        font-size: 20px;
        line-height: 30px;
    }

    .titulo-estandar{  
        font-size: 38px;
        text-align: left;
    }

    .container-titulos-flex-center .salto{
        display: inline;
    }

}

/* Fin Estilos generales */


/* destacados */
#destacado1 {
    padding-bottom: 76px;
}
/* texto imagen home */

#texto1.texto_0.asp_22{
    display: none;
}
#texto1.texto_0.asp_22 .container-fluid {
    background: var(--Light-Grey, #F4F4F4);
}
#texto1.texto_0.asp_22 .titulo {
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: 46px; 
    color: white;
}
#texto1.texto_0.asp_22 .txt {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: white;
    padding: 10px 0 24px;
}
#texto1.texto_0.asp_22 a.enlace-cta {
    border: 1px solid white;
    color: white;
    padding: 16px 24px;
    border-radius: 50px;
    display: block;
    width: fit-content;
    text-transform:uppercase;
}
#texto1.texto_0.asp_22 .container > .row > .col-xs-12 {
    display: flex;
    gap: 40px;
}
#texto1.texto_0.asp_22 .col-1 {
    background-image: url('/img/yomovomotos/bg_imagen_texto_home_1.png');
    background-color: var(--var-color-texto, #282931);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    display: flex;
    border-radius: 15px;
}
#texto1.texto_0.asp_22 .col-1 .container-txt {
    width: 100%;
    max-width: 348px;
    margin: auto;
    margin-right: 25px;
    height: fit-content;
}
#texto1.texto_0.asp_22 .col-2 {
    background-image: url('/img/yomovomotos/bg_imagen_texto_home_2.png');
    background-color: var(--var-color-texto, #282931);
    background-size: cover;
    background-position: 50%;
    height: 375px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 0 50px;
    border-radius: 15px;
}

@media(max-width:991px){
    #texto1.texto_0.asp_22 .container > .row > .col-xs-12{
        flex-direction: column;
        gap:24px;
    }

    #texto1.texto_0.asp_22 .col-1,
    #texto1.texto_0.asp_22 .col-2{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    #texto1.texto_0.asp_22 .col-1{
        height: 540px;
        background-position: top;
        padding: 0;
    }

    #texto1.texto_0.asp_22 .col-2{
        height:340px;
        padding: 24px 16px;
    }

    #texto1.texto_0.asp_22 .col-1 .container-txt{
        max-width: 100%;
        padding: 24px 16px;
        margin: 0;
    }

    #texto1.texto_0.asp_22 a.enlace-cta{
        font-size: 14px;
        padding: 8px 24px;
        text-transform: unset;
    }
}

@media(max-width:767px){
    #texto1.texto_0.asp_22 .container-fluid {
        padding: 0 30px;
    }
}
/* filtro5 */
#filtro5 .container-fluid {
    background: linear-gradient(180deg, #282931 -2.29%, #9A9B9E 29.79%, #D8D8D9 47.61%, #F4F4F4 58.31%, #FFF 69%);
    overflow: hidden;
}
#filtro5 a.ver-coches {
    display: flex;
    gap: 8px;
    border-left: 4px solid var(--var-verde);
    padding: 8px 16px;
    height: fit-content;
    margin: 0 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--var-color-texto);
    transition-duration: 0.3s;
    width: fit-content;
}
#filtro5 a.ver-coches svg {
    transition-duration: 0.3s;
}
#filtro5 a.ver-coches:hover {
    color: var(--var-verde);
}
#filtro5 a.ver-coches:hover svg path {
    stroke: var(--var-verde);
}
#filtro5 .titulo {
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 60px;
    color: #F4F4F4;
}
#filtro5 .texto {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #F4F4F4;
    padding: 16px 0;
}
#filtro5 .container-titulos {
    width: 100%;
    max-width: 705px;
}
#filtro5 .container-select .titulo-select {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    color: #F4F4F4;
    width: 100%;
    max-width: 408px;
}
#filtro5 .container-select .texto-select {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #F4F4F4;
    width: 100%;
    max-width: 408px;
    padding: 8px 0 34px;
}
#filtro5 .container-titulos-select {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 100px;
    padding-top: 72px;
}
#filtro5 .selector-marcas {
    border-radius: 8px;
    width: 100%;
    padding: 16px 32px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    /* line-height: normal; */
    text-transform: uppercase;
    border: none;
    background-color: white;
    cursor: pointer;
    position: absolute;
    max-width: 408px;
    z-index: 2;
}
#filtro5 .marcas a img {
    width: 84px;
    max-width: 100%;
}
#filtro5 .marcas a {
    margin: 0;
}
#filtro5 .swiper-enlaces-marcas-home {
    width: 100%;
    overflow: visible;
}
#filtro5 .swiper-enlaces-marcas-home .swiper-wrapper {
    justify-content: center;
}
#filtro5 .container {
    padding-bottom: 72px;
}
#filtro5 .opcion-marcas {
    display: none;
}
#filtro5 .nombre-marca {
    display: flex;
    justify-content: space-between;
    transition-duration: 0.3s;
}
#filtro5 .nombre-marca svg {
    transform: rotate(180deg);
}
#filtro5 .opcion-marcas .container-img-txt img {
    width: 24px ;
}
#filtro5 .opcion-marcas .container-img-txt {
    display: flex;
    gap: 8px;
    position: relative;
    width: fit-content;
    color: black;
}

#filtro5 .selector-marcas.show .nombre-marca {
    padding-bottom: 32px;
}
#filtro5 .selector-marcas .opcion-marcas {
    margin-bottom: 16px;
}
#filtro5 .selector-marcas .opcion-marcas .container-img-txt::after {
    content: " ";
    position: absolute;
    bottom: 0;
    width: 0;
    left: 0;
    height: 1px;
    background-color: black;
    transition-duration: 0.5s;
}
#filtro5 .selector-marcas .opcion-marcas:hover .container-img-txt::after {
    width: calc(100% + 20px);
}

#filtro5 .container-select-mobile{
    display: none;
}

@media (min-width:992px) and (max-width:1199px){
    #filtro5 .container-titulos-select {
        flex-direction: column;
    }

    #filtro5 .container-fluid{
        background: linear-gradient(180deg, #282931 -2.29%, #9A9B9E 29.79%, #D8D8D9 47.61%, #F4F4F4 70.31%, #FFF 69%)
    }
}

@media(max-width:991px){

    #filtro5 .container-fluid{
        background: linear-gradient(0deg, #282931 21.78%, #9A9B9E 37.29%, #D8D8D9 45.91%, #F4F4F4 55%, #FFF 56.26%);

    }

    #filtro5 .container-titulos-select{
        padding:32px 0 25px;
    }

    #filtro5 .container-select{
        display: none;
    }

    #filtro5 .container-select-mobile{
        display: block;
    }
  
    #filtro5 .titulo,
    #filtro5 .texto{
        color: var(--var-color-texto);
    }

    #filtro5 a.ver-coches{
        text-transform: unset;
    }

    #filtro5 .selector-marcas{
        position: static;
    }
}

@media(max-width:767px){
    #filtro5 .container {
        padding: 0 30px 72px;
    }
}

/* promociones */
#promociones1 {
    background-color: #F4F4F4;
    padding: 96px 0;
}
#promociones1 .titulo {
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 60px;
    text-align: center;
    font-family: 'Barlow';
    color: var(--var-color-texto);
    padding-bottom: 16px;
    margin: 0;
}
#promociones1 .container-subtitulo {
    width: 100%;
    max-width: 705px;
    margin: auto;
}
#promociones1 .container-subtitulo .subtitulo {
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Barlow';
    color: var(--var-color-texto);
    text-align: center;
    margin-bottom: 64px;
}
#promociones1 .cardOferta,
#promociones1 .cardOferta .tipo-card,
#promociones1 .cardOferta .title-card,
#promociones1 .cardOferta .precio-card,
#promociones1 .cardOferta .permalink,
#promociones1 .cardOferta .linkBoton {
    position: static;
}
#promociones1 .cardOferta .thumb.info {
    width: 100%;
}
#promociones1 .cardOferta .thumb img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 20px;
    object-position: center;
    margin-bottom: 24px;
}
#promociones1 .cardOferta .container-tipo-card {
    /* height: 76px; */
    display: flex;
}
#promociones1 .cardOferta .tipo-card {
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 38px; 
    height: fit-content;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: var(--var-color-texto);
}
#promociones1 .cardOferta .title-card {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
#promociones1 a.linkBoton {
    display: flex;
    gap: 8px;
    border-left: 4px solid var(--var-verde);
    padding: 8px 16px;
    height: fit-content;
    margin: 0 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--var-color-texto);
    transition-duration: 0.3s;
    width: fit-content;
    margin-top: 24px !important;
}
#promociones1 a.linkBoton svg {
    transition-duration: 0.3s;
}
#promociones1 a.linkBoton:hover {
    color: var(--var-verde);
}
#promociones1 a.linkBoton:hover svg path {
    stroke: var(--var-verde);
}
#promociones1 a.todas-las-promos {
    display: block;
    width: fit-content;
    margin: auto;
    padding: 16px 24px;
    border-radius: 99px;
    border: 1px solid var(--var-verde, #007D31);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: var(--var-verde);
    transition-duration: 0.3s;
    text-transform: uppercase;
}

#promociones1 a.todas-las-promos:hover {
    background-color: var(--var-verde);
    color: white;
}

#promociones1 .swiper-pagination-custom {
    display: none;
}

@media(max-width:1199px){
    #promociones1 .swiper-pagination-custom {
        display: flex;
        justify-content: center;
        margin-bottom: 32px;
    }
}

@media(max-width:991px){
    #promociones1{
        padding:32px 0;
    }

    #promociones1 .container-subtitulo .subtitulo{
        font-size: 20px;
        margin-bottom: 24px;
    }

    #promociones1 .cardOferta{
        margin: 0;
    }

    #promociones1 .cardOferta .thumb img{
        height: 350px;
    }

    #promociones1 .cardOferta .container-tipo-card{
        height: auto;
    }

    #promociones1 .cardOferta .tipo-card{
        margin: 0;
    }

    #promociones1 .cardOferta .title-card{
        margin: 16px 0 0;
    }

    #promociones1 .cardOferta .linkBoton{
        text-transform: unset;
    }

    #promociones1 a.todas-las-promos{
        font-size: 14px;
        padding: 8px 20px;
        text-transform: unset;
    }
}

@media(max-width:767px){
    #promociones1 .containerCards{
        padding: 0 30px;
    } 

    #promociones1 .containerCards .row{
        margin: 0;
    }
}

/* motos destacadas */
#destacado1.destacado_asp_37 {
    padding-top: 96px;
    padding-bottom: 96px;
}
#destacado1.destacado_asp_37 .container-fluid {
    overflow: hidden;
    width: 100%;
}
#destacado1.destacado_asp_37 .swiper-container {
    overflow: visible;
}
@media(max-width:991px){
    #destacado1.destacado_asp_37{
        padding: 0;
    }
}

/* servicios home */

#servicio4.servicio_0 .servicio{
    padding-top: 96px;
    padding-bottom: 96px;
}

#servicio4.servicio_0  .card_servicio,
#servicio4.servicio_27  .card_servicio,
#servicio4.servicio_17  .card_servicio{
    margin:0;
}

#servicio4.servicio_0 .titulo-subtitulo,
#servicio4.servicio_27 .titulo-subtitulo,
#servicio4.servicio_17 .titulo-subtitulo{
    padding: 0 15px;
    margin: 0;
    width: 100%;
}

#servicio4.servicio_0  .subtitulo,
#servicio4.servicio_27  .subtitulo,
#servicio4.servicio_17 .subtitulo{
    padding: 0;
    margin: 16px 0 0;
    max-width: 50ch;
}

#servicio4.servicio_0  .swiper-container,
#servicio4.servicio_27  .swiper-container,
#servicio4.servicio_17  .swiper-container{
    margin-top: 64px;
    padding: 0 15px;
}

#servicio4.servicio_0 .swiper-slide,
#servicio4.servicio_27 .swiper-slide,
#servicio4.servicio_17 .swiper-slide{
    height: auto;
}

@media(max-width:1499px){

    #servicio4.servicio_0 .card_servicio,
    #servicio4.servicio_27 .card_servicio,
    #servicio4.servicio_17 .card_servicio{
        padding: 24px;
    }

    #servicio4 .titulo_card,
    #servicio4 .texto_card,
    #servicio4.servicio_0 .texto,
    #servicio4.servicio_27 .texto,
    #servicio4.servicio_17 .texto{
        padding: 0;
    }

    #servicio4.servicio_0 .texto,
    #servicio4.servicio_27 .texto,
    #servicio4.servicio_17 .texto{
       gap: 16px;
       width: 100%;
    }

    #servicio4.servicio_0 .card_servicio .row .iconos,
    #servicio4.servicio_27 .card_servicio .row .iconos,
    #servicio4.servicio_17 .card_servicio .row .iconos{
        width: 100%;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
    }
}

@media(max-width:991px){
    #servicio4.servicio_0 .servicio{
        padding-top: 32px;
        padding-bottom: 32px;
    }

    #servicio4.servicio_0 .swiper-container{
        margin-top: 24px;
    }
}
   
@media(max-width:767px){
    #servicio4.servicio_0 .titulo-subtitulo,
    #servicio4.servicio_27 .titulo-subtitulo,
    #servicio4.servicio_17 .titulo-subtitulo{
        padding: 0 30px;
    }

    #servicio4.servicio_0 .swiper-container,
    #servicio4.servicio_27 .swiper-container,
    #servicio4.servicio_17 .swiper-container{
        padding-left: 30px;
        margin-top: 32px;
    }
}

/* #region detalle_info_jato */
#detalle_info_jato {
    background-color: var(--var-color-light-grey);
}
#detalle_info_jato {
    display: block !important;
}
#detalle_info_jato .panel-group .panel {
    background-color: transparent;
    border: 1px solid var(--Black, #282931);
    border-radius: 8px;
}
#detalle_info_jato .panel-heading {
    padding: 24px 30px;
    border-radius: 8px;
    border: none;
}
#detalle_info_jato .panel-heading span.menos {
    display: block;
}
#detalle_info_jato .collapsed .panel-heading span.menos,
#detalle_info_jato a:not([aria-expanded]) .panel-heading span.menos,
#detalle_info_jato .panel-group:first-of-type a:not([aria-expanded]) .panel-heading span.mas {
    display: none;
}
#detalle_info_jato .panel-heading span.mas {
    display: none;
}
#detalle_info_jato .collapsed .panel-heading span.mas,
#detalle_info_jato a:not([aria-expanded]) .panel-heading span.mas,
#detalle_info_jato .panel-group:first-of-type a:not([aria-expanded]) .panel-heading span.menos {
    display: block;
}

#detalle_info_jato .panel-heading span {
    /*color: #282931;*/
    color: #007D31;
    font-size: 26px;
    line-height: 20px;
}
#detalle_info_jato .nav-tabs> li.active> a::before,
#detalle_info_jato .nav-tabs> li.active> h2::before {
    content: '';
    position: absolute;
    display: block;
    bottom: 0px;
    height: 5px;
    width: 53px;
    background: #5EA327;
    left: 0;
    border-radius: 20px;
    z-index: 1;
}

#detalle_info_jato .panel-heading h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#detalle_info_jato .nav-tabs {
    margin-top: 0;
    display: flex;
    flex-direction: row;
    gap: 50px;
}
#detalle_info_jato .nav-tabs> li {
    width: fit-content;
    border: none;
}
#detalle_info_jato .nav-tabs> li.active> a,
#detalle_info_jato .nav-tabs> li> h2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: 46px; 
    color: #282931;
    text-transform: initial;
}
#detalle_info_jato .nav-tabs> li.active> h2 {
    border: none !important;
}
#detalle_info_jato .nav:after,
#detalle_info_jato .nav:before{
    display: none;
}
@media (max-width: 991px) {
    #detalle_info_jato .nav-tabs{
        flex-direction: column;
        gap: 0;
    }
    #detalle_info_jato .nav-tabs> li.active> a,
    #detalle_info_jato .nav-tabs> li> h2{
        font-size: 24px !important;
        line-height: 30px;
    }
}
/* #endregion */
/* #region calculadora financiera */
#calculadora_financiera7 .contForm {
    right: calc(((100% - var(--max-width)) /2) + 0px);
    width: 550px;
    margin-top: 0;
    background-color: transparent;
}
#calculadora_financiera7 .nav .precio.precio_tachado{
    text-decoration: line-through;
}
#calculadora_financiera7 .nav .nav-item:first-of-type {
    border-radius: 8px 0 0 0;
}
#calculadora_financiera7 .nav .nav-item:last-of-type {
    border-radius: 0 8px 0 0;
}
#calculadora_financiera7 label {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
#calculadora_financiera7 .modal label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#calculadora_financiera7 .numLabel div {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#calculadora_financiera7 .slider {
    margin-top: 8px;
    height: 1px;
}
#calculadora_financiera7 .slider::-webkit-slider-thumb {
    -webkit-appearance: none;  
    appearance: none;
    width: 20px;  
    height: 20px;
    border-radius: 50%; 
    cursor: pointer;
    background: #5EA327 !important;
}
#calculadora_financiera7 .resultado .texto {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--Primary-500, #0F1B18);
}
#calculadora_financiera7 .resultado .texto .container-cuota {
    font-size: 24px;
    font-weight: 800;
    line-height: 38px;
    position: relative;
    top: 5px;
}
#calculadora_financiera7 .resultado .texto .container-cuota .resultadoCuota {
    font-size: 36px;
    line-height: 46px;
    margin-left: 10px;
}
#calculadora_financiera7 .tab-pane {
    background: white;
    border-radius: 0 0 8px 8px;
    padding: 32px;
}
#calculadora_financiera7 .container-promocion {
    width: 100%;
    background: #F4F4F4;
    border-radius: 8px;
    padding: 5px;
    text-align: center;
    margin-top: 32px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#calculadora_financiera7 .container-promocion .txt {
    position: relative;
    top: -5px;
}
#calculadora_financiera7 .container-promocion .precio-tachado {
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 38px;
    color: #5EA327;
    text-decoration: line-through;
    margin: 0 8px;
    position: relative;
    top: -3px;
}
#calculadora_financiera7 .container-promocion .precio-grande {
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: 46px;
    color: #007D31;
}
#calculadora_financiera7 .container-btns {
    display: flex;
    gap: 20px;
}
#calculadora_financiera7 .container-btns .boton {
    width: 100%;
    border-radius: 50px;
    background-color: transparent;
    border: 1px solid #007d31;
    color: #007d31;
    line-height: 49px;
    padding: 0;
    transition-duration: 0.3s;
}
#calculadora_financiera7 .container-btns .boton:hover {
    background-color: #007D31;
    color: white;
}
#calculadora_financiera7 .container-btns .boton.abrirReservar {
    background-color: #007D31;
    color: white;
}
#calculadora_financiera7 .container-btns .boton.abrirReservar:hover {
    background-color: var(--var-verde-claro);
    border-color: var(--var-verde-claro);
    color: #007d31;
}
#calculadora_financiera7 .container-puntos {
    margin-top: 32px;
}
#calculadora_financiera7 .container-puntos .punto-textos {
    display: flex;
    gap: 4px;
    margin-bottom: 12px;
}
#calculadora_financiera7 .container-puntos .texto-puntos {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#calculadora_financiera7 .container-puntos svg {
    fill: #5EA327;
}
#calculadora_financiera7 .whatsapp {
    display: block;
    width: 100%;
    border-radius: 50px;
    background: transparent;
    border: 1px solid var(--var-verde);
    color: var(--var-verde);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 49px;
    margin-top: 20px;
    margin-left: 0;
    transition-duration: 0.3s;
}
#calculadora_financiera7 .whatsapp:hover {
    background-color: var(--var-verde);
    color: white;
}
#calculadora_financiera7 .contForm .contForm-inner {
    border-radius: 8px;
    border: none;
}
#calculadora_financiera7 {
    background-color: var(--var-color-light-grey);
}
@media(max-width: 1919px) {
    #calculadora_financiera7 .contForm {
        width: 500px;
    }
}
@media(max-width: 1679px) {
    #calculadora_financiera7 .contForm {
        right: calc(((100% - var(--max-width)) / 2) + 40px);
        width: 450px;
    }
}
@media(max-width: 1460px) {
    #calculadora_financiera7 .contForm {
        width: 400px;
    }
}
@media(max-width: 1299px) {
    #calculadora_financiera7 .tab-pane {
        padding: 16px;
    }
    #calculadora_financiera7 .contForm {
        width: 365px;
    }
    #calculadora_financiera7 .boton {
        font-size: 13px;
    }
    #calculadora_financiera7 .container-btns {
        gap: 10px;
    }
}
@media (max-width: 1199px) {
    #calculadora_financiera7 .contForm {
        right: calc(((100% - var(--max-width)) / 2) + 10px);
    }
    #calculadora_financiera7 .contForm {
        width: 360px;
    }
}
@media (max-width: 1099px) {
    #calculadora_financiera7 .contForm {
        width: 320px;
    }
    #calculadora_financiera7 .container-puntos .texto-puntos {
        text-align: left;
    }
    #calculadora_financiera7 .resultado .texto {
        font-size: 18px;
    }
    #calculadora_financiera7 .resultado .texto .container-cuota {
        font-size: 18px;
        top: 0;
    }
    #calculadora_financiera7 .resultado .texto .container-cuota .resultadoCuota {
        font-size: 25px;
    }
    #calculadora_financiera7 .texto-xs {
        font-size: 15px !important;
    }
    #calculadora_financiera7 .nav .precio {
        font-size: 21px !important;
        line-height: 32px !important;
    }    
}
@media (max-width: 991px) {
    #calculadora_financiera7 .contForm {
        width: 100%;
    }
    #calculadora_financiera7 .boton {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    #calculadora_financiera7 .contForm {
        margin-top: 0;
    }
}
@media (max-width: 475px) {
    #calculadora_financiera7 .boton {
        font-size: 14px;
    }
}
/* #endregion */
/* #region detalle info */
#detalle_info1 {
    background-color: var(--var-color-light-grey);
}
#detalle_info1 .titulo {
    color: #282931;
    margin-bottom: 28px;
}
#detalle_info1 .wrapper {
    border: 1px solid #282931;
    padding: 32px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border-radius: 8px;
    margin-bottom: 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#detalle_info1 .wrapper .plus,
#detalle_info1 .container-concesionario-oficial .minus {
    font-size: 32px;
    line-height: 32px;
}
#detalle_info1 .wrapper .container-bancos {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px;
}
#detalle_info1 a.container-enlace {
    display: flex;
    gap: 8px;
    border-left: 4px solid var(--var-verde);
    padding: 8px 16px;
    height: fit-content;
    margin: 0 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--var-color-texto);
    transition-duration: 0.3s;
    width: fit-content;
}
#detalle_info1 a.container-enlace svg {
    transition-duration: 0.3s;
}
#detalle_info1 a.container-enlace:hover {
    color: var(--var-verde);
}
#detalle_info1 a.container-enlace:hover svg path {
    stroke: var(--var-verde);
}
#detalle_info1 .textContent {
    margin: 0 0 16px;
}

#detalle_info1 .textContent:last-of-type {
    margin: 0 0 32px;
}
#detalle_info1 .container-concesionario-oficial .wrapper {
    flex-wrap: nowrap;
    cursor: pointer;
    gap: 12px;
}
#detalle_info1 .container-concesionario-oficial .minus,
#detalle_info1 .container-concesionario-oficial .wrapper-show .plus {
    display: none;
}
#detalle_info1 .container-concesionario-oficial .wrapper-show .minus {
    display: block;
}
#detalle_info1 .container-concesionario-oficial .wrapper .textContent {
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
#detalle_info1 .container-concesionario-oficial .wrapper-show .textContent {
    -webkit-line-clamp: unset;
}
@media(max-width: 1400px) {
    #detalle_info1 .wrapper .container-bancos {
        gap: 20px;
    }
}
@media(max-width: 849px) {
    #detalle_info1 .wrapper .container-bancos {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #detalle_info1 .wrapper .container-bancos a {
        width: calc(33% - 20px);
        text-align: center;
    }
}
/* #endregion */
/* #region banner detalle */
#banner3 {
    padding: 64px 0;
    background-color: var(--var-color-light-grey);
}
#banner3 .banner_barra {
    background-color: transparent;
    padding: 0;
}
#banner3 .container {
    background: var(--Black, #282931);
    background-image: url('/img/yomovomotos/bg_banner_detalle.png');
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    border-radius: 24px;
    filter: grayscale(1);
}
#banner3 .banner_barra .texto {
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 60px; 
    font-family: Barlow;
}
#banner3 .banner_barra .subtitulo {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 0 24px;
    color: white;
}
#banner3 .banner_barra a {
    display: block;
    width: 100%;
    border: 1px solid white;
    line-height: 49px;
    max-width: 244px;
    transition-duration: 0.3s;
    text-align: center;
    border-radius: 50px;
    color: white;
    font-size: 14px;
}
#banner3 .banner_barra a:hover {
    background-color: white;
    color: #282931;
}
#banner3 .container-txt {
    width: 100%;
    max-width: 620px;
    height: 450px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-flow: column;
    margin-left: auto;
    margin-right: 165px;
}
#banner3 .container > .row {
    display: flex;
}
#banner3 .container-fluid > .row {
    margin: 0;
}
@media(max-width: 1679px) {
    #banner3 .container-fluid > .row {
        padding-left: var(--padding-container);
        padding-right: var(--padding-container);
    }
    #banner3 .container-txt {
        margin-right: 100px;
        max-width: 450px;
    }
}
@media(max-width: 1470px) {
    #banner3 .container-txt {
        height: fit-content;
        padding: 50px 0;
    }
    #banner3 .banner_barra .texto {
        font-size: 38px;
        line-height: 40px;
    }
}
@media(max-width: 1239px) {
    #banner3 .container-txt {
        margin-right: 15px;
    }
}

@media(max-width:1199px){
    #banner3 .banner_barra{
        padding: 0 15px;
    }
}

@media (max-width: 1030px) {
    #banner3 .banner_barra .subtitulo {
        font-size: 15px;
    }
    #banner3 .container-txt {
        margin-right: 25px;
        max-width: 375px;
        padding: 30px 0;
    }
}
@media (max-width: 991px) {
    #banner3{
        padding: 32px 0;
    }

    #banner3 .banner_barra .texto {
        text-align: left;
    }
}
@media (max-width: 900px) {
    #banner3 .container-txt {
        max-width: 100%;
        padding: 30px 25px;
        height: 450px;
        background: #00000077;
        margin: 0;
        border-radius: 24px;
    }
    #banner3 .container {
        background-size: cover;
    }
    #banner3 .banner_barra .subtitulo {
        font-size: 24px;
    }
    #banner3 .banner_barra .texto {
        font-size: 44px;
        line-height: 50px;
    }
}

/* #endregion */
/* #region relacionados detalle */
#relacionados_detalle1 {
    padding: 64px 0;
    background-color: var(--var-color-light-grey);
}
#relacionados_detalle1 h2 {
    color: var(--Black, #282931);
    font-family: Barlow;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 60px;
    margin-bottom: 16px;
}
#relacionados_detalle1 .subtitle {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
#relacionados_detalle1 a.container-enlace {
    display: flex;
    gap: 8px;
    border-left: 4px solid var(--var-verde);
    padding: 8px 16px;
    height: fit-content;
    margin: 0 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--var-color-texto);
    transition-duration: 0.3s;
    width: fit-content;
    margin-top: auto !important;
}
#relacionados_detalle1 a.container-enlace svg {
    transition-duration: 0.3s;
}
#relacionados_detalle1 a.container-enlace:hover {
    color: var(--var-verde);
}
#relacionados_detalle1 a.container-enlace:hover svg path {
    stroke: var(--var-verde);
}
#relacionados_detalle1 .container-titulo-enlace {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#relacionados_detalle1 .container-navigation {
    display: flex;
    gap: 17px;
    width: 100%;
    max-width: 236px;
}
#relacionados_detalle1 .swiper-button-prev,
#relacionados_detalle1 .swiper-button-next {
    position: static;
    transform: unset;
    padding: 15px;
    background-color: white;
    border-radius: 50%;
    width: fit-content;
    height: fit-content;
    transition-duration: 0.3s;
}
#relacionados_detalle1 .swiper-button-prev:hover,
#relacionados_detalle1 .swiper-button-next:hover {
    background-color: var(--var-verde);
}
#relacionados_detalle1 .swiper-button-prev::after,
#relacionados_detalle1 .swiper-button-next::after {
    content: unset;
}
#relacionados_detalle1 .swiper-container {
    padding: 30px 13px 50px;
}
#relacionados_detalle1 .swiper-button-prev svg,
#relacionados_detalle1 .swiper-button-next svg {
    width: 24px;
    transition-duration: 0.3s;
}
#relacionados_detalle1 .swiper-button-prev:hover svg path,
#relacionados_detalle1 .swiper-button-next:hover svg path {
    fill: white !important;
}
#relacionados_detalle1 .swiper-pagination-bullet {
    width: 18px;
    height: 3px;
    border-radius: 50px;
    opacity: 1;
    background-color: var(--var-verde-claro);
    transition-duration: 0.3s;
    margin: 0 3px;
}
#relacionados_detalle1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 34px;
    background-color: var(--var-verde);
}
#relacionados_detalle1 .swiper-pagination {
    position: static;
    height: fit-content;
    margin: auto 0;
}
#relacionados_detalle1 .container-inferior {
    display: flex;
    justify-content: space-between;
}
@media(min-width: 1300px) {
    #relacionados_detalle1 .container {
        width: 1280px;
    }
}
/* #endregion */
/* #region detalle prestaciones */
@media(max-width: 1499px) {
    #detalle_prestaciones2 .colprint {
        justify-content: start;
    }
}
/* #endregion */
/* #region detalle imagen */
@media(max-width: 1319px) {
    #detalle_imagen1 .container .container-titulo .texto {
        font-size: 19px !important;
    }
    #detalle_imagen1 .container .container-titulo .titulo {
        font-size: 27px !important;
        line-height: 28px !important;
    }
    #detalle_imagen1 .container .container-titulo .container-precios .titulo {
        line-height: 38px !important;
    }
}
@media(max-width: 991px) {
    #detalle_imagen1 .container-fluid .thumbs {
        border: none !important;
    }
    #detalle_imagen1 .container-titulo {
        align-items: start !important;
    }
    #detalle_imagen1 .container-fluid .thumbs {
        padding-bottom: 32px !important;
    }
    #detalle_imagen1 .container .container-titulo .titulo {
        font-size: 36px !important;
        font-style: normal !important;
        font-weight: 800 !important;
        line-height: normal !important;
    }
    #detalle_imagen1 .container .container-titulo .subtitulo {
        font-size: 24px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: normal !important;
    }
    #detalle_imagen1 .container-fluid {
        padding-top: 40px !important;
        padding-bottom: 0 !important;
    }
}
@media (max-width: 767px) {
    #detalle_imagen1 .container-slider {
        width: 100% !important;
        margin-left: 0 !important;
    }
}
/* #endregion */
/* barra */
#barra5 .info_bar {
    background-color: var(--var-verde);
    padding: 8px 0;
}
#barra5 .info_bar .container-tel-mail {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}
#barra5 .info_bar .container-tel-mail a {
    display: flex;
    gap: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media(max-width:991px){

    #barra5{
        display: none;
    }
}

#menu17.transparent {
    margin-bottom: -80px;
}

#menu17 img.img-responsive {
    filter: brightness(0) invert(1);
}

#menu17.menu-sticky img.img-responsive,
#menu17.megamenu img.img-responsive,
#menu17.menu-color img.img-responsive {
    filter: brightness(1);
}

#menu17.menu-sticky .chevron{
    filter: invert(1);
}

#menu17 .container-enlaces{
    align-items: center;
}

#menu17 .boton-menu{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

#menu17.menu-color .boton-menu,
#menu17.transparent .boton-menu{
    color: var(--var-color-white)
}

#menu17.menu-color .boton-menu,
#menu17.megamenu .boton-menu,
#menu17.menu-sticky .boton-menu{
    color: var(--var-color-texto);
}

#menu17.menu-color .boton-menu .chevron,
#menu17.megamenu .boton-menu .chevron{
    filter: invert(1);
}

#menu17 .boton-menu .chevron.open{
    transform: rotate(180deg);
}

#menu17.menu-color .boton-secundario svg path,
#menu17.megamenu .boton-secundario svg path{
    stroke: var(--var-color-white);
}

#menu17.menu-color .boton-secundario:hover svg path,
#menu17.megamenu .boton-secundario:hover svg path{
    stroke: var(--var-verde);
}

/* submenu marcas */

#menu17.megamenu {
    background: var(--var-color-white);
}

#menu17 .open>.dropdown-menu {
    display: block;
    top: 113px;
    width: 100%;
    max-width: 100%;
    left: 0;
    position: fixed;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    border-radius: 0 0 12px 12px;
    background-color: var(--var-color-light-grey);
    overflow-y: auto;
    max-height: -webkit-fill-available;
}

 #menu17.menu-color .open>.dropdown-menu {
    top: 80px;
}

#menu17 .container-megamenu-dropdown {
    padding: 43px 60px;
}

#menu17 .container-megamenu-dropdown .container-buttons{
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    gap: 40px;
}

#menu17 .container-megamenu-dropdown .container-links-motos .container-buttons{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

#menu17 .container-megamenu-dropdown .container-buttons .boton-marca{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    aspect-ratio: 1 / 1;
}

#menu17 .container-megamenu-dropdown .container-buttons .boton-marca img{
   transform: scale(.8);
   transition: all 1s;
   max-height: 60px;
}
#menu17 .container-megamenu-dropdown .container-buttons .boton-marca:nth-child(5) img,
#menu17 .container-megamenu-dropdown .container-buttons .boton-marca:nth-child(6) img,
#menu17 .container-megamenu-dropdown .container-buttons .boton-marca:nth-child(7) img{
    width: 100px ;
    max-height: 100px ;
}

#menu17 .container-megamenu-dropdown .container-buttons .boton-marca:hover{
  background-color: var(--var-color-white);
  
}

#menu17 .container-megamenu-dropdown .container-buttons .boton-marca:hover img{
    transform: scale(1);
}

#menu17 .container-megamenu-dropdown .container-buttons .boton-marca.active{
    border: 1px solid var(--var-color-texto, #282931);
    background: var(--var-color-white, #FFF);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

#menu17 .container-megamenu-dropdown .container-buttons .boton-marca.active img{
    transform: scale(1);
}

#menu17 .container-megamenu-dropdown .container-links-coches,
#menu17 .container-megamenu-dropdown .container-links .tab-pane.active{
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 40px;
    margin: 40px 0 0;
}

#menu17 .container-megamenu-dropdown .container-links-motos{
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 1fr;
    gap: 40px;
    margin: 40px 0 0;
}

#menu17 .container-megamenu-dropdown .container-links .card-link{
    position: relative;
    overflow: hidden;
    height: 290px;
    transition: all .5s;
    border-radius: 12px;
}

#menu17 .container-megamenu-dropdown .container-links .card-link .img-background{
    object-fit: cover;
    height: -webkit-fill-available;
    width: 100%;
    transition: all .5s;
    filter: grayscale(1);
    position: relative;
}

#menu17 .container-megamenu-dropdown .container-links .link-cita img{
    object-position: left;
}

#menu17 .container-megamenu-dropdown .container-links .card-link::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

#menu17 .container-megamenu-dropdown .container-links .card-link:hover .img-background{
    transform: scale(1.1);
    filter: grayscale(0);
}


#menu17 .container-megamenu-dropdown .container-links .card-link .container-info{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    position: absolute;
    bottom: 24px;
    right: 24px;
    z-index: 1;
    transition: all .5s;
}

#menu17 .container-megamenu-dropdown .container-links .card-link:hover .container-info{
    bottom: 60px;
}

#menu17 .container-megamenu-dropdown .container-links .card-link .container-info .titulo{
    margin: 0;
    color:var(--var-verde-secundario, #5EA327);
    line-height: 30px !important;
    text-align: right;
}

#menu17 .container-megamenu-dropdown .container-links .card-link .container-info .link{
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    bottom: -100px;
    right: 0;
    transition: all .5s;
    color: var(--var-color-white, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border-left: 4px solid var(--var-verde-secundario, #5EA327);
    padding-left: 8px;
}

#menu17 .container-megamenu-dropdown .container-links .card-link:hover .container-info .link{
    bottom: -30px;
}

#menu17 .footer-megamenu{

    padding: 40px 0;
    border-radius: 0px 0px 12px 12px;
    background: #E3E3E3;
}

#menu17 .footer-megamenu .container{
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

#menu17 .footer-megamenu .container::after,
#menu17 .footer-megamenu .container::before{
    display: none;
}

#menu17 .footer-megamenu .container-texto-btn{
    display: flex;
    align-items: center;
    gap: 16px;
}

#menu17 .footer-megamenu .container-texto-btn .titulo{
    color: var(--var-color-texto);
    max-width: 15ch;
}

#menu17 .footer-megamenu .container-texto-btn.container-contacto{
   align-items: flex-start;
}

#menu17 .footer-megamenu .container-texto-btn.container-contacto .titulo{
    max-width: 100%;
}

#menu17 .footer-megamenu .container-texto-btn.container-contacto .link-telf sup{
    font-size: 10px;
    top: -12px;
}

.megamenu-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999; /* Asegúrate de que el fondo esté por debajo del menú */
}

/* desplegable servicios */

#menu17 .container-dk .desplegable {
    position: absolute;
    top: 35px;
    border-radius: 8px;
    background: var(--var-verde, #007D31);
    display: none;
    z-index: 10;
}

#menu17 .container-dk .menu:hover .desplegable {
    display: flex;
    flex-direction: column;
}

#menu17 .container-dk .desplegable a{
    padding: 16px 24px;
    color: var(--var-color-white);
    text-transform: uppercase;
    color: var(--var-color-white, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#menu17 .container-dk .desplegable a:hover{
   background-color: var(--var-verde-secundario);
}

#menu17 .container-dk .desplegable a:hover:first-child{
    border-radius: 8px 8px 0 0;
}

#menu17 .container-dk .desplegable a:hover:last-child{
    border-radius: 0 0 8px 8px ;
}


@media(max-width:1399px){
    #menu17 .container-megamenu-dropdown .container-buttons,
    #menu17 .container-megamenu-dropdown .container-links-motos .container-buttons,
    #menu17 .container-megamenu-dropdown .container-links .tab-pane.active{
        gap: 24px;
    }

    #menu17 .container-megamenu-dropdown .container-buttons .boton-marca{
        width: 90px;
        height: 90px;
    }

}

@media(max-width:1199px){
    #menu17 .container-megamenu-dropdown .container-links-motos .container-buttons{
        grid-template-columns: repeat(3, 1fr);
    }
}


@media(min-width:992px) and (max-width:1340px){
    #menu17 .container-enlaces .menu{
        padding-left: 0;
    }

    #menu17 .boton-menu{
        font-size: 14px;
    }
}

@media(max-width:992px){

    #menu17 .container-megamenu.open{
        overflow-y: scroll;
    }

    #menu17 .container-megamenu .container-menu{
        display: flex;
        flex-direction: column;
        height: auto;
    }

    #menu17.transparent .navbar-toggle .icon-bar{
        background-color: var(--var-color-white);
    }

    #menu17.menu-color .navbar-toggle .icon-bar{
        background-color: var(--var-color-texto);
    }

    #menu17 .container-megamenu{
        background-color: var(--var-color-texto);
    }

    #menu17 .container-megamenu .container-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    #menu17 .container-megamenu .container-header .logo-blanco{
        filter:  brightness(0) invert(1);
    }

    #menu17 .container-megamenu .container-links{
       padding-top: 24px !important;
       padding-bottom: 24px !important;
    }

    #menu17 .container-megamenu .opciones,
    #submenu_gama1 .container-menu-mobile .opciones{
        display: flex;
        flex-direction: column;
        padding: 16px 10px;
        border-top: 1px solid var(--var-verde-claro, #9DC4BC);
    }

    #menu17 .container-megamenu .opciones .txt-enlace-pagina,
    #submenu_gama1 .container-menu-mobile .opciones .txt-enlace-pagina{
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: uppercase;
        color: var(--var-color-white);
        font-weight: 500 !important;
    }

    #menu17 .open>.dropdown-menu{
        position: static;
        border-radius: 0;
        background: none;
        margin-top: 16px;
    }

    #menu17 .open>.dropdown-menu img{
        filter: brightness(1) invert(1);
        object-fit: contain;
        width: 32px;
        height: 32px
    }

    #menu17 .open>.dropdown-menu .txt-enlace-pagina{
        padding: 12px 32px;
        border-top: 1px solid var(--var-verde-claro);
        color: var(--var-color-white, #FFF);
        font-size: 16px !important;
        line-height: 16px !important;
        justify-content: flex-start;
        gap: 16px;
    }

    #menu17.menu-color .boton-secundario,
    #menu17 .boton-secundario,
    #submenu_gama1 .boton-secundario{
        width: 100%;
        background: var(--var-color-white, #FFF) !important;
        color: var(--var-verde, #007D31) !important;
        padding: 14px 20px;
        margin-top: 32px;
    }

    #menu17 .container-rrss,
    #submenu_gama1 .container-rrss{
        display: flex;
        justify-content: center;
        gap: 12px;
    }

    #menu17 .container-rrss a,
    #submenu_gama1 .container-rrss a{
        display: flex;
        padding: 10px;
        border-radius: 50px;
        background: rgba(0, 0, 0, 0.10);
    }

    #menu17 .container-barra{
        display: flex;
        justify-content: center;
        gap: 16px;
        background-color: var(--var-verde);
        margin-top: auto;
        width: 100vw;
        margin-left: -15px;
    }

    #menu17 .container-barra a,
    #submenu_gama1 .container-barra a{
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--var-color-white);
        font-size: 14px;
    }
}

/* hero multiple */
#hero_multiple .container {
    max-width: 100%;
}
#hero_multiple .container-fluid .container .swiper-slide {
    position: relative;
}
#hero_multiple .container-fluid .container .swiper-slide video.videoGaleria {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
#hero_multiple .container-fluid .container .swiper-slide .opacidad {
    position: absolute;
    background-color: #00000055;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#hero_multiple .container-fluid .container .swiper-slide .container-slide {
    position: relative;
    z-index: 1;
    max-width: var(--max-width);
    margin: auto auto 70px auto;
    padding-left: 100px;
}
#hero_multiple .container-btns-nav {
    position: absolute;
    left: calc((100% - var(--max-width)) / 2);
    bottom: 0;
    z-index: 1;
    height: 550px;
    display: flex;
    width: 65px;
    justify-content: center;
    flex-flow: column;
    gap: 16px;
}
#hero_multiple .container-fluid .container .swiper-button-prev, 
#hero_multiple .container-fluid .container .swiper-button-next {
    position: static;
    margin: 0;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(3px);
    width: 54px;
    height: 54px;
}
#hero_multiple .container-fluid .container .container-pag {
    margin: auto;
    width: 100%;
    max-width: var(--max-width);
    position: absolute;
    z-index: 2;
    bottom: 25px;
    left: calc((100% - var(--max-width)) / 2);
}
#hero_multiple .container-fluid .container .container-pag .swiper-pagination {
    padding: 0;
    background-color: transparent;
    position: static;
    backdrop-filter: unset
}
#hero_multiple .container-fluid .container .swiper-pagination .swiper-pagination-bullet {
    height: 3px;
    background-color: var(--var-verde-claro);
    width: 18px;
    border-radius: 50px;
    margin-right: 10px;
}
#hero_multiple .container-fluid .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: white;
    width: 34px;
}
#hero_multiple .container-fluid .container .swiper-slide .titulo {
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px;
    width: 100%;
    max-width: 1053px;
}
#hero_multiple .container-fluid .container .swiper-slide .container-subtitulo-btns {
    display: flex;
    justify-content: space-between;
}
#hero_multiple .container-fluid .container .swiper-slide .subtitulo {
    width: 100%;
    max-width: 641px;
}
#hero_multiple .container-fluid .container .swiper-slide .container-subtitulo-btns .btns-container {
    display: flex;
    gap: 16px;
    padding-top: 16px;
}
#hero_multiple .container-fluid .container .swiper-slide a {
    height: fit-content;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 16px 24px;
    border-radius: 50px;
    text-transform: uppercase;
}
#hero_multiple .container-fluid .container .swiper-slide a.btn-grupo {
    border-color: white;
    background-color: transparent;
}
#hero_multiple .container-fluid .container .swiper-slide a.btn-coches:hover {
    background-color: var(--var-verde-claro);
    color: var(--var-verde);
}
#hero_multiple .container-fluid .container .swiper-slide a.btn-grupo:hover {
    background-color: white;
    color: var(--var-verde);
}

#hero_multiple .container-btns-nav-mobile{
    display:none;
}

@media(max-width:1679px){
    #hero_multiple .container-fluid .container .container-pag,
    #hero_multiple .container-btns-nav{
        left: 55px;
    }

    #hero_multiple .container-fluid .container .swiper-slide .container-slide{
        padding-left: 150px;
        padding-right: 55px;
    }
}

@media(max-width:1299px){
    #hero_multiple .container-fluid .container .swiper-slide .container-subtitulo-btns{
        flex-direction: column;
    }
}

@media(max-width:991px){
    #hero_multiple .container-fluid .container .swiper-slide .container-slide .titulo{
        font-size: 36px;
        line-height: normal;
        font-weight: 800;
        margin:0;
    }

    #hero_multiple .container-fluid .container .swiper-slide .container-slide .subtitulo{
        font-size: 20px;
        font-weight: 400;
        padding: 12px 0 16px;
    }

    #hero_multiple .container-fluid .container .swiper-slide .container-slide{
        margin: auto auto 70px;
        padding: 0 30px;
        width: 750px;
    }

    #hero_multiple .container-fluid .container .container-pag{
        left: 30px;
    }

    #hero_multiple .container-fluid .container .swiper-slide .container-slide a{
        padding: 10px 12px;
        text-transform: unset;
        font-size: 14px;
    }

    #hero_multiple .container-btns-nav{
        display: none;
    }

    #hero_multiple .container-btns-nav-mobile{
        display: flex;
        flex-direction: row;
        position: static;
        height: auto;
        width: fit-content;
        margin-bottom: 16px;
    }

    #hero_multiple .container-fluid .container .swiper-button-prev, 
    #hero_multiple .container-fluid .container .swiper-button-next{
        width: 40px;
        height: 40px;
    }

    #hero_multiple .container-fluid .container .swiper-button-prev svg, 
    #hero_multiple .container-fluid .container .swiper-button-next svg{
        width: 18px;
    }
}

@media(max-width:767px){
    #hero_multiple .container-fluid .container .swiper-slide .container-slide{
        margin: auto 30px 70px 30px;
        padding: 0;
    }

    #hero_multiple .container-fluid .container .container-pag {
        width: 100%;
        right: -30px;
    }

    #hero_multiple.hero-multiple-3 .swiper-slide{
        height: calc(100vh - 33px);
    }
}

@media(max-width:600px){
    /* #hero_multiple .container-fluid .container .swiper-slide.slide0{
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url(/img/yomovomotos/hyundai-inster-mov.jpg) !important;
    }

    #hero_multiple .container-fluid .container .swiper-slide.slide1{
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url(/img/yomovomotos/opel-frontera-mov.jpg) !important;
    } */

    /* #hero_multiple .container-fluid .container .swiper-slide.slide2{
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url(/img/yomovomotos/omoda9-mov.jpg) !important;
    } */

    /* #hero_multiple .container-fluid .container .swiper-slide.slide3{
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url(/img/yomovomotos/jaecoo-7-mov.jpg) !important;
    } */
}
/* enlaces imagen-texto home */
#texto1.texto_0.asp_12 .container-fluid{
    background-color: var(--var-color-light-grey);
}

#texto1.texto_0.asp_12 .container-imgs-txt,
#texto1.texto_0.asp_12 .container-titulo-subtitulo{
    padding: 0;
}

#texto1.texto_0.asp_12 .container-titulo-subtitulo .titulo {
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 60px; 
}
#texto1.texto_0.asp_12 .container-titulo-subtitulo .subtitulo {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 40px;
}
#texto1.texto_0.asp_12 .container-titulo-subtitulo a.ver-coches {
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    border-left: 4px solid var(--var-verde);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--var-color-texto);
    text-decoration: none !important;
    transition-duration: 0.3s;
    width: fit-content;
    margin-left: auto;
    margin-bottom: 56px;
}
#texto1.texto_0.asp_12 .container-titulo-subtitulo a.ver-coches svg {
    transition-duration: 0.3s;
}
#texto1.texto_0.asp_12 .container-titulo-subtitulo a.ver-coches:hover {
    color: var(--var-verde);
}
#texto1.texto_0.asp_12 .container-titulo-subtitulo a.ver-coches:hover svg {
    fill: var(--var-verde);
}
#texto1.texto_0.asp_12 .columna-1 a {
    height: 600px;
    background-image: url('/img/yomovomotos/bg_enlaces_home_1.jpeg');
    display: flex;
    background-size: cover;
    border-radius: 24px;
    padding: 24px;
}
#texto1.texto_0.asp_12 .columna-1 a .txt {
    color: white;
    text-align: right;
    font-family: Barlow;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    max-width: 195px;
    margin: auto 0 0 auto;
    padding: 0 32px 0 0;
    border-right: 8px solid var(--var-verde);
}
#texto1.texto_0.asp_12 .columna-2-1 a {
    height: 268px;
    background-image: url('/img/yomovomotos/bg_enlaces_home_2.jpeg');
    display: flex;
    background-size: cover;
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 39px;
    background-position-y: 100%;
    background-position-x: 100%;
}
#texto1.texto_0.asp_12 .columna-2-1 a .txt {
    color: white;
    text-align: right;
    font-family: Barlow;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    max-width: 215px;
    margin: auto 0 0 auto;
    padding: 0 32px 0 0;
    border-right: 8px solid var(--var-verde);
}
#texto1.texto_0.asp_12 .columna-2-2 a,
#texto1.texto_0.asp_12 .columna-2-3 a {
    height: 293px;
    display: flex;
    background-size: cover;
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 30px;
    background-position-y: 100%;
}
#texto1.texto_0.asp_12 .columna-2-2 a {
    background-image: url('/img/yomovomotos/bg_enlaces_home_3.jpeg');
    background-position-x: 100%;
}
#texto1.texto_0.asp_12 .columna-2-3 a {
    background-image: url('/img/yomovomotos/bg_enlaces_home_4.jpeg');
    background-position-x: 50%;
}
#texto1.texto_0.asp_12 .columna-2-2 a .txt,
#texto1.texto_0.asp_12 .columna-2-3 a .txt {
    color: white;
    text-align: right;
    font-family: Barlow;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    max-width: 215px;
    margin: auto 0 0 auto;
    padding: 0 32px 0 0;
    border-right: 8px solid var(--var-verde);
}
#texto1.texto_0.asp_12 .columna-2 {
    padding: 0;
}
#texto1.texto_0.asp_12 .columna-1 a,
#texto1.texto_0.asp_12 .columna-2-1 a,
#texto1.texto_0.asp_12 .columna-2-2 a,
#texto1.texto_0.asp_12 .columna-2-3 a {
    position: relative;
}
#texto1.texto_0.asp_12 .columna-1 a::before,
#texto1.texto_0.asp_12 .columna-2-1 a::before,
#texto1.texto_0.asp_12 .columna-2-2 a::before,
#texto1.texto_0.asp_12 .columna-2-3 a::before {
    content: " ";
    background: linear-gradient(to top, #000000, #00000000);
    position: absolute;
    width: 100%;
    height: 120px;
    bottom: 0;
    left: 0;
    border-radius: 24px;
    transition-duration: 0.5s;
}
#texto1.texto_0.asp_12 .columna-1 a .txt,
#texto1.texto_0.asp_12 .columna-2-1 a .txt,
#texto1.texto_0.asp_12 .columna-2-2 a .txt,
#texto1.texto_0.asp_12 .columna-2-3 a .txt {
    z-index: 1;
}
#texto1.texto_0.asp_12 .columna-1 a:hover::before,
#texto1.texto_0.asp_12 .columna-2-1 a:hover::before,
#texto1.texto_0.asp_12 .columna-2-2 a:hover::before,
#texto1.texto_0.asp_12 .columna-2-3 a:hover::before {
    height: 100%;
    background: linear-gradient(to top, #007D31, #00000000);
}

@media(max-width:991px){
    #texto1.texto_0.asp_12 .container{
        padding-top: 32px;
        padding-bottom: 32px;
    }

    #texto1.texto_0.asp_12 .container-titulo-subtitulo .titulo{
        font-size: 28px;
        line-height: normal;
        margin-bottom: 32px;
    }

    #texto1.texto_0.asp_12 .container-titulo-subtitulo a.ver-coches{
        font-size: 14px;
        text-transform:unset;
    }

    #texto1.texto_0.asp_12 .columna-1 a,
    #texto1.texto_0.asp_12 .columna-2-1 a,
    #texto1.texto_0.asp_12 .columna-2-2 a,
    #texto1.texto_0.asp_12 .columna-2-3 a{
        margin-bottom: 27px;
        background-position: 50%;
        padding: 16px;
        border-radius: 8px;
    }

    #texto1.texto_0.asp_12 .columna-1 a {
        height: 275px;
    }

    #texto1.texto_0.asp_12 .columna-2-1 a{
        height:150px;
        background-position: bottom
    }


    #texto1.texto_0.asp_12 .columna-2-2 a,
    #texto1.texto_0.asp_12 .columna-2-3 a{
        height:150px;
    }

    #texto1.texto_0.asp_12 .columna-1 a::before,
    #texto1.texto_0.asp_12 .columna-2-1 a::before,
    #texto1.texto_0.asp_12 .columna-2-2 a::before,
    #texto1.texto_0.asp_12 .columna-2-3 a::before {
        border-radius: 8px;
    }

    #texto1.texto_0.asp_12 .columna-1 a .txt,
    #texto1.texto_0.asp_12 .columna-2-1 a .txt,
    #texto1.texto_0.asp_12 .columna-2-2 a .txt,
    #texto1.texto_0.asp_12 .columna-2-3 a .txt {
        font-size: 24px;
        font-weight: 800;
        padding: 0 8px 0;
    }


}
/* destacados */
#destacado1 .titulo {
    padding-bottom: 16px;
}
#destacado1 .container-titulos-enlace {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
}
#destacado1 .container-titulos-enlace a.container-enlace {
    display: flex;
    gap: 8px;
    border-left: 4px solid var(--var-verde);
    padding: 8px 16px;
    height: fit-content;
    margin-top: auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--var-color-texto);
    transition-duration: 0.3s;
}
#destacado1 .container-titulos-enlace a.container-enlace svg {
    transition-duration: 0.3s;
}
#destacado1 .container-titulos-enlace a.container-enlace:hover {
    color: var(--var-verde);
}
#destacado1 .container-titulos-enlace a.container-enlace:hover svg path {
    stroke: var(--var-verde);
}
#destacado1 .navegacion {
    color: var(--Primary-Green, #007D31);
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    background: transparent;
    border-radius: 100px;
    line-height: 49px;
    padding: 0;
    width: 100%;
    max-width: 237px;
}

#destacado1 .container-fluid .swiper-destacados-coches .swiper-pagination {
    display: none;
    justify-content: center;
}

#destacado1 .boton{
    display: none;
}

@media(max-width:991px){
    #destacado1.destacado_asp_17{
        padding: 0;
    }

    #destacado1 .container-fluid .swiper-destacados-coches .swiper-wrapper {
        padding-left: 15px;
    }

    #destacado1 .container-fluid .swiper-destacados-coches .swiper-pagination {
        display: flex;
    }

    #destacado1 .boton{
        display: flex;
        margin: 48px auto 0;
    }
}

/* card */
#card19 .card_19 {
    width: 100%;
    padding: 0;
}
#card19 .card_19:hover {
    box-shadow: unset !important;
}
#card19 .cardImg img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    visibility: hidden;
}
#card19 .cont_imagen {
    border-radius: 24px;
    margin-bottom: 20px;
}
#card19 .tipo_oferta {
    left: 16px;
    right: unset;
    top: 16px;
    background: var(--color-secundario-light2);
    color: var(--var-color-texto);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
}
#card19 .titleCard {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    color: var(--var-color-texto);
}
#card19 .titleCard::after {
    content: unset;
}
#card19 .box-title span {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--var-color-texto);
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
#card19 .colSpecs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    min-height: 70px;
}
#card19 .colSpecs .tag-spec {
    color: white;
    background-color: var(--var-color-texto);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    padding: 2px 4px;
    border-radius: 4px;
    height: fit-content;
}
#card19 .imagenAmbiental {
    position: absolute;
    bottom: 16px;
    right: 17px;
    width: 40px;
}
#card19 .cont_precio {
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 10px;
}
#card19 .cont_precio .precio, #card19 .cont_precio .precio_cuota,#card19 .cont_precio .precio_tachado {
    justify-content: center;
    color: var(--var-color-texto);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0;
    margin: 10px 0;
}
/* #card19 .cont_precio.grid-cuota {
    display: flex;
    gap: 12px;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 10px;
} */
#card19 .cont_precio .precio_cuota {
    padding-left: 10px;    
    border-left: 1px solid #000;
}
#card19 .cont_precio .precio_cuota > div > div {
    display: flex;
    gap: 7px;
}
/* #listado1{
    display:none;
} */
#card19 .cont_precio .precio_tachado {
    text-decoration: line-through;   
}

#listado_seo_optimizado .col_card {
    height: 520px;
}
#listado_seo_optimizado .texto_seo a{
    background: var(--var-verde, #007D31) !important;
    color: var(--var-color-white, #FFF) !important;
    transition-duration: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    gap: 8px;
    border-radius: 99px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    width: fit-content;
}
#listado_seo_optimizado .texto_seo a:hover{
    background: var(--var-verde-claro) !important;
    color: var(--var-verde) !important;
}

@media(min-width:1544px){
    #card19 .cont_precio {
        padding-top: 0px;
    }
}

/* DETALLE */

#detalle_iconos3 .container,
#detalle_info7 .container,
#detalle_info_jato .container,
#detalle_prestaciones2 .container{
    max-width: var(--max-width);
}

/* detalle imagen */

#detalle_imagen1 .container-fluid{
    padding-top: 30px;
    padding-bottom: 48px;
    background-color: var(--var-color-light-grey);
}

#detalle_imagen1 .container-slider{
    position: relative;
}

#detalle_imagen1 .container-thumbs .swiper-container {
    padding-top: 20px;
}

#detalle_imagen1 .container-fluid .estado{
    z-index: 1;
    top: 0;
    left: 0;
    bottom: unset;
    width: 100%;
    border-radius: 8px 8px 0 0;
}

#detalle_imagen1 .swiper-slide {
    margin: auto 0;
}

#detalle_imagen1 .swiper-slide img{
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius:8px;
}

#detalle_imagen1 .swiper-detalle-img-1.swiper-slide.swiper-slide-active img{
    filter: brightness(0.8);
}

#detalle_imagen1 .container-titulo {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 1;
    max-width: calc(100% - 80px);
    width: 100%;
}

#detalle_imagen1 .container-titulo .titulo {
  margin: 0;
  line-height: 38px !important;
}

#detalle_imagen1 .container-titulo .texto {
    color: var(--var-color-light-grey, #F4F4F4);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#detalle_imagen1 .container-titulo .container-precios {
   display: flex;
   justify-content: space-between;
   gap: 34px;
}

#detalle_imagen1 .container-titulo .container-precios hr {
    border: none;
    border-left: 1px solid var(--var-color-white);
    height: 67px;
    width: 1px;
    margin: 0;
}

#detalle_imagen1 .container-titulo-mobile {
    display:none;
}

#detalle_imagen1 .swiper-button-next,
#detalle_imagen1 .swiper-button-prev{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding: 10px  8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(57, 104, 168, 0.15);
}

#detalle_imagen1 .swiper-button-next:hover,
#detalle_imagen1 .swiper-button-prev:hover{
    background: var(--var-color-white);
}

#detalle_imagen1 .swiper-button-next:hover img,
#detalle_imagen1 .swiper-button-prev:hover img{
    filter: invert(1);
}

#detalle_imagen1 .swiper-button-next:after,
#detalle_imagen1 .swiper-button-prev:after{
    display:none;
}

#detalle_imagen1 .swiper-button-prev img{
    transform: rotate(180deg);
}

#detalle_imagen1 .swiper-button-prev{
    left: 40px;
}

#detalle_imagen1 .swiper-button-next{
    right: 40px;
}

#detalle_imagen1 .swiper-pagination-bullets{
    display: none;
}

#detalle_imagen1 .background-opacity::before {    
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 45.18%, rgba(0, 0, 0, 0.75) 99.86%);
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46.8%, rgba(0, 0, 0, 0.40) 100%); */
}

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

#detalle_imagen1 .swiper-thumbs-detalle .swiper-slide {
    width: 16%;
    height: 100%;
}

#detalle_imagen1 .container-fluid .thumbs {
    background-color: transparent;
    border-bottom: 1px solid var(--var-color-texto);
    padding-bottom: 48px;
}

#detalle_imagen1 .container-fluid .thumbs a {
    height: auto;
    transition-duration: 0.3s;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
}



#detalle_imagen1 .container-fluid .thumbs a:hover {
    filter: brightness(0.5);
    transform: translateY(-5px);
}

#detalle_imagen1 .container-fluid .thumbs .opacityVerMas{
    display: flex;
    align-items: center;
    justify-content: center;
}


@media(max-width:991px){
    #detalle_imagen1 .container-titulo-desktop{
        display: none;
    }

    #detalle_imagen1 .container-titulo-mobile {
        display:flex;
        flex-direction: column;
        gap: 10px;
        position: static;
        margin-bottom: 12px;
    }

    #detalle_imagen1 .container-titulo .titulo,
    #detalle_imagen1 .container-titulo .subtitulo{
        color: var(--var-color-texto);
    }

}

@media(max-width:767px){
   
    #detalle_imagen1 .container-slider{
        width: 100vw;
        margin-left: -30px;
    }

    #detalle_imagen1 .swiper-button-next,
    #detalle_imagen1 .swiper-button-prev{
        display: none;
    }

    #detalle_imagen1 .swiper-pagination-bullets{
        display: flex;
        justify-content: flex-start;
        gap:8px;
        padding-left: 30px;
    }

    #detalle_imagen1 .container-botones{
        right: 20px;
    }

    #detalle_imagen1 .container-thumbs .swiper-container{
        width: calc(100vw - 30px);
    }
    
}



/* #detalle-icono iconos */
#detalle_iconos3{
    background-color: var(--var-color-light-grey);
    padding-top: 0px;
    padding-bottom: 48px;
}

#detalle_iconos3 .colprint{
    padding: 0 10px 0 0;
}

#detalle_iconos3 .caracteristicas{
    flex-direction: column;
    margin: 0;
}

#detalle_iconos3 .caracteristicas .caract_opt {
    border: none;
    text-align: left;
    background-color: var(--var-color-texto);
    border-radius: 8px;
    padding: 16px;
    height:auto;
    margin-bottom: 0;
}

#detalle_iconos3 .caracteristicas .caract_opt .cont-img-txt {
    margin: 0;
}

#detalle_iconos3 .caracteristicas .caract_opt .cont-img-txt .valor {
    margin: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 27px; /* 112.5% */
}

#detalle_iconos3 .caracteristicas .caract_opt .cont-img-txt .texto {
    margin: 8px 0 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

#detalle_iconos3 .caracteristicas .distintivo img {
    width: 29px;
}

#detalle_iconos3 .swiper-pagination-custom{
    display: none;
}

@media(max-width:1599px){
    #detalle_iconos3 .caracteristicas .caract_opt .cont-img-txt .valor{
        font-size: 18px !important;
    }
}

@media(max-width:991px){
    #detalle_iconos3 .caracteristicas{
        margin: 0;
    }

    #detalle_iconos3 .caracteristicas .caract_opt img{
        width: 32px;
    }

    #detalle_iconos3 .swiper-pagination-custom{
        display: flex;
        justify-content: center;
        margin-top: 24px;
    }

    #detalle_iconos3 .swiper-pagination-bullet{
        background-color: #fff;
        opacity: 1;
    }

    #detalle_iconos3 .swiper-pagination-bullet-active{
        background-color: var(--FTome-Orange)
    }
}

/* #detalle_info7  */

#detalle_info7{
    background-color: var(--var-color-light-grey);
}

#detalle_info7 .container> .row{
    padding-bottom: 48px;
}

#detalle_info7 .colprint{
    padding-left: 15px;
    padding-right: 15px;
}

#detalle_info7 .container-titulos{
    border: none;
    margin-bottom: 28px;
    gap: 20px;
}

#detalle_info7 .container-titulos .titulos-sel.active,
#detalle_info7 .container-titulos .titulos-sel{
    border: none;
    padding: 0;
    margin: 0;
}

#detalle_info7 .container .caracteristicas .caract h3{
    color: var(--var-color-texto);
}

#detalle_info7 .container .caracteristicas .caract div{
    color: var(--var-color-texto);
    padding-right: 0;
}

/* #detalle prestaciones  */

#detalle_prestaciones2{
    background-color: var(--var-color-light-grey);
    margin: 0;
    padding-bottom: 48px;
}

#detalle_prestaciones2 .colprint {
    padding: 0 10px 0 0;
}

#detalle_prestaciones2 .colprint .titulo{
    color: var(--var-color-texto);
    margin-bottom: 28px;
}

#detalle_prestaciones2 .progress.blue .progress-bar{
    border-color: var(--var-verde-claro);
}

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

/* filtro5 */

#filtro5 .swiper-enlaces-marcas-home .swiper-wrapper{
    align-items: center;
}

#filtro5 .opcion-marcas img{
    object-fit: contain;
}

/* seguros */

#titulo2{
    background-size: cover;
    background-repeat: no-repeat;
    padding: 48px 157px;
    height: 650px;

}

#titulo2.titulo_16{
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(/img/yomovomotos/seguros-hero.jpg);
}

@media(max-width:991px){
    #titulo2{
        height: 450px !important;
        padding: 30px 15px !important;       
    }

    #titulo2 .titulo{
        font-size: 36px !important;
        line-height: normal !important;
    }

    #titulo2 .subtitulo{
        font-size: 20px !important;
        padding: 0 !important;
        margin-top: 8px;
    }

    #titulo2 .container-txt{
        padding-bottom: 0 !important;
    }
}

.imagen-texto{
    margin: 0;
    padding: var(--padding-section-xl) 0;
    background-color: var(--var-color-light-grey);
}

.imagen-texto .row{
    justify-content: center;
}

.imagen-texto .container-img img{
   border-radius: 20px;
}

.imagen-texto .container-texto{
    padding: 52px;
    border-radius: 20px;
    background: var(--var-color-white, #FFF);
   margin-left: -18%;

}

@media(max-width:1199px){
    .imagen-texto .container-img,
    .imagen-texto .container-img img{
        width: 100%;
    }

    .imagen-texto .container-texto{
        margin: -100px 0 0;
        width: 90%;
    }
}

@media(max-width:991px){
    .imagen-texto .container-texto{
       padding: 24px;
    }
}

@media(max-width:767px){
    .imagen-texto .container-img{
        padding: 0;
        width: 100vw;
    }
      
}

#servicio4 .servicio{
    padding-top: var(--padding-section-xl);
    padding-bottom: var(--padding-section-xl);
}

#servicio4 .servicio .swiper-pagination{
  display: none;
}


#servicio4.servicio_16 .servicio > .row,
#servicio4.servicio_26 .servicio > .row,
#servicio4.servicio_25 .servicio > .row{
    max-width: 85%;
    margin: 0 auto;
}

#servicio4.servicio_16 .titulo-subtitulo,
#servicio4.servicio_26 .titulo-subtitulo,
#servicio4.servicio_25 .titulo-subtitulo{
    padding: 0 15px;
    width: 100%;
}

#servicio4.servicio_16 .titulo,
#servicio4.servicio_26 .titulo,
#servicio4.servicio_25 .titulo{
    max-width: 20ch;
}

#servicio4.servicio_16 .subtitulo,
#servicio4.servicio_26 .subtitulo,
#servicio4.servicio_25 .subtitulo{
    margin: 23px 0 0;
    max-width: 60ch;
}

#servicio4.servicio_16 .card_servicio .row,
#servicio4.servicio_26 .card_servicio .row,
#servicio4.servicio_25 .card_servicio .row{
    align-items: flex-start;
}

#servicio4.servicio_16 .conjunto-tarjetas,
#servicio4.servicio_26 .conjunto-tarjetas,
#servicio4.servicio_25 .conjunto-tarjetas{
    display: flex ;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 64px 40px;
    margin:64px 0 0;
}

#servicio4.servicio_16 .tarjetas,
#servicio4.servicio_26 .tarjetas,
#servicio4.servicio_25 .tarjetas{
    width: calc(33% - 40px);
}

#servicio4.servicio_16 .card_servicio,
#servicio4.servicio_26 .card_servicio,
#servicio4.servicio_25 .card_servicio{
    margin: 0;
}

#servicio4.servicio_16 .titulo_card,
#servicio4.servicio_26 .titulo_card,
#servicio4.servicio_25 .titulo_card{
    color: var(--Primary-Black, #0A0C10);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px; /* 141.667% */
    margin: 0;
    padding-right: 0;
}

#servicio4.servicio_16 .texto-legal,
#servicio4.servicio_26 .texto-legal,
#servicio4.servicio_25 .texto-legal{
    color: var(--var-color-texto, #282931);
    max-width: 102ch;
    margin-bottom: 0;
}

/* servicio4 cpm parts */
#servicio4.servicio_25 .servicio{
    background-image: url(/img/yomovomotos/bg-cpm.jpg);
}

#servicio4.servicio_25 .container-subtitulo{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

#servicio4.servicio_25 .texto{
    gap: 0;
}

#servicio4.servicio_25 .texto_card{
    color: var(--var-color-texto);
    font-size: 18px;
    line-height: normal;
}

@media (max-width: 1499px) {
    #servicio4.servicio_16 .subtitulo,
    #servicio4.servicio_26 .subtitulo,
    #servicio4.servicio_25 .subtitulo {
        padding-top: 0;
    }
}

@media(max-width:1299px){
    #servicio4.servicio_16 .tarjetas,
    #servicio4.servicio_26 .tarjetas,
    #servicio4.servicio_25 .tarjetas{
        width: calc(50% - 15px) !important;
    }
}

@media(max-width:1199px){
    #servicio4 .servicio .swiper-pagination{
        display: block;
    }

    #servicio4.servicio_25 .tarjetas{
        width: calc(50% - 30px) !important;
    }
}

@media(max-width:991px){

    #servicio4.servicio_25 .container-subtitulo{
        grid-template-columns: 1fr;
    }
}

@media(max-width:767px){

    #servicio4.servicio_16 .servicio > .row,
    #servicio4.servicio_26 .servicio > .row,
    #servicio4.servicio_25 .servicio > .row{
        max-width: 100%;
    }

    #servicio4.servicio_16 .card_servicio .row,
    #servicio4.servicio_26 .card_servicio .row{
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        padding: 0 !important;
    }

    #servicio4.servicio_25 .card_servicio .row{
        gap: 16px !important;
        padding: 0 !important;
    }

    #servicio4.servicio_25 .tarjetas{
        width: 100% !important;
    }

    #servicio4.servicio_16 .conjunto-tarjetas,
    #servicio4.servicio_26 .conjunto-tarjetas,
    #servicio4.servicio_25 .conjunto-tarjetas{
        align-items: flex-start;
        gap: 0 30px;
        margin: 32px 0 0;
        padding: 0;
    }

    #servicio4.servicio_16 .texto,
    #servicio4.servicio_26 .texto,
    #servicio4.servicio_25 .texto{
        width: 100% !important;
    }

    #servicio4.servicio_16 .card_servicio .iconos,
    #servicio4.servicio_26 .card_servicio .iconos,
    #servicio4.servicio_25 .card_servicio .iconos{
        width: fit-content;
    }

    #servicio4.servicio_16 .titulo_card,
    #servicio4.servicio_26 .titulo_card,
    #servicio4.servicio_25 .titulo_card{
        font-size: 20px;
        line-height: normal;
    }
}


#texto1.texto_16 .container-fluid{
    background-color: var(--var-color-light-grey);
}

#texto1.texto_16 .container{
    padding-top: 64px;
    padding-bottom: 64px;
}

#texto1.texto_16 .gama-seguros .container-titulo{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

#texto1.texto_16 .gama-seguros .container-titulo .titulo{
    max-width: 25ch;
    color: var(--var-color-texto);
    margin: 0;
}

#texto1.texto_16 .gama-seguros .container-titulo .texto{
    color: var(--var-color-texto);
    margin: 0;
}

#texto1.texto_16 .gama-seguros .container-tags{
    margin: 40px 0;
}

#texto1.texto_16 .gama-seguros .container-tags .tag{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    gap: 10px;
    border-radius: 24px;
    background: var(--var-color-texto, #282931);
    color: var(--var-color-white, #FFF);
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 38px;
}

#texto1.texto_16 .gama-seguros .container-tags .tag:hover{
    background: var(--var-verde, #007D31);
}

#texto1.texto_16 .gama-seguros .container-imgs{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

#texto1.texto_16 .gama-seguros .container-imgs .container-img {
    background-color: var(--var-color-texto, #282931);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-radius: 24px;
    padding: 55px  68px;
}

#texto1.texto_16 .gama-seguros .container-imgs .container-img-1 {
    background-image: linear-gradient(270deg, #282931 43.95%, rgba(0, 0, 0, 0.00) 90.86%), url(/img/yomovomotos/seguros-particulares.jpg);
}

#texto1.texto_16 .gama-seguros .container-imgs .container-img-2 {
    background-image: linear-gradient(270deg, #282931 43.95%, rgba(0, 0, 0, 0.00) 90.86%), url(/img/yomovomotos/seguros-empresas.jpg);;
}

#texto1.texto_16 .gama-seguros .container-imgs .container-img .titulo {
    max-width: 10ch;
}

#texto1.texto_16 .gama-seguros .container-imgs .container-img .texto {
    max-width: 30ch;
    color: var(--var-color-light-grey, #F4F4F4);
}

@media(max-width:1919px){
    #texto1.texto_16 .gama-seguros .container-tags .tag{
        font-size: 18px;
        line-height: 24px;
        gap: 5px;
        padding: 8px 10px;
    }
}

@media(max-width:1199px){
    #texto1.texto_16 .gama-seguros .container-titulo{
        grid-template-columns: 1fr;
        gap: 24px;
    }

    #texto1.texto_16 .gama-seguros .container-imgs{
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media(max-width:767px){
    #texto1.texto_16 .gama-seguros .container-imgs .container-img {
        justify-content: flex-end;
        align-items: flex-start;
        background-position: top left;
        height: 375px;
        padding: 20px
    }

    #texto1.texto_16 .gama-seguros .container-imgs .container-img .titulo{
        width: 100%;
    }
}

/* form2 */

#formulario2{
    background-image: url(/img/yomovomotos/bg-form2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#formulario2.formulario_42,
#formulario2.formulario_48 {
    background: #9dc4bc;
}

#formulario2 .container{
    padding-top: var(--padding-section-xl);
    padding-bottom: var(--padding-section-xl);
}

#formulario2 #contactoFormCustom{
    margin: 0;
}

#formulario2 .formContactoContainer{
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.80);
    padding: 40px;
    max-width: 80%;
    margin: 0 auto;
}
#formulario2.formulario_23 .formContactoContainer {
    max-width: 100%;
    height: 100%;
}
#formulario2.formulario_23 .container-dos-forms {
    display: flex;
    flex-wrap: wrap;
}

#formulario2.formulario_23 a.ver-coches {
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    border-left: 4px solid var(--var-verde);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--var-color-texto);
    text-decoration: none !important;
    transition-duration: 0.3s;
    width: fit-content;
    margin-top: 28px;
    margin-bottom: 48px;
}
#formulario2.formulario_23 a.ver-coches svg {
    transition-duration: 0.3s;
}
#formulario2.formulario_23 a.ver-coches:hover {
    color: var(--var-verde);
}
#formulario2.formulario_23 a.ver-coches:hover svg {
    fill: var(--var-verde);
}
#formulario2.formulario_23 .formContactoContainer.form-cita-activa {
    /* display: none; */
    padding-bottom: 0;
}
#formulario2.formulario_23 .formContactoContainer.form-cita-activa img {
    margin-top: auto;
    object-fit: contain;
}
#formulario2.formulario_23 .container-enlace-cita-activa {
    /* display: none; */
}

@media(min-width:1199px){
    #formulario2.formulario_23 .formContactoContainer.form-cita-activa{
        display: flex;
        flex-direction: row;
        gap: 50px;
    }
}
@media(max-width: 1399px) {
    #formulario2.formulario_23 .formContactoContainer.form-cita-activa {
        height: fit-content;
        position: sticky;
        top: 90px;
        padding: 0 20px;
    }
    #formulario2.formulario_23 .formContactoContainer.form-cita-activa img {
        /* max-width: 255px; */
        margin: auto;
    }
    #formulario2.formulario_23 .form-cita-activa select {
        margin-bottom: 20px;
    }
}
@media(max-width: 991px) {
    #formulario2.formulario_23 .col-md-4 {
        margin-top: 30px;
    }
}

#formulario2 .formContactoContainer .container-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-end;
    gap: 32px 40px;
}

#formulario2 .formContactoContainer .container-grid div:last-child{
    grid-column: span 2;
}
#formulario2 .formContactoContainer .container-grid .subtituloForm2.teto-md a {
    color: var(--var-verde);
}

#formulario2 .formContactoContainer .container-grid::after,
#formulario2 .formContactoContainer .container-grid::before{
    display: none;
}

#formulario2 .subtituloForm2{
    margin-top: 16px;
}

#formulario2  .form-group{
    margin: 0;
}

#formulario2  select,
#formulario2  input[type="text"],
#formulario2  textarea{
    background:transparent;
    border: none;
    border-radius: 8px;
    border-bottom: 2px solid var(--var-color-texto, #282931);
    padding: 0 32px;
    box-shadow: none;
    height: 56px;
    color: var(--var-color-texto, #282931);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

#formulario2  select{
    appearance: none;
    background-image: url(/img/yomovomotos/arrow-select.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 32px);
}

#formulario2  input[type="text"]::placeholder,
#formulario2  textarea::placeholder{
    color: var(--var-color-texto, #282931);
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#formulario2  textarea{
    height: auto;
}

#formulario2 .text-center{
    margin: 0;
    padding: 0;
}

#formulario2 .checkbox.checkbox_legal{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
    margin: 48px 0 0;
    text-align: left;
}

#formulario2 .checkbox label a{
    color: var(--var-color-texto);
}

#formulario2 .boton{
    border: none;
    width: 190px;
}

#formulario2 .container-legal{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#formulario2 .container-legal a,
#formulario2 .container-legal .texto{
    color: var(--var-color-texto);
}

#formulario2 .container-legal .texto{
    margin: 8px 0 0;
}

@media(max-width:991px){

    #formulario2 .container{
        padding-left: 30px;
        padding-right: 30px;
    }

    #formulario2 .formContactoContainer{
        padding: 32px 16px;
        max-width: calc(100% - 30px);
    }

    #formulario2 .formContactoContainer .container-grid{
        grid-template-columns: 1fr;
        gap: 24px;
    }

    #formulario2 .formContactoContainer .container-grid div:last-child{
        grid-column: auto;
    }

    #formulario2 .boton{
        width: fit-content;
    }
}

/* quienes somos */

#titulo2.titulo_17{
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(/img/yomovomotos/hero-quienes-somos.jpg);
}

#filtro5.filtro5_17 .container-fluid,
#filtro5.filtro5_18 .container-fluid,
#filtro5.filtro5_25 .container-fluid{
    background: var(--var-color-white)
}

#filtro5.filtro5_17 .container,
#filtro5.filtro5_18 .container,
#filtro5.filtro5_25 .container{
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 100%;
}

#texto1.texto_17 .container,
#texto1.texto_18 .container,
#texto1.texto_25 .container{
    padding-top: var(--padding-section-lg);
    padding-bottom: var(--padding-section-lg);
    width: 80%;
}

#texto1.texto_17 .container-fluid,
#texto1.texto_18 .container-fluid,
#texto1.texto_25 .container-fluid{
    background: var(--var-color-light-grey, #F4F4F4);
}

#texto1 .texto-video{
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: flex-start;
   gap: 40px;
}

#texto1 .texto-video .container-texto .titulo{
    color: var(--var-color-texto);
    margin: 0;
    max-width: 20ch;
}

#texto1 .texto-video .container-texto .texto{
    color: var(--var-color-texto);
    margin: 16px 0 0;
}

#texto1 .texto-video .container-video{
   position: relative
}

#texto1 .texto-video .container-video::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
    z-index: 1;
}

#texto1 .texto-video .container-video.play::before{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

#texto1 .texto-video video{
   border-radius: 24px;
   position: relative;
}

#texto1 .texto-video .container-video .icono-play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:1;
    cursor: pointer;
}

/* img-video con img */

#texto1 .texto-video .container-img img{
    width: 100%;
    border-radius: 24px;
}
/* imb-video  listado */

#texto1 .texto-video .container-lista ul{
    column-count: 2;
}

#texto1 .texto-video .container-lista li{
    list-style-image: url(/img/yomovomotos/icono-check.svg);
    color: var(--var-color-texto);
    margin: 0 24px 16px 0;
}

@media(max-width:991px){

    #filtro5.filtro5_17 .container,
    #filtro5.filtro5_18 .container,
    #filtro5.filtro5_25 .container{
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #texto1.texto_17 .container,
    #texto1.texto_18 .container,
    #texto1.texto_25 .container{
        padding-top: var(--padding-section-xl);
        padding-bottom: var(--padding-section-xl);
        width: 100%;
    }

    #texto1 .texto-video{
        grid-template-columns: 1fr;
        padding: 0 15px;
    }
}

@media(max-width:767px){
    
    #texto1 .texto-video .container-lista ul{
        column-count: 1;
    }
}

#texto1.texto_17 .nuestra-historia{
   display: grid;
   grid-template-columns: 45ch 1fr;
   gap: 40px;
}

#texto1.texto_17 .nuestra-historia .container-info{
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#texto1.texto_17 .nuestra-historia .container-info .container-texto .titulo{
    color: var(--var-color-texto);
    margin: 0;
}


#texto1.texto_17 .nuestra-historia .container-info .container-texto .texto{
    color: var(--var-color-texto);
    margin: 16px 0 0;
}

#texto1.texto_17 .nuestra-historia .container-info .container-navigation{
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-end;
}

#texto1.texto_17 .nuestra-historia .container-info .container-navigation .swiper-button-next,
#texto1.texto_17 .nuestra-historia .container-info .container-navigation .swiper-button-prev{
    position: static;
    border-radius: 50px;
    width: 54px;
    height: 54px;
    margin: 0;
}

#texto1.texto_17 .nuestra-historia .container-info .container-navigation .swiper-button-next{
    background: rgba(40, 41, 49, 0.20);
}

#texto1.texto_17 .nuestra-historia .container-info .container-navigation .swiper-button-prev{
    background: var(--var-color-texto);
}

#texto1.texto_17 .nuestra-historia .container-info .container-navigation .swiper-button-next::after,
#texto1.texto_17 .nuestra-historia .container-info .container-navigation .swiper-button-prev::after{
    display: none;
}

#texto1.texto_17 .nuestra-historia .swiper-container{
    width: 100%
}

#texto1.texto_17 .nuestra-historia .swiper-container .card-historia img{
    border-radius: 8px;
    object-fit:cover;
    width: 100%;
    height: 320px;
}

#texto1.texto_17 .nuestra-historia .swiper-container .card-historia .titulo{
    color:var(--var-color-texto);
    margin: 32px 0 20px;
}

#texto1.texto_17 .nuestra-historia .swiper-container .card-historia .texto{
    color:var(--var-color-texto);
}

#texto1.texto_17 .nuestra-historia .swiper-pagination{
   display: none;
}

@media(max-width:991px){
    #texto1.texto_17 .nuestra-historia{
        grid-template-columns: 1fr;
    }

    #texto1.texto_17 .nuestra-historia .container-info .container-navigation{
        display: none;
    }

    #texto1.texto_17 .nuestra-historia .swiper-pagination{
        display: flex;
        justify-content: center;
        gap: 5px;
    }

    #texto1.texto_17 .nuestra-historia .swiper-pagination .swiper-pagination-bullet{
        background-color: var(--var-verde-claro) !important;
    }

    #texto1.texto_17 .nuestra-historia .swiper-pagination .swiper-pagination-bullet-active{
        background-color: var(--var-color-white) !important;
    }
     
}

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

    #texto1.texto_17.asp_22 .container-fluid{
        padding-right: 0;
    }

    #texto1.texto_17.asp_22 .container{
        margin-right: 15px;
    }

    #texto1.texto_17.asp_22 .container > .row{
        margin-right: 0;
    }
} */

/* enlaces seo */
#enlaces_seo2{
    padding: var(--padding-section-lg) 0;
    background-color: var(--var-color-light-grey);
}

#enlaces_seo2 .contenedor-secciones .contenedor-tipo-enlaces .contenedor-titulos .titulo{
    /* color: var(--var-verde-claro); */
    color: #007d31;
}

#enlaces_seo2 .contenedor-secciones .contenedor-tipo-enlaces .contenedor-enlaces a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    border-radius: 32px;
    background: var(--var-color-white, #FFF);
    /* color: var(--var-verde-claro, #9DC4BC); */
    color: #007d31;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

#enlaces_seo2 .contenedor-secciones .contenedor-tipo-enlaces .contenedor-enlaces a:hover{
    /* background:  var(--var-verde-claro, #9DC4BC); */
    background: #007d31;
    color: var(--var-color-white, #FFF);
}

@media(max-width:991px){
    #enlaces_seo2{
        padding: var(--padding-section-xl) 0;
    }
}

/* Gama listado */

#hero1_gama{
    background-position: center !important;
}
#hero1_gama .container {
    height: 760px;
    background-color: rgba(0, 0, 0, 0.2);
}

#hero1_gama .container .contenedor_texto {
    gap: 16px;
    height: auto;
    padding: 0 100px 100px;
    width: var(--max-width);
    margin: 0 auto;
}

#hero1_gama .container .contenedor_texto .titulo {
    margin: 0;
    color: var(--var-color-off-white);
}

#hero1_gama .container .contenedor_texto p{
    margin-top: 0;
    color: var(--var-color-off-white);
}

@media(max-width:991px){
    #hero1_gama .container{
        height: 100vh;
        justify-content: flex-start;
        padding: 150px 0;
    }

    #hero1_gama .container .contenedor_texto{
        gap: 8px;
        padding:0 var(--padding-container);
    }

}

#submenu_gama1 {
    display: block;
    position: absolute;
    top: 113px;
    width: 100%;
    border-top: 1px solid var(--var-color-white);
}

#submenu_gama1 .container {
    height: 80px;
    padding: 0 0 0 24px;
    background-color: transparent;
}

#submenu_gama1 .container-submenu {
    padding-top: 15px;
    justify-content: space-between;
}

#submenu_gama1 .row .titulo-header .logo-marca{
    border: none;
    height: 60px;
    max-width: 100px;
    object-fit: contain;
    padding: 0;
    margin: 0;
    filter: invert(1);
}

#submenu_gama1 .row .submenu li a{
    color: var(--var-color-white, #FFF);
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 10px;
}

#submenu_gama1 .row .submenu li a:hover{
    color: var(--var-verde-claro);
    border: none;
}

#submenu_gama1 .row .submenu li .active{
    border: none;

}

#submenu_gama1 .container-header .logo-autovivo{
    display: none;
}

#submenu_gama1 .container-menu-mobile {
    position: fixed;
    top: 0;
    right: -200%;
    background: var(--var-color-texto);
    height: 100%;
    width: auto;
    display: none;
}

/* submenu fixed */

#submenu_gama1.submenu_gama1_49{
    background-color: var(--var-color-texto);
    position: sticky;
}

#submenu_gama1.menu-fixed{
    position: fixed;
    top: 0;
    background-color: var(--var-verde);
    z-index: 2;
}

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

    #submenu_gama1 .row{
        padding: 0 15px;
    }
}

@media(max-width:991px){
    #menu17.menu17_42,
    #menu17.menu17_47,
    #menu17.menu17_49,
    #menu17.menu17_48{
        display: none !important;
    }

    #submenu_gama1{
        top: 0;
        border: none;
        z-index:11;
    }

    #submenu_gama1 .container{
        height: 60px;
    }

    #submenu_gama1 .container-header{
        display: flex;
    }

    #submenu_gama1 .container-header .logo-autovivo{
        display: block;
        filter: brightness(0) invert(1);
        margin: 0 auto;
        max-height: 50px;
    }

    #submenu_gama1 .row .titulo-header .logo-marca{
        max-height: 50px;
    }

    #submenu_gama1 .container .dropdown-toggle{
        display: flex;
        flex-direction: column;
        gap: 4px;
        top: 50%;
        transform: translateY(-50%);
    }

    #submenu_gama1 .container .dropdown-toggle .icon-bar {
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--var-color-white);
        display: block;
    }

    #submenu_gama1 .container-menu-mobile.open {
        right: 0;
        left: 0;
        display: block;
    }

    #submenu_gama1 .container-barra{
        display: flex;
        justify-content: center;
        gap: 16px;
        background-color: var(--var-verde);
        margin-top: auto;
        padding: 16px;
        position: absolute;
        bottom: 0;
    }

    /* submenu fixed */
    #submenu_gama1.menu-fixed{
        background-color: var(--var-color-white);
    }

    #submenu_gama1.menu-fixed .row .titulo-header img{
       filter: invert(0);

    }

    #submenu_gama1.menu-fixed .container .dropdown-toggle .icon-bar {
        background-color: var(--var-color-texto);
    }

    #submenu_gama1.menu-fixed .container .logo-autovivo{
        filter: brightness(1) invert(0);
    }

    #submenu_gama1 .container-menu-mobile .container-menu .header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        gap: 16px;
        margin: 0 0 32px;
    }

    #submenu_gama1 .container-menu-mobile .opciones .txt-enlace-pagina{
        gap: 16px;
        justify-content: flex-start;
    }

    #submenu_gama1 .container-menu-mobile .logo-marca{
        filter: invert(1);
    }

    #submenu_gama1 .container-menu-mobile .logo-menu-mobile{
        filter: brightness(0) invert(1);
    }

    #submenu_gama1 .container-menu-mobile .container-rrss{
        margin:32px 0 0
    }
}

/* modelos gama */

#modelos1_gama{
    padding-top: var(--padding-section-lg);
    padding-bottom: 0;
    background: linear-gradient(180deg, #FFF 0%, #9DC4BC 100%);
}

#modelos1_gama .container{
    width: 100%;
    max-width: 100%;
    padding: 0;
}
 
#modelos1_gama .encabezado{
    display: flex;
    align-items: flex-start;
    gap: 25px;
    margin-bottom: var(--padding-section-lg);
    max-width: var(--max-width);
    width: 85%;
    padding: 0;
}

#modelos1_gama .encabezado .logo{
    margin-top: 10px;
    height: 90px;
    max-width: 120px;
    object-fit: contain;
}
 
#modelos1_gama .encabezado .titulo{
    color: var(--var-color-texto);
    margin:0 0 16px;
}

#modelos1_gama .encabezado .subtitulo{
    color: var(--var-color-texto);
    max-width: 49ch;
}

#modelos1_gama .swiper-container{
    padding-bottom: 58px;
}

#modelos1_gama .swiper-container::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 55%;
    max-height: 280px;
    width: 100%;
    background: linear-gradient(180deg, #282931 -2.29%, #9A9B9E 29.61%, #D8D8D9 66.51%, #F4F4F4 100%);
}

#modelos1_gama .swiper-slide{
    height: auto;
}

#modelos1_gama .swiper-slide-next img,
#modelos1_gama .swiper-slide-prev img,
#modelos1_gama .swiper-slide-duplicate img{
  max-width: 80%;
}

#modelos1_gama .swiper-slide-active img{
    max-width: 100%;
}


#modelos1_gama a:hover{
    text-decoration: none;
}
 
#modelos1_gama .card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    height: 100%;
    /* border: 1px solid red; */
}

#modelos1_gama .card:hover{
    background: none;
    text-decoration: none;
}

#modelos1_gama .card .container-info{
    display: flex;
    flex-direction: column;
    align-items: center;
}
 
#modelos1_gama .card .titulo{
    margin: 0 0 8px;
    color: var(--var-color-texto);
}

#modelos1_gama .card .texto{
    margin: 0;
}

/* #modelos1_gama .card img{
    height: 450px;
    object-fit: contain;
} */

#modelos1_gama .swiper-pagination{
    display: none;
}

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

@media(max-width:1199px){

    #modelos1_gama .container .row .row{
       margin: 0;
    }
}

@media(max-width:991px){
    #modelos1_gama{
        padding-top: 50px
    }

    #modelos1_gama .encabezado .logo{
        display: none;
    }

    #modelos1_gama .encabezado{
        width: 100%;
        margin-bottom: 90px;
    }
}

@media(max-width:767px){
    
    #modelos1_gama .card{
        gap: 8px;
    }

    #modelos1_gama .card img{
        height: 250px;
        object-fit: contain;
    }

    #modelos1_gama .swiper-container{
        padding-bottom: 50px;
    }


    #modelos1_gama .container-navigation{
        display: none;
    }

    #modelos1_gama .swiper-pagination{
        display: flex;
        justify-content: center;
        position: relative !important;
        margin-top: 32px;
    }

    #modelos1_gama .swiper-container::after{
        height: 65%;
    }

    #modelos1_gama .swiper-container::after{
        background: linear-gradient(180deg, #CACACA -2.29%, #F4F4F4 100%);
    }

    #modelos1_gama .swiper-slide-next img, 
    #modelos1_gama .swiper-slide-prev img, 
    #modelos1_gama .swiper-slide-duplicate img{
        width: 100%;
    }

}


#listado_promos_gama{
    padding-top: var(--padding-section-lg);
    padding-bottom: var(--padding-section-lg);
    background: var(--var-color-light-grey, #F4F4F4);
}
#listado_promos_gama .container-promociones p,
#listado_promos_gama .container-promociones h2,
#listado_promos_gama .promocion_destacada .container-texto .texto h2{
    color: white !important;
}
#promociones1.promociones_24 .titulos,
#listado_promos_gama .titulos{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap:16px;
    margin: 0 0 40px;
}

#promociones1.promociones_24 .titulo,
#listado_promos_gama .titulos .titulo{
    margin: 0
}

#promociones1.promociones_24 .texto,
#listado_promos_gama .titulos .texto{
    margin: 16px 0 0;
    max-width: 50ch;
    color: var(--var-color-texto);
}

#listado_promos_gama .backImg{
    background-color: var(--var-color-texto, #282931);
    background-blend-mode: normal, normal, normal, normal, normal, multiply;
    background-size: contain;
    /* background-position: left; */
    background-position: 30px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    border-radius: 24px;
    padding-right: 100px;
}

#listado_promos_gama .promocion .backImg,
#listado_promos_gama .promocion_destacada .backImg{
    height: fit-content;
    background-size: 40%;
    padding: 50px;
}
#listado_promos_gama .promocion_destacada .backImg {
    /* height: 590px;
    background-size: 50%; */
    height: fit-content;
    background-size: 50%;
    padding: 170px 100px;
}
#listado_promos_gama .container-promociones .promocion .backImg{
    height: 100%;
}

#listado_promos_gama .promocion_destacada .container-texto .texto {
    font-size: 23px !important;
}
#listado_promos_gama .promocion_destacada .container-texto .texto p{
    background-color: transparent !important;
}
@media(max-width: 1495px) {
    #listado_promos_gama .promocion_destacada .backImg {
        height: 400px;
    }
    #listado_promos_gama .promocion_destacada .texto.texto-sm * {
        max-width: 100%;
    }
}
@media(max-width: 991px) {
    #listado_promos_gama .promocion_destacada .backImg {
        background-size: cover;
    }
    #listado_promos_gama .promocion_destacada .container-texto {
        width: 100%;
    }
    #listado_promos_gama .promocion_destacada .backImg{
        padding: 20px;
    }
    #listado_promos_gama .backImg{
        background-position: center center;
    }
}

#listado_promos_gama .promocion_destacada{
    margin-bottom: 40px;
}

#listado_promos_gama .container-promociones{
    display: flex;
    gap: 40px;
}

#listado_promos_gama .container-promociones .promocion{
    flex-basis: calc(70% - 40px);
}

#listado_promos_gama .container-promociones :nth-child(even){
    flex-basis: 30%;
}

#listado_promos_gama .container-promociones :nth-child(even) .backImg{
    background-size: cover;
    background-position: center;
    align-items: center;
    padding: 50px;
    position: relative;
}

#listado_promos_gama .container-promociones :nth-child(even) .backImg::before{
    content: "";
    position: absolute;
    top: 0;
    left:0;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

#listado_promos_gama .container-texto {
   z-index: 1;
}

#listado_promos_gama .container-texto .titulo{
    color: var(--var-color-white);
    margin: 0;
}

#listado_promos_gama .container-texto .texto{
    color: var(--var-color-light-grey);
    max-width: 51ch;
    margin: 10px 0 24px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

@media(max-width:991px){

    #listado_promos_gama .container-promociones :nth-child(even) .backImg,
    #listado_promos_gama .promocion .backImg,
    #listado_promos_gama .backImg{  
        justify-content: flex-end;
        align-items: flex-start;
        padding: 24px 16px;
    }

    #listado_promos_gama .promocion_destacada{
        margin-bottom: 24px;
    }

    #listado_promos_gama .promocion_destacada .backImg{
        height: 540px;
        background-position: top;
    }

    #listado_promos_gama .promocion .backImg{
        background-size: cover;
        height: 375px;
        position: relative;
    }

    /* #listado_promos_gama .promocion .backImg::before{
        content: "";
        position: absolute;
        top: 0;
        left:0;
        background: rgba(0,0,0,.5);
        width: 100%;
        height: 100%;
        border-radius: 24px;
    } */

    #listado_promos_gama .container-promociones{
        flex-direction: column;
        gap: 24px;
    }

    #listado_promos_gama .container-promociones .promocion{
        flex-basis: 100%;
    }

    #listado_promos_gama .container-promociones :nth-child(even){
        flex-basis: 100%;
    }
}

@media(max-width:499px){
    #listado_promos_gama .promocion_destacada .backImg{
        background-size: 500px;
    }
}


/* ofertas gama  */

#ofertas1_gama .destacado{
    background-color: var(--var-color-light-grey);
    padding-top: var(--padding-section-lg);
    padding-bottom: var(--padding-section-lg);
}

#ofertas1_gama .encabezado{
    width: 100%;
}

#ofertas1_gama .encabezado .titulo{
    color: var(--var-color-texto);
}

#ofertas1_gama  .container-cards {
    margin-top: 32px;
}

#ofertas1_gama .swiper-pagination {
    display: flex;
    justify-content: center;
    position: static;
    position: relative;
    margin-top: 40px;
}

#ofertas1_gama .container-btn .boton {
    background-color: var(--var-verde);
    transition-duration: 0.3s;
    color: white;
    margin: auto;
    margin-top: 30px;
}
#ofertas1_gama .container-btn .boton:hover {
    background-color: var(--var-verde-claro);
    color: var(--var-verde);    
}

@media(max-width:767px){
    #ofertas1_gama .destacado{
        padding-top: 32px;
        padding-bottom: 32px;
        background-color: var(--var-color-white);
    }
}

/* cta1_gama y cta1_gama_detalle */

#cta1_gama .botones-flotantes-gama-detalle,
#cta1_gama_detalle .botones-flotantes-gama-detalle {
    z-index: 10;
    position: fixed;
    top: 25%;
    right: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

#cta1_gama .botones-flotantes-gama-detalle .caja-cta,
#cta1_gama_detalle .botones-flotantes-gama-detalle .caja-cta {
    display: flex;
    padding: 13px;
    align-items: center;
    border-radius: 32px;
    background: var(--var-color-light-grey);
    backdrop-filter: blur(8px);
    overflow: hidden;
    width: fit-content;
    height: 50px;
    width: 50px;
    text-decoration: none;
    transition-duration: 0.3s;
    border: var(--var-verde) 1px solid;
}

#cta1_gama .botones-flotantes-gama-detalle .caja-cta .caja-cta-texto,
#cta1_gama_detalle .botones-flotantes-gama-detalle .caja-cta .caja-cta-texto {
    width: 0;
    opacity: 0;
    color: var(--var-verde);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap;
}

#cta1_gama .botones-flotantes-gama-detalle .caja-cta:hover .caja-cta-texto,   
#cta1_gama_detalle .botones-flotantes-gama-detalle .caja-cta:hover .caja-cta-texto{    
    width: auto;
    opacity: 1;
}

#cta1_gama .botones-flotantes-gama-detalle .caja-cta:hover,
#cta1_gama_detalle .botones-flotantes-gama-detalle .caja-cta:hover  {
    gap: 8px;
    width: 100%;
}


@media(max-width:991px){
    #cta1_gama .botones-flotantes-gama-detalle,
    #cta1_gama_detalle .botones-flotantes-gama-detalle {
        top: unset;
        bottom:16px;
        right: 50%;
        transform: translateX(50%);
        gap: 24px;
        flex-direction: row;
    }

    #cta1_gama .botones-flotantes-gama-detalle .caja-cta,
    #cta1_gama_detalle .botones-flotantes-gama-detalle .caja-cta {
        width: 50px;
    }

    #cta1_gama .botones-flotantes-gama-detalle .caja-cta:hover .caja-cta-texto,   
    #cta1_gama_detalle .botones-flotantes-gama-detalle .caja-cta:hover .caja-cta-texto{    
        width: 0;
        opacity: 0;
    }

    #cta1_gama .botones-flotantes-gama-detalle .caja-cta:hover,
    #cta1_gama_detalle .botones-flotantes-gama-detalle .caja-cta:hover  {
        gap: 0px;
    }
}

/* Gama detalle */

#hero1_detalle_gama {
    height: 760px;
}

#hero1_detalle_gama .container{
    justify-content: flex-end;
    padding:0 0 64px;
}

#hero1_detalle_gama .container .contenedor_texto{
    padding: 0;
    background: none;
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
}

#hero1_detalle_gama .container .contenedor_texto .titulo{
   color: var(--var-color-white);
   margin: 0;
}

#hero1_detalle_gama .container .contenedor_texto .subtitulo{
    margin-top: 16px;
}

#hero1_detalle_gama .container .contenedor_texto .texto{
    color: var(--var-color-white);
    margin: 16px 0 0;
    font-size: 30px !important;
}

@media(max-width:1679px){

    #hero1_detalle_gama .container{
        padding: 0 15px 64px;
    }

    #hero1_detalle_gama .container .contenedor_texto{
        width: 85%;
        padding: 0 15px;
    }
}

@media (max-width: 1170px) {
    #hero1_detalle_gama .container {
        height: 100%;
        padding:0 24px 128px;
    }
}

@media(max-width:991px){
    #hero1_detalle_gama{
        height: 100vh;
    }

    #hero1_detalle_gama .container .contenedor_texto{
        width:100%;
        padding: 0;
    }
}



/* versiones gama */

#versiones_detalle_gama_2{
    padding-top: var(--padding-section-lg);
    padding-bottom: 16px;
    margin: 0;
    position: relative;
    background: #f8f8f8;
}

#versiones_detalle_gama_2 .container{
   max-width: var(--max-width);
   width: 85%;
}

#versiones_detalle_gama_2 .titulo{
    text-align: left;
    margin-bottom: 30px;
    color: var(--var-color-texto);
}

#versiones_detalle_gama_2 .principal{
    align-items: flex-start;
}

#versiones_detalle_gama_2 .principal .container-img{
    position: relative;
}

#versiones_detalle_gama_2 .principal .container-info{
    padding-top: 10px;
}

#versiones_detalle_gama_2 .principal .container-info .titulo-version{
    margin: 0 0 8px;
    color: var(--var-color-texto);
}

#versiones_detalle_gama_2 .version{
    margin-top:0;
    color: var(--var-color-texto);
}

#versiones_detalle_gama_2 .cuota_mensual,
#versiones_detalle_gama_2 .container-cuota-condiciones{
    margin: 0;
}

#versiones_detalle_gama_2 .container-cuota-mes {
    font-weight: 700;
    margin: 0;
}

#versiones_detalle_gama_2 .principal .container-info .titulo-h4.precio {
    margin: 0;
    line-height: 32px !important;
    display: flex;
}

#versiones_detalle_gama_2 .i-info {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    background: var(--var-color-texto);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: white;
    font-weight: 700;
    cursor: pointer;
    margin-left: 5px;
}

#versiones_detalle_gama_2 .modal-enlaces .modal-body .container-texto .subtitulo {
    line-height: 28px;
    font-size: 15px;
}

#versiones_detalle_gama_2 .equipamiento{
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style-type: none;
    padding-left: 0px;
}

#versiones_detalle_gama_2 .equipamiento li{
    position: relative;
    padding-left: 24px; 
}

#versiones_detalle_gama_2 .equipamiento li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px; 
    background-image: url('/img/yomovomotos/icono-check2.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

#versiones_detalle_gama_2 .container-navigation {
    top: 150px;
    right: 50px;
}

#versiones_detalle_gama_2 .container-pagination {
    display: flex;
    align-items: center;
    justify-content:flex-start;
}

#versiones_detalle_gama_2 .swiper-pagination{
    display: flex;
    justify-content: center;
    gap: 6px;
}

#versiones_detalle_gama_2 .swiper-versiones-thumbs:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 185px;
    width: 100%;
    background: linear-gradient(180deg, #CACACA -2.29%, #F4F4F4 100%);
}

#versiones_detalle_gama_2 .imagen_miniatura{
    margin-top: 0;
    background-size: contain;
    height: 215px;
}

#versiones_detalle_gama_2 .titulo-miniatura{
    font-size: 28px;
    line-height: 28px; /* 100% */
}

#versiones_detalle_gama_2 .titulo-miniatura,
#versiones_detalle_gama_2 .subtitulo-miniatura {
    text-align: center;
    opacity: 1;
    color: var(--var-color-texto);
    margin-top: 8px;
}

#versiones_detalle_gama_2 .boton{
   width: fit-content;
}

@media(max-width:991px){
    #versiones_detalle_gama_2{
        padding-top: var(--padding-section-xl);
    }

    #versiones_detalle_gama_2 .container{
        width: 100%;
    }

    #versiones_detalle_gama_2 .titulo{
        margin-bottom: 16px;
    }

    #versiones_detalle_gama_2 .swiper-versiones-thumbs{
        margin: 24px 0 0;
    }

    #versiones_detalle_gama_2 .boton{
        margin: 0 auto;
    }

    #versiones_detalle_gama_2 .swiper-pagination{
        position: relative !important;
    }
}

@media(max-width:767px){
    #versiones_detalle_gama_2 .imagen_principal{
        height: 250px;
    }
}

/* caracteristicas gama */

#caracteristicas_detalle_gama{
    padding-top: var(--padding-section-lg);
    padding-bottom: var(--padding-section-xl);
    background-color: var(--var-color-light-grey);
}

#caracteristicas_detalle_gama .titulo{
    text-align: left;
    color: var(--var-color-texto);
}

#caracteristicas_detalle_gama .texto{
    color: var(--var-color-texto);
}

#caracteristicas_detalle_gama .contCards{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 32px;
    padding: 0 0 0 15px;
}

#caracteristicas_detalle_gama .contCards .card{
    width: 100%;
    padding: 0;
}

#caracteristicas_detalle_gama .contCards .card .backImg{
    border-radius: 20px;
    margin-bottom: 32px;
    height: auto;
    aspect-ratio: 4 / 3;
    /* height: 380px; */
}

#caracteristicas_detalle_gama .contCards .card .titulo{
    margin: 0 0 20px;
}

@media(max-width:1199px){
    #caracteristicas_detalle_gama .contCards{
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
        padding: 0;
    }
}

@media(max-width:767px){
    #caracteristicas_detalle_gama .contCards{
        grid-template-columns: 1fr;
    }
}

/* galeria gama */

#galeria_detalle_gama {
    padding-top: var(--padding-section-lg);
    padding-bottom: var(--padding-section-lg);
    background-color: var(--var-color-texto);
}

#galeria_detalle_gama .container{
    width: 100%;
    padding: 0;
}

#galeria_detalle_gama .container-navigation{
    right: 15%;
    bottom: 100px;
    top: unset;
}

#galeria_detalle_gama .container .swiper-slide{
    aspect-ratio: 16 / 8;
    height: 100%;
    background-size: cover;
    background-position: center;
}

#galeria_detalle_gama .container .swiper-slide-active{
    aspect-ratio: 16 / 10;
}

#galeria_detalle_gama .swiper-pagination{
    display: flex;
    flex-direction: column;
    gap: 32px;
    top: 50%;
    bottom: unset;
    transform: translate(0px, -50%);
}

#galeria_detalle_gama .swiper-pagination-bullet{
    background-color: var(--var-color-white);
    opacity: 1;
}

#galeria_detalle_gama .swiper-pagination-bullet-active{
    outline: 1px solid var(--var-color-white);
    outline-offset: 5px;
    background-color: var(--var-color-white);
}

@media(max-width:767px){
    #galeria_detalle_gama{
        padding-top:var(--padding-section-xxl);
        padding-bottom: var(--padding-section-xxl);
    }

    #galeria_detalle_gama .container-navigation{
        display: none;
    }

    #galeria_detalle_gama .container .swiper-slide{
        aspect-ratio: 16 / 9;
    }

    #galeria_detalle_gama .swiper-pagination{
        transform: translate(0, 0);
        top:0;
        flex-direction: row;
        justify-content: center;
        position: static;
        margin: 32px 0 0;
        gap: 6px;
    }

    #galeria_detalle_gama .swiper-pagination-bullet {
        width: 18px;
        height: 3px;
        background-color: var(--var-verde-claro);
        border-radius: 3px;
    }

    #galeria_detalle_gama .swiper-pagination-bullet-active{
        background-color: var(--var-verde);
        width: 34px;
        outline: none;
    }

}
/* ofertas modelos gama */

#ofertas_modelos_gama{
    overflow: visible;
}

#ofertas_modelos_gama .destacado{
    padding-top: var(--padding-section-lg);
    padding-bottom: var(--padding-section-lg);
    background-color: var(--var-color-light-grey);
}

#ofertas_modelos_gama .encabezado{
    width: 100%;
}

#ofertas_modelos_gama .encabezado .titulo,
#ofertas_modelos_gama .encabezado .subtitulo{
    color: var(--var-color-texto);
}

#ofertas_modelos_gama .encabezado .titulo{
    max-width: 100%;
}

#ofertas_modelos_gama .container-cards{
  margin-top: 32px;
}

/* NUEVO MAPA */
#mapa_simple{
    display: none;
    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;
    }
}

/* promociones gama */

#titulo3.titulo_47{
    background-color: var(--var-color-texto) !important;
    margin: 0;
}

#titulo3.titulo_47 .container{
    padding-top: 150px;
}

#titulo3.titulo_47 .titulo{
    color: var(--var-color-white);
}

#titulo3.titulo_47 .container-txt{
    align-items: flex-start;
}

@media(max-width:991px){
    #titulo3.titulo_47 .container{
        padding-top: 50px;
    }
}


/* promociones y promociones gama */


#listado_promos_gama.listado_promos_gama_47,
#promociones1.promociones_9,
#promociones1.promociones_24{
    padding-top: var(--padding-section-xl);
    padding-bottom: var(--padding-section-xl);
    min-height: auto;
    background-color: var(--var-color-light-grey);
}

#promociones1.promociones_9 .titulo{
    text-align: left;
    padding: 50px 0 var(--padding-section-xl);
}

#listado_promos_gama .containerCards,
#promociones1.promociones_9 .containerCards{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-end;
    gap: 40px;
}

#listado_promos_gama .cardOferta,
#promociones1.promociones_9 .cardOferta,
#promociones1.promociones_24 .cardOferta{
    display: flex;
    flex-direction: column;
    margin: 0;
}

#listado_promos_gama .cardOferta:first-child,
#promociones1.promociones_9 .cardOferta:first-child{
    grid-column: span 2 / span 2;
}

#listado_promos_gama .cardOferta .thumb img,
#promociones1.promociones_9 .cardOferta .thumb img,
#promociones1.promociones_24 .cardOferta .thumb img{
    border-radius: 8px 8px 0 0;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    height: auto;
    margin: 0;
    width: 100%;
}

#listado_promos_gama .info,
#promociones1.promociones_9 .info,
#promociones1.promociones_24 .info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px;
    background-color: var(--var-color-texto);
    border-radius: 0 0 8px 8px;
}

#listado_promos_gama .cardOferta .title-card,
#promociones1.promociones_9 .cardOferta .title-card,
#promociones1.promociones_24 .cardOferta .title-card{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    position: static;
    height: auto;
    margin:0;
    color: var(--var-color-white);
}

#listado_promos_gama .cardOferta .linkBoton,
#promociones1.promociones_9 .cardOferta .linkBoton,
#promociones1.promociones_24 .cardOferta .linkBoton{
    position: static;
}

#listado_promos_gama .container-titulo,
#promociones1.promociones_9 .container-titulo,
#promociones1.promociones_24 .container-titulo{
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 32px;
}

#listado_promos_gama .container-titulo.container-mobile,
#promociones1.promociones_9 .container-titulo.container-mobile{
   display:none;
   margin-bottom:48px;
}

#listado_promos_gama .container-titulo .titulo,
#listado_promos_gama .container-titulo .texto,
#promociones1.promociones_9 .container-titulo .titulo,
#promociones1.promociones_9 .container-titulo .texto,
#promociones1.promociones_24 .container-titulo .titulo,
#promociones1.promociones_24 .container-titulo .texto{
    margin: 0;
}

#promociones1.promociones_9 .container-titulo .texto,
#promociones1.promociones_24 .container-titulo .texto{
    color: var(--var-color-texto);
}

#promociones1.promociones_24 .swiper-container{
   padding: 0 15px;
}

#promociones1.promociones_24 .swiper-pagination-custom{
    display: flex;
    justify-content: center;
}

@media(max-width:1199px){
    #promociones1.promociones_24  .container > .row{
        margin: 0;
    }
}

@media(max-width:991px){

    #listado_promos_gama.listado_promos_gama_47,
    #promociones1.promociones_9{
        padding-top: var(--padding-section-lg);
        padding-bottom: var(--padding-section-lg);
    }

    #listado_promos_gama .containerCards,
    #promociones1.promociones_9 .containerCards{
        grid-template-columns: repeat(2, 1fr);
    }

    #listado_promos_gama .cardOferta:first-child,
    #promociones1.promociones_9 .cardOferta:first-child{
        grid-column: auto;
    }

    #listado_promos_gama  .container-titulo.container-desktop,
    #promociones1.promociones_9 .container-titulo.container-desktop{
        display:none;
    }
     
}

@media(max-width:767px){
    #listado_promos_gama .containerCards,
    #promociones1.promociones_9 .containerCards{
        grid-template-columns: 1fr;
        gap:24px;
    }

    #listado_promos_gama .cardOferta .thumb img{
        aspect-ratio: auto;
    }

    #listado_promos_gama .info,
    #promociones1.promociones_9 .info{
        padding:24px;
    }

    #promociones1.promociones_9 .titulo{
        padding: 0 15px 32px;
    }
}



/* promo gama detalle */

#menu17.menu17_49{
    background-color: var(--var-color-texto);
    margin-bottom: 0;
}



#promociones1_detalle_gama h1,
#promociones1_detalle_gama h2,
#promociones1_detalle_gama h3,
#promociones1_detalle_gama h4,
#promociones1_detalle_gama h5,
#promociones1_detalle_gama h6,
#promocion_detalle1 h1,
#promocion_detalle1 h2,
#promocion_detalle1 h3,
#promocion_detalle1 h4,
#promocion_detalle1 h5,
#promocion_detalle1 h6{
    line-height: 28px;
    color: var(--var-color-texto);
    font-family: Barlow;
    font-weight: 800;
}

#promocion_detalle1 .descripcion sub{
    font-weight: 700;
}

#promocion_detalle1,
#promociones1_detalle_gama{
    padding-top: var(--padding-section-lg);
    padding-bottom: var(--padding-section-lg);
}

#promocion_detalle1 .container-info,
#promociones1_detalle_gama .container-info{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap:40px;
}

#promocion_detalle1 .titulo{
    padding: 0 0 48px;
}

#promociones1_detalle_gama .titulo_promocion{
    margin: 0 0 48px;
}

#promocion_detalle1 .container-img img,
#promociones1_detalle_gama .imagen_principal img{
  border-radius: 8px;
  width: 100%;
}

#promocion_detalle1 .descripcion,
#promociones1_detalle_gama .texto_promocion{
    color: var(--var-color-texto);
    margin: 48px 0 0;
}

#promocion_detalle1 .descripcion span.ql-size-small {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

#promocion_detalle1 .descripcion span.ql-size-large {
    font-size: 125%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

#promocion_detalle1 .descripcion span.ql-size-huge {
    font-size: 150%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

#promocion_detalle1 .container-form,
#promociones1_detalle_gama .container-form {
    display: flex;
    padding: 32px;
    border-radius: 8px;
    background: var(--var-color-light-grey);
    position: sticky;
    top: 120px;
    height: fit-content;
}

#promocion_detalle1 .boton-contacto{
    display: none;
}

@media(max-width:1199px){
    #promocion_detalle1 .container-info,
    #promociones1_detalle_gama .container-info{
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media(max-width:991px){

    #promocion_detalle1,
    #promociones1_detalle_gama{
        padding-top: var(--padding-section-lg);
        padding-bottom: var(--padding-section-lg);
    }

    #promociones1_detalle_gama .titulo_promocion{
        margin:  0 0 24px;
    }

    #promocion_detalle1 .titulo{
        padding: 0 0 24px;
    }

    #promocion_detalle1 .descripcion,
    #promociones1_detalle_gama .texto_promocion{
        margin: 24px 0 0;
    }

    #promocion_detalle1 .container-form,
    #promociones1_detalle_gama .container-form{
        padding: 24px;
    }
}

@media(max-width:767px){
    #promocion_detalle1 h2,
    #promocion_detalle1 h2, 
    #promocion_detalle1 h3, 
    #promocion_detalle1 h4, 
    #promocion_detalle1 h5, 
    #promocion_detalle1 h6{
        font-size: 35px;
        line-height: 40px;
    }

    #promocion_detalle1 .boton-contacto{
        position: fixed;
        bottom: 0;
        background-color: var(--var-verde);
        color: var(--var-color-white);
        width: 100%;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
    }
}

.form-promocion input[type="text"],
.form-promocion textarea{
    display: flex;
    padding: 27px 16px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px; 
    background: var(--var-color-white, #FFF);
    border: none;
    color: var(--var-color-texto, #282931);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form-promocion .container-legal{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-promocion .container-legal .texto{
    color: var(--var-color-texto);
}

.form-promocion .boton{
   border: none;
}

/* blog  */

#titulo2.titulo_15{
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(/img/yomovomotos/hero-blog.jpg)
}

#blog2 {
    background: var(--var-color-light-grey);
    padding: 160px 0 80px;
}

#blog2 .card_blog {
    background: #f7f7f7;
    box-shadow: none;
    border: none;
    padding: 0;
    min-height: 504px;
}
#blog2 .card_blog .overefect {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    transition: all .3s ease-in-out;
    position: relative;
}
#blog2 .card_blog .overefect:after {
    position: absolute;
    content: '';
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0;
    visibility: hidden;
    transition: inherit;
    pointer-events: none;
}
#blog2 .card_blog .overefect:before {
    position: absolute;
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: inherit;
    pointer-events: none;
}

#blog2 .card_blog:hover{
    box-shadow: none;
}

#blog2 .card_blog:hover .overefect {
    background-size: auto 100%;
}
#blog2 .card_blog:hover .overefect:after {
    display: inline-block;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
}
#blog2 .card_blog:hover .overefect:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(25, 24, 24, 0.2);
    z-index: 1;
    opacity: 0;
    visibility: visible;
}
#blog2 .primera .titulo_card {
    margin-top: 15px;
}
#blog2 .blog-listado-txt {
    padding: 0 30px;
}
#blog2 .blog-listado-principal {
    padding: 0 30px 0 15px;
}
#blog2 .noticia-hover .texto {
    -webkit-line-clamp: 4;
}
#blog2 .titulo_card {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#blog2 .noticia-hover .container-txt-noticia {
    text-align: center;
    opacity: 0;
    transition-duration: 0.3s;
    height: 0;
    interpolate-size: allow-keywords;
}
#blog2 .noticia-hover .titulo_card {
    margin: 0 auto;
    color: #FFF;
    text-align: center;
}

#blog2 .primera .titulo_card {
    -webkit-line-clamp: 3;
    width: 100%;
    max-width: 750px;
    margin: auto;
}

#blog2 .imagen {
    height: 285px;
    margin: 0;
    position: relative;
    border-radius: 8px;
}

#blog2 .noticia-hover .imagen {
    height: 600px;
    background-size: cover;
    background-position: center;
    transition-duration: 0.3s;
    border-radius: 8px;
}

#blog2 .imagen::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #00000070, #00000033);
    border-radius: 8px;

}
#blog2 .full_width {
    height: 100%;
}
#blog2 .container-titulo-txt {
    position: absolute;
    bottom: 64px;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    transition-duration: 0.3s;
    padding: 0 32px;
}

#blog2 .noticia-hover .imagen:hover .container-txt-noticia {
    height: fit-content;
    opacity: 1;
}
#blog2 .noticia-hover .container-txt-noticia p.fecha {
    color: var(--var-verde-claro);
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin: 32px 0;
}
#blog2 .noticia-hover .container-txt-noticia p.fecha strong {
    font-weight: 500;
}

#blog2 .noticia-hover .texto {
    color: var(--var-color-white);
    text-align: center;
    margin: 0 0 32px;
}

#blog2 .boton-ghost {
    color: var(--var-color-white);
    width:fit-content;
    margin: 0 auto;
}

#blog2 .noticia-no-hover .card_blog {
    background-color: var(--var-color-light-grey);
}
#blog2 .noticia-no-hover .card_blog .titulo_card {
    color: var(--var-color-texto);
    text-align: center;
    margin: 24px 0;
}

#blog2 .noticia-no-hover .card_blog .fecha {
    color: var(--var-verde);
    text-align: center;
    margin-bottom: 24px;
}

#blog2 .noticia-no-hover .card_blog .texto{
    color: var(--var-color-texto);
    text-align: center;
    margin-bottom: 48px;
}

#blog2 .noticia-no-hover .boton-ghost{
    color: var(--var-color-texto);
}

#blog2 .noticia-no-hover .card_blog {
    margin: 80px 0 48px;
}

#blog2 .card_blog .mas {
    transition-duration: 0.3s;
}
#blog2 .card_blog:hover .mas {
    filter: brightness(0.2);
}
#blog2 .container-info-inferior {
    display: none;
}
#blog2 .container-info-inferior.container-info-varios {
    display: block;
}
#blog2 .banner {
    margin: 80px 0;
    background-image: url('/img/csalamanca/banner-blog.jpg');
    background-size: contain;
    background-position-x: right;
    background-position-y: center;
    height: 632px;
    background-repeat: no-repeat;
    display: flex;
    background-color: #040404;
    padding-left: 40px;
}
#blog2 .banner .container-txt {
    height: fit-content;
    margin: auto 0;
}
#blog2 .banner .titulo {
    color: var(--Brand-Neutrals-Neutral-50, #F2F2F2);
    font-family: "Noto Serif";
    font-size: 96px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 105.6px */
    letter-spacing: -1.92px;
    max-width: 663px;
    width: 100%;
    margin: 0;
}
#blog2 .banner .subtitulo {
    color: var(--Brand-Neutrals-Neutral-300, #B3B3B3);
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 28px */
    letter-spacing: 0.7px;
    max-width: 475px;
    width: 100%;
    margin: 24px 0;
}
#blog2 .banner .enlace-tasacion-banner {
    color: var(--Brand-Neutrals-White, #FFF);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Noto Sans";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 10px */
    letter-spacing: 1.6px;
    text-transform: uppercase;
    display: flex;
    gap: 4px;
}
@media(max-width: 1699px) {
    #blog2 .banner {
        height: 595px;
    }
}
@media(max-width: 1199px) {
    #blog2 .noticia-hover .imagen {
        margin-bottom: 0;
    }
    #blog2 .noticia-hover .imagen {
        height: 420px;
    }
    #blog2 .card_blog {
        min-height: 100%;
    }
    #blog2 .container-titulo-txt {
        bottom: 25px;
    }
    #blog2 .imagen {
        height: 350px;
    }
    #blog2 .banner {
        background-size: cover;
        position: relative;
    }
    #blog2 .banner::before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, #000000, #00000033);
    }
    #blog2 .banner .container-txt {
        z-index: 1;
        position: relative;
    }
}
@media(max-width: 991px) {

    #blog2{
        padding:var(--padding-section-xl) 0;
        background-color: var(--var-color-white);
    }
    #blog2 .container-info-inferior {
        display: block;
        padding: 24px 47px;
    }

    #blog2 .noticia-no-hover .card_blog,
    #blog2 .card_blog {
        background-color: var(--var-color-white);
    }

    #blog2 .imagen::after{
        display: none;
    }

    #blog2 .card_blog .titulo_card {
        color: var(--var-color-texto);
        text-align: left;
        margin-top: 0;
        margin-bottom: 24px;
        height: fit-content;
        -webkit-line-clamp: 2;
    }

    #blog2 .card_blog .fecha {
        color: var(--var-verde);
        text-align: center;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 24px;
    }

    #blog2 .card_blog .texto{
        color: var(--var-color-texto);
        text-align: left;
        margin-bottom: 24px;
    }

    #blog2 .boton-ghost{
        color: var(--var-color-texto);
        margin: 0;
    }

    #blog2 .boton-ghost svg path{
       stroke: var(--var-color-texto);
    }

    #blog2 .noticia-hover .container-titulo-txt {
        display: none;
    }

    #blog2 .imagen,
    #blog2 .noticia-hover .imagen{
        filter: unset !important;
        height: auto;
        aspect-ratio: 16 / 9;
    }
    #blog2 .banner {
        background-position-x: 100%;
        height: 395px;
    }

    #blog2 .noticia-no-hover .card_blog{
        margin: var(--padding-section-lg) 0 0;
    }

    #blog2 .noticia-no-hover .card_blog .texto,
    #blog2 .noticia-no-hover .card_blog .titulo_card{
        text-align: left;
    }

    #blog2 .noticia-no-hover .card_blog .titulo_card{
        margin: 0 0 24px;
    }

    #blog2  #banner3{
        width: 100vw;
        margin-left: -15px;
    }

}
@media(max-width: 767px) {
    #blog2 .banner .titulo {
        font-size: 56px;
    }
    #blog2 .banner {
        background-position-x: 0;
    }
}
@media(max-width: 580px) {
    #blog2 .banner .titulo {
        font-size: 36px;
    }
    #blog2 .banner {
        background-position-x: 80%;
    }
}

/* entrada blog */

#blog_entrada3 {
    background-color: var(--var-color-light-grey);
    padding-top: var(--padding-section-md);
    padding-bottom: var(--padding-section-xl);
}

#blog_entrada3 .container{
    width: 80%;
}

#blog_entrada3 .btn-volver{
    padding-bottom: 16px;
}

#blog_entrada3 .btn-volver .volver {
    color: var(--var-verde-claro);
    text-transform: uppercase;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#blog_entrada3 .btn-volver .volver:before {
    content: unset;
}
#blog_entrada3 .btn-volver {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#blog_entrada3 .icons {
    display: flex;
    gap: 16px;
    padding: 0;
    margin: 0;
}
#blog_entrada3 .container-compartir {
    color: var(--Green-Blue, #9DC4BC);
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 10px */
    letter-spacing: 1.6px;
    text-transform: uppercase;
    text-transform: uppercase;
    display: flex;
    gap: 40px;
}
#blog_entrada3 .container-compartir .txt {
    height: fit-content;
    margin: auto 0 3px;
}
#blog_entrada3 .imagen,
#blog_entrada3 .imagen img {
    height: 600px;
}
#blog_entrada3 .container-publicado-titulo {
    position: absolute;
    bottom: 64px;
    padding: 0 105px;
    width: 100%;
}
#blog_entrada3 .card_blog .fecha:after {
    content: unset;
}
#blog_entrada3 .card_blog .fecha {
    color: var(--Brand-Neutrals-Neutral-50, #F2F2F2);
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Work Sans";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    text-align: center;
}
#blog_entrada3 .container-publicado-titulo .titulo_card {
    color: var(--var-color-white, #FFF);
    text-align: center;
}

#blog_entrada3 .descripcion {
    max-width: 85%;
    margin: 72px auto 0;
    color: var(--var-color-texto);
}

#blog_entrada3 .descripcion img{
    width: 100%;
    border-radius: 8px;
    margin:64px 0;
}

#blog_entrada3 .descripcion h2 {
    color: var(--var-color-texto) !important;
    font-family: "Barlow" !important;
    font-size: 45px !important;
    font-weight: 800 !important;
    line-height: 50px !important;
}
#blog_entrada3 .descripcion h3 {
    color: var(--var-color-texto) !important;
    font-family: "Barlow" !important;
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 45px !important;
}
#blog_entrada3 .descripcion h4 {
    color: var(--var-color-texto) !important;
    font-family: "Barlow" !important;
    font-size: 35px !important;
    font-weight: 800 !important;
    line-height: 40px !important;
}
#blog_entrada3 .card_blog .imagen {
    position: relative;
    border-radius: 8px;
}
#blog_entrada3 .card_blog .imagen::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #00000070, #00000033);
    border-radius: 8px;
}

#blog_entrada3 .container-noticias-recientes {
   padding: 80px 0 0;
}

#blog_entrada3 .titulo-grande {
    color: var(--var-color-texto);
    padding-bottom: 20px;
    margin-bottom: 50px;
}
#blog_entrada3 .noticias-relacionadas .card_blog .col-xs-12 {
    padding: 0;
}
#blog_entrada3 .noticias-relacionadas .container-flechas > div {
    position: static !important;
}
#blog_entrada3 .noticias-relacionadas {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
#blog_entrada3 .container-flechas-slider {
    display: flex;
    justify-content: space-between;
}
#blog_entrada3 .container-flechas-slider .swiper-button-prev::after, 
#blog_entrada3 .container-flechas-slider .swiper-button-next::after {
    content: unset;
} 
#blog_entrada3 .container-flechas-slider .swiper-button-prev, 
#blog_entrada3 .container-flechas-slider .swiper-button-next {
    position: static;
    height: 60px;
    width: 60px;
    border: 1px solid white;
    border-radius: 50%;
    margin: 0;
} 
#blog_entrada3 .container-flechas-slider .swiper-button-next {
    transform: rotate(-180deg);
    background: var(--var-color-texto);
}
#blog_entrada3 .container-flechas-slider .swiper-button-prev {
    margin-bottom: 24px;
    background: rgba(40, 41, 49, 0.20);
}

#blog_entrada3 .noticias-relacionadas {
    width: calc(100% - 105px);
}
#blog_entrada3 .container-flechas-slider .container-container-flechas {
    display: flex;
    flex-wrap: wrap;
}

#blog_entrada3 .container-flechas-slider .card_blog .imagen,
#blog_entrada3 .container-flechas-slider .card_blog .imagen img {
    height: 400px;
}
#blog_entrada3 .container-flechas-slider .container-info-inferior > * {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
#blog_entrada3 .container-flechas-slider .container-info-inferior {
    padding: 0 32px !important;
}
#blog_entrada3 .container-flechas-slider .titulo_card {
    color: var(--var-color-texto);
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 40px;
}

#blog_entrada3 .boton-ghost {
    color: var(--var-color-texto);
    margin: 0 auto;
    width: fit-content;
}
#blog_entrada3 .container-flechas-slider .fecha {
    color: var(--var-verde);
    text-align: center;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    margin: 24px 0;
    gap: 5px;
}

#blog_entrada3 .container-flechas-slider .texto {
    color: var(--var-color-texto);
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
#blog_entrada3 .container-flechas-slider .mas {
    color: var(--Brand-Neutrals-White, #FFF);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Noto Sans";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 10px */
    letter-spacing: 1.6px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 40px;
}
#blog_entrada3 .descripcion li {
    list-style: none;
    position: relative;
    padding-bottom: 9px;
}
#blog_entrada3 .descripcion li::before {
    content: " ";
    width: 24px;
    height: 24px;
    background-image: url('/img/yomovomotos/icono-list.svg');
    top: 5px;
    left: -32px;
    position: absolute;
}

#blog_entrada3 .swiper-pagination{
    display: none;
}

#blog_entrada3 .container-mobile{
   display: none;
}


  
@media(max-width: 991px) {

    #blog_entrada3 .container{
        width: 100%;
    }

    #blog_entrada3 .container-mobile{
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        gap: 16px;
        margin: 32px 0;
    }

    #blog_entrada3 .container-mobile .titulo{
        margin: 0;
    }

    #blog_entrada3 .container-mobile .fecha{
        color: var(--Black, #282931);
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: "Work Sans";
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 1.6px;
        text-transform: uppercase;
    }

    #blog_entrada3 .container-publicado-titulo .titulo_card{
        display: none;
    }

    #blog_entrada3 .card_blog .imagen::before{
        display: none;
    }

    #blog_entrada3 .descripcion{
        max-width: 100%;
    }

    #blog_entrada3 .container-noticias-recientes{
        padding: var(--padding-section-xl) 0 0;
    }

    #blog_entrada3 .titulo-grande{
        padding-bottom: 32px;
        margin: 0;
    }

    #blog_entrada3 .imagen-entrada,
    #blog_entrada3 .imagen-entrada img{
        height: auto;
        aspect-ratio: 16 / 9;
    }
    #blog_entrada3 .container-flechas-slider .card_blog .imagen, #blog_entrada3 .container-flechas-slider .card_blog .imagen img {
        height: 300px;
    }
    #blog_entrada3 .container-flechas-slider .container-container-flechas{
        display: none;
    }

    #blog_entrada3 .swiper-pagination{
        display: flex;
        justify-content: center;
    }

    #blog_entrada3 .descripcion{
        margin: 32px 0 0;
    }

    #blog_entrada3 .descripcion h2 {
        font-size: 28px !important;
    }
    #blog_entrada3 .descripcion h3 {
        font-size: 26px !important;
        line-height: 50px !important;
    }
    #blog_entrada3 .descripcion h4 {
        font-size: 24px !important;
        line-height: 40px !important;
    }
}
@media(max-width: 850px) {
    #blog_entrada3 .container-flechas-slider .container-info-inferior {
        padding: 0 15px !important;
    }
    #blog_entrada3 .container-flechas-slider .fecha {
        margin: 0 0 10px;
    }
    #blog_entrada3 h1 {
        font-size: 35px !important;
        line-height: 40px !important;
    }
}
@media(max-width: 800px) {
    #blog_entrada3 .container-flechas-slider {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    #blog_entrada3 .noticias-relacionadas {
        width: 100%;
    }
    
}
@media (max-width: 600px) {
    #blog_entrada3 .container-flechas-slider .card_blog .imagen, #blog_entrada3 .container-flechas-slider .card_blog .imagen img {
        height: 250px;
    }
}
@media (max-width: 500px) {
    #blog_entrada3 .titulo-grande {
        margin-bottom: 5px;
    }
}

/* flotas  */

#titulo2.titulo_18{
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(/img/yomovomotos/hero-flotas.jpg)
}

/* contacto custom */

#contacto-custom{
    padding: var(--padding-section-lg) 0;
}

#contacto-custom .container{
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 32px;
   flex-wrap: wrap;
   width: 65%;
}

#contacto-custom .container::after,
#contacto-custom .container::before{
    display: none;
}

#contacto-custom .titulo{
    color: var(--var-color-texto);
    margin: 0;
}

#contacto-custom .container-btns{
    display: flex;
    gap: 32px;
    flex-wrap: wrap;;
}

@media(max-width:991px){
    #contacto-custom{
        padding: var(--padding-section-xl) 0;
    }
    #contacto-custom .container{
        flex-direction: column;
        width: 100%;
    }

    #contacto-custom .container-btns{
        flex-direction: column;
        align-items: center;
    }
}

/* cpm parts  */

#titulo2.titulo_25{
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(/img/yomovomotos/hero-cpm.jpg)
}

#texto1.texto_25.asp_27 .container-fluid{
    background-color: var(--var-color-texto);
}

#texto1.texto_25.asp_27 .texto-video .container-texto .titulo,
#texto1.texto_25.asp_27 .texto-video .container-texto .texto{
   color: var(--var-verde-claro);
}

#texto1.texto_25.asp_27 .texto-video .container-texto .titulo{
    max-width: 100%;
}


/* renting  */
#titulo2.titulo_26{
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(/img/yomovomotos/hero-renting-no-wk.jpg)
}

.imagen-texto.imagen-texto_26 .container-texto .titulo{
    max-width: 13ch;
}

#texto1.texto_26 .container-fluid,
#texto1.texto_28.asp_15 .container-fluid{
    background-color: var(--var-color-light-grey);
}

#texto1.texto_26 .container,
#texto1.texto_28.asp_15 .container{
    padding-top: var(--padding-section-xl);
    padding-bottom: var(--padding-section-lg);
}

#texto1 .coches-renting .header{
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   gap: 16px;
   flex-wrap: wrap;
   margin: 0 0 var(--padding-section-lg);
}

#texto1 .coches-renting .header .titulo{
    color: var(--var-color-texto);
    margin: 0;
}

#texto1 .coches-renting .header .subtitulo{
    color: var(--var-color-texto);
    margin: 16px 0 0;
}

#texto1 .coches-renting .header .boton-ghost {
    color: var(--var-color-texto);
}

#texto1 .coches-renting .swiper-pagination-custom {
    display: none;
}

#texto1 .coches-renting #card19 .cont_imagen{
    overflow: hidden;
    position: relative;
}

#texto1 .coches-renting  #card19 .cardImg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.listado_1 #card19 .cardImg,
#texto1.texto_26.asp_15 .coches-renting #card19 .cardImg,
#relacionados_detalle1.hidden-print.footer.relacionados_detalle_10 #card19 .cardImg,
#destacado1.destacado_asp_17 #card19 .cardImg{
    background-size: contain;
    aspect-ratio: 4 / 3;
}
.listado_6 #card19 .cardImg{
    background-position: top;
}

#destacado1.destacado_asp_37 #card19 .cardImg {
    background-position: center;
}

/* #servicio4.servicio_26 .servicio,
#servicio4.servicio_16 .servicio,
#servicio4.servicio_17 .servicio  */
#servicio4 .servicio,
#formulario2 .formContactoFluid
{
    position: relative;
    overflow: hidden;
    background: none;
}

/* #servicio4.servicio_26 .servicio .container,
#servicio4.servicio_16 .servicio .container,
#servicio4.servicio_17 .servicio .container  */
#servicio4 .servicio .container,
#formulario2 .formContactoFluid .container{
    position: relative;
    z-index: 1;
}

/* #servicio4.servicio_26 .servicio::before,
#servicio4.servicio_16 .servicio::before */
#servicio4 .servicio::before,
#formulario2 .formContactoFluid::before { 
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/yomovomotos/ventajas-no-wk.jpg);
    background-size: cover;
    background-position: center;
    filter: grayscale(100%); 
    z-index: 0;
}

/* #servicio4.servicio_26 .servicio::after, */
/* #servicio4.servicio_16 .servicio::after */
#servicio4 .servicio::after,
#formulario2 .formContactoFluid::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(157, 196, 188, 0.80) 0%, rgba(157, 196, 188, 0.80) 100%);
    z-index: 0; /* El degradado se mantiene sobre la imagen */
}

/* servicio7 (renting / rentbaix) */
#servicio7 .servicio{
    padding-top: var(--padding-section-xl);
    padding-bottom: var(--padding-section-xl);
    background-color: var(--var-color-light-grey);
}

#servicio7 .container{
    width: 85%;
}

#servicio7 .swiper-container{
    width: 100%;
    margin-top: var(--padding-section-lg);
}

#servicio7 .swiper-wrapper{
   gap: 64px 0;
}

#servicio7 .titulo{
    text-align: center;
}

#servicio7 .subtitulo{
    text-align: center;
    max-width: 48ch;
    margin: 16px auto 0;
}

#servicio7 .card_servicio{
    display: flex;
    flex-direction: column;
    margin: 0;
    background: none;
    padding: 0;
    height: auto;
}

#servicio7 .card_servicio .imagen{
   width: 100%;
   border-radius: 24px;
}

#servicio7 .card_servicio .container-info{
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 24px 0 0;
}

#servicio7 .titulo_card{
  margin: 0;
  text-align: left;
  color: var(--var-color-texto);
}

#servicio7 .texto_card{
    color: var(--var-color-texto);
    height: auto;
    text-align: left;
    margin: 16px 0 24px;
}

#servicio7 .boton-ghost{
    color: var(--var-color-texto);
    width: fit-content;
    margin-top: auto;
}

#servicio7.servicio_28 .boton-ghost{
    margin-top: 0;
}


#servicio7 .swiper-pagination{
    display: none;
}

@media(max-width:1399px){
    #texto1 .coches-renting .swiper-pagination-custom {
        display: flex;
        justify-content: center;
    }
}

@media(max-width:991px){
    #servicio7 .container{
        width: 100%;
        padding: 0 30px;
    }

    #servicio7 .swiper-pagination{
        display: block;
    }
}

/* servicios  */
#titulo2.titulo_27{
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(/img/yomovomotos/hero-servicios.jpg)
}

#texto1.texto_27 .container-fluid{
    background-color: var(--var-color-light-grey);
}

#texto1.texto_27 .container{
    padding-top: var(--padding-section-xl);
    padding-bottom: var(--padding-section-xl);
}

#texto1 .grid-imagenes .container-titulos{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 48px;
}

#texto1 .grid-imagenes .container-subtitulos{
    margin: 48px 0 0;
}

#texto1 .grid-imagenes .container-titulos .titulo,
#texto1 .grid-imagenes .container-titulos .texto{
    color: var(--var-color-texto);
    margin: 0;
}

#texto1 .grid-imagenes .container-servicios {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 40px;
}

#texto1 .grid-imagenes .container-servicios .card-servicio {
    border-radius: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
}

#texto1 .grid-imagenes .container-servicios .card-servicio::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .5s ease;
    transform: scale(1);
    z-index: 0;
}

#texto1 .grid-imagenes .container-servicios .card-servicio:hover::before {
    transform: scale(1.2);
    background-blend-mode: multiply;
}

#texto1 .grid-imagenes .container-servicios .card-servicio .titulo {
   z-index: 1;
   border-right: 8px solid var(--var-verde);
   padding-right: 32px;
   text-align: right;
   max-width: 14ch;
}

#texto1 .grid-imagenes .container-servicios .card-servicio .titulo-mobile {
    display: none;
}

#texto1 .grid-imagenes .container-servicios .card-vehiculos .titulo {
    z-index: 1;
    border-right: 8px solid var(--var-verde);
    padding-right: 32px;
    text-align: right;
    max-width: 19ch;
}
 
#texto1 .grid-imagenes .container-servicios .card-concesionarios {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    height: 600px;
}

#texto1 .grid-imagenes .container-servicios .card-concesionarios::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-concesionarios.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-concesionarios:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-concesionarios.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-vehiculos {
    grid-column: span 2 / span 2;
    grid-column-start: 3;
}

#texto1 .grid-imagenes .container-servicios .card-vehiculos::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-vehiculos.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-vehiculos:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-vehiculos.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-seguros {
    grid-column-start: 3;
    grid-row-start: 2;
}

#texto1 .grid-imagenes .container-servicios .card-seguros::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-seguros.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-seguros:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-seguros.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-alquiler {
    grid-column-start: 4;
    grid-row-start: 2;
}

#texto1 .grid-imagenes .container-servicios .card-alquiler::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-alquiler.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-alquiler:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-alquiler.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-recambios {
    grid-row-start: 3;
}

#texto1 .grid-imagenes .container-servicios .card-recambios::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-recambios.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-recambios:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-recambios.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-taller {
    grid-row-start: 3;
}

#texto1 .grid-imagenes .container-servicios .card-taller::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-taller.jpg);
    background-position: right;
}

#texto1 .grid-imagenes .container-servicios .card-taller:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-taller.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-empresas {
    grid-column: span 2 / span 2;
    grid-row-start: 3;
}

#texto1 .grid-imagenes .container-servicios .card-empresas::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-empresas.jpg);
    
}

#texto1 .grid-imagenes .container-servicios .card-empresas:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-empresas.jpg);
}

@media(max-width:1499px){
    #texto1 .grid-imagenes .container-servicios .card-servicio .titulo {
       font-size: 24px !important;
       line-height: normal !important;
    }
}
        

@media(max-width:1199px){
    #texto1 .grid-imagenes .container-servicios {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(6, 1fr);
        gap: 24px;
    }

    #texto1 .grid-imagenes.dos-filas .container-servicios{
        grid-template-columns: repeat(3, 1fr);
    }
            
    #texto1 .grid-imagenes .container-servicios .card-concesionarios {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        height: 600px;
    }

    #texto1 .grid-imagenes .container-servicios .card-vehiculos {
        grid-column: span 2 / span 2;
        grid-row-start: 3;
    }

    #texto1 .grid-imagenes .container-servicios .card-seguros {
        grid-row-start: 4;
        grid-column: span 1 / span 1;
    }

    #texto1 .grid-imagenes .container-servicios .card-alquiler {
        grid-row-start: 4;
        grid-column: span 1 / span 1;
    }

    #texto1 .grid-imagenes .container-servicios .card-recambios {
        grid-row-start: 6;
        grid-column: span 1 / span 1;
        
    }

    #texto1 .grid-imagenes .container-servicios .card-taller {
        grid-row-start: 6;
        grid-column: span 1 / span 1;
    }

    #texto1 .grid-imagenes .container-servicios .card-empresas {
        grid-row-start: 5;
        grid-column: span 2 / span 2;
    }

}

@media(max-width:991px){

    #texto1.texto_27 .container{
        padding-top: var(--padding-section-lg);
        padding-bottom: var(--padding-section-lg);
    }

    #texto1 .grid-imagenes{
        padding-left: var(--padding-container);
        padding-right: var(--padding-container);
    }

    #texto1 .grid-imagenes .container-titulos{
        grid-template-columns: 1fr;
        gap: 32px;
        margin-bottom: 32px;
    }

    #texto1 .grid-imagenes .container-subitutlos{
        margin: 32px 0 0;
    }

    #texto1 .grid-imagenes.dos-filas .container-servicios{
        grid-template-columns: repeat(2, 1fr);
    }

    #texto1 .grid-imagenes .container-servicios .card-servicio{
        border-radius: 8px;
        padding: 16px 8px;
    }

    #texto1 .grid-imagenes .container-servicios .card-servicio .titulo{
        max-width: 19ch;
        padding-right: 8px;
    }
}

@media(max-width:767px){

    #texto1 .grid-imagenes .container-servicios .card-concesionarios{
        height: 300px;
    }

    #texto1 .grid-imagenes .container-servicios .card-servicio .titulo-mobile {
        display: block;
    }

    #texto1 .grid-imagenes .container-servicios .card-servicio .titulo-desktop {
        display: none;
    }
}

/* rentbaix  */
#titulo2.titulo_28{
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(/img/yomovomotos/hero-rentbaix.jpg)
}

#titulo2.titulo_28 .titulo{
    max-width: 16ch;
}

#texto1.texto_28.asp_12 .container{
    padding-top: 72px;
    padding-bottom: 72px;
}

#texto1.texto_28 .alquilar-caravana .container-info{
    display: flex;
    justify-content: space-between;
    gap: 32px;
    max-width: 85%;
    margin: 0 auto;
}

#texto1.texto_28 .alquilar-caravana .container-info .container-img-video{
   max-width: 650px;
   position: relative;
}

#texto1.texto_28 .alquilar-caravana .container-info .container-img-video video{
    border-radius: 10px;
    height: 400px;
    object-fit: cover
}

#texto1.texto_28 .alquilar-caravana .container-info .container-img-video img{
    position: absolute;
    bottom: -140px;
    right: -140px;
}

#texto1.texto_28 .alquilar-caravana .container-info .container-texto .titulo{
   color: var(--var-color-texto);
   max-width: 14ch;
   margin: 0 0 20px;
}

#texto1.texto_28 .alquilar-caravana .container-info .container-texto .texto{
    color: var(--var-color-texto);
    max-width: 41ch;
    margin: 0;
}

#texto1.texto_28 .alquilar-caravana .container-ventajas{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-top: 180px;
}

#texto1.texto_28 .alquilar-caravana .container-ventajas .ventaja{
   display: flex;
   align-items: flex-start;
   gap: 32px;
}

#texto1.texto_28 .alquilar-caravana .container-ventajas .ventaja img{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 37px;
    border-radius: 8px;
    background: var(--var-color-texto, #282931);
    max-width: fit-content;
}

#texto1.texto_28 .alquilar-caravana .container-ventajas .ventaja .texto{
  color: var(--var-color-texto);
  margin: 0;
  font-weight: 700 !important;
}

#texto1.texto_28 .alquilar-caravana .container-ventajas .ventaja:nth-child(2) .texto{
    max-width: 9ch;
}


@media(max-width:1399px){
    #texto1.texto_28 .alquilar-caravana .container-ventajas{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:991px){
    #texto1.texto_28.asp_12 .container{
        padding-top: var(--padding-section-xl);
        padding-bottom: var(--padding-section-xl);
    }
    
    #texto1.texto_28 .alquilar-caravana{
        padding-left: var(--padding-container);
        padding-right: var(--padding-container);
    }

    #texto1.texto_28 .alquilar-caravana .container-info{
        max-width: 100%;
        flex-direction: column;
        gap: 24px;
    }

    #texto1.texto_28 .alquilar-caravana .container-info .container-texto .texto,
    #texto1.texto_28 .alquilar-caravana .container-info .container-texto .titulo{
        max-width: 100%;
    }

    #texto1.texto_28 .alquilar-caravana .container-ventajas{
        margin-top: var(--padding-section-xl);
    }

    #texto1.texto_28 .alquilar-caravana .container-info .container-img-video{
        max-width: 100%;
        
    }

    #texto1.texto_28 .alquilar-caravana .container-info .container-img-video video{
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto;
    }

    #texto1.texto_28 .alquilar-caravana .container-info .container-img-video img{
       position: static;
       margin-top: -30vw;
    }
}


@media(max-width:767px){
    #texto1.texto_28 .alquilar-caravana .container-ventajas{
        grid-template-columns: 1fr;
        gap: 24px;
    }
}


#servicio7.servicio_28 .servicio{
    /* background: url(/img/yomovomotos/bg-servicios-alquiler.jpg), #9DC4BC; */
    background: #9DC4BC;
    background-size: cover;
    background-repeat: no-repeat;
}

#texto1 .grid-imagenes.dos-filas .container-servicios{
    grid-template-rows: repeat(2, 1fr);
}

#texto1 .grid-imagenes .container-servicios .card-furgonetas{
    grid-column: span 2 / span 2;
}

#texto1 .grid-imagenes .container-servicios .card-furgonetas::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-furgonetas.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-furgonetas:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-furgonetas.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-autocaravanas{
    grid-column-start: 1;
    grid-row-start: 2;
}

#texto1 .grid-imagenes .container-servicios .card-autocaravanas::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-autocaravanas.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-autocaravanas:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-autocaravanas.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-motos{
    grid-column-start: 2;
    grid-row-start: 2;
}

#texto1 .grid-imagenes .container-servicios .card-motos::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-motos.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-motos:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-motos.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-coches{
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 1;
    height: 600px;
}

#texto1 .grid-imagenes .container-servicios .card-coches::before{
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #000 100%), url(/img/yomovomotos/cta-coches.jpg);
}

#texto1 .grid-imagenes .container-servicios .card-coches:hover::before{
    background-image: linear-gradient(0deg, rgba(0, 125, 49, 0.90) 0%, rgba(0, 125, 49, 0.90) 100%), url(/img/yomovomotos/cta-coches.jpg);
}

@media(max-width:991px){

    #texto1 .grid-imagenes.dos-filas .container-servicios{
        grid-template-rows: auto;
    }

    #texto1 .grid-imagenes .container-servicios .card-coches{
        grid-column: span 2 / span 2;
        grid-row: 1;
        height: 300px;
    }

    #texto1 .grid-imagenes .container-servicios .card-autocaravanas{
        grid-column: span 2 / span 2;
        height: 150px;
    }

    #texto1 .grid-imagenes .container-servicios .card-furgonetas{
        grid-column: span 2 / span 2;
        height: 300px;
    }

    #texto1 .grid-imagenes .container-servicios .card-motos{
        grid-column: span 2 / span 2;
        grid-row: 4;
        height: 150px;
    }


}

/*404*/
#menu17.menu17_21.transparent img.img-responsive {
    filter: none;
}
#menu17.menu17_21.transparent .boton-menu .chevron{
    filter: invert(1);
}
#menu17.menu17_21.transparent .boton-menu {
    color: #000;
}
#error1{
    padding-top: 100px;
}
#menu17.menu17_21.transparent  .navbar-toggle .icon-bar {
    background-color: var(--var-verde);
}

/*mapa*/

#datos12 {
    background: var(--FTome-background);
    border-radius: 0 0 50px 50px;
}

#datos12 .container{
    padding-top: 64px;
    padding-bottom: 47px;
}

#datos12 .titulo{
    color: var(--FTome-Black, #000);
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px; /* 100% */
    text-align: center;
    margin: 0 0 32px;
}

#datos12 .titulo b{
    font-weight: 700;
}

#datos12 .container-link-concesionarios{
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-bottom: 16px;
}

#datos12 .container-link-concesionarios .nombre-concesionario{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    color: #000;
    padding: 8px 18px;
    width: fit-content;
    border-radius: 50px;
    transition: all .5s ease-in-out;
    cursor: pointer;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

#datos12 .container-link-concesionarios .nombre-concesionario:hover{
    background: var(--var-verde);
    color: #fff
}

#datos12 .container-link-concesionarios .nombre-concesionario.activo{
    background: var(--var-verde);
    color: #fff;
}


#datos12 .contenedor-texto-mapa{
    padding:0;
}

#datos12 .container-lista-mapas{
    height: 680px;
    padding: 0;
}

#datos12 .mapa {
    display: none;
    height: 680px;
    background-size: cover;
    border-radius: 50px;
}

#datos12 .mapa.mapa-tiendas{
    display: flex;
    background-image: url(/img/yomovomotos/mapa.jpg);
}
#datos12 .mapa.mapa-talleres{
    background-image: url(/img/yomovomotos/mapa.jpg);   
}
/*datos12 .mapa.mapa-skoda,
#datos12 .mapa.mapa-volkswagen,
#datos12 .mapa.mapa-vwcomerciales {
    background-image: url(/img/yomovomotos/mapa.png);
}*/

#datos12 .container-datos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    height: auto;
    width: 405px;
    padding: 32px;
    flex-shrink: 0;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    left: 48px;
    background-color: var(--color-white, #FFF);
    border-radius: 12px;
}

#datos12 .container-datos .titulo{
    color: var(--Black, var(--Color, #000));
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 112.5% */
    text-align: left;
    margin: 0;
}

#datos12 select{
    margin: 0;
    appearance: none;
    border: none;
    padding: 12px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background-image: url(/img/420grupoftome1753/icono-chevron-down.svg);
    background-position-x: calc(100% - 24px);
    border-radius: 60px;
    border: 1.5px solid var(--FTome-Black, #000);
    color: var(--FTome-Black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
}

#datos12  .container-datos-ubi .container-info{
    display: flex;
    flex-direction: column;
    gap: 18px;
}

#datos12 .container-datos-ubi .container-horario{
    margin: 8px 0 0;
}

#datos12 .container-datos-ubi .titulo-location{
    margin-bottom: 8px;
    color: var(--FTome-Black, #000);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#datos12 .container-datos-ubi a{
    color: var(--FTome-Black, #000);
}

#datos12  .container-datos-ubi .direccion{
    color: var(--FTome-Black, #000);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#datos12 .container-datos-ubi .texto{
    color: var(--FTome-Black, #000);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#datos12 .container-datos-ubi .link{
    color: var(--FTome-Black, #000);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 8px;
}

#datos12  .container-datos-ubi .link a{
    color: var(--FTome-Black, #000);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}


#datos12 .nombre-ubi {
    position: absolute;
    cursor: pointer;
    background: #000;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

#datos12 .nombre-ubi.activo {
    background: var(--var-verde);
    /* height: 70px;
    width: 70px; */
}
/* 
#datos12 .nombre-ubi.activo img{
   width: 25px;
} */
#datos12 .nombre-ubi.activo{
    z-index: 100;
}

#datos12 .nombre-ubi.ubi-3 ,
#datos12 .nombre-ubi.ubi-2 {
    left: 107ch;
    top: 225px;
}

#datos12 .nombre-ubi.ubi-6 ,
#datos12 .nombre-ubi.ubi-5,
#datos12 .nombre-ubi.ubi-4{
    left: 103ch;
    top: 265px;
}
#datos12 .nombre-ubi.ubi-1,
#datos12 .nombre-ubi.ubi-8,
#datos12 .nombre-ubi.ubi-7{
    left: 99ch;
    top: 305px;
}

#datos12 .nombre-ubi.ubi-9{
    left: 94ch;
    top: 340px;
}
#datos12 .nombre-ubi.ubi-17,
#datos12 .nombre-ubi.ubi-16,
#datos12 .nombre-ubi.ubi-0,
#datos12 .nombre-ubi.ubi-10 {
    left: 65ch;
    top: 570px;
}
#datos12 .nombre-ubi.ubi-11,
#datos12 .nombre-ubi.ubi-12,
#datos12 .nombre-ubi.ubi-13,
#datos12 .nombre-ubi.ubi-14,
#datos12 .nombre-ubi.ubi-15{
    left: 102ch;
    top: 345px;
}
#datos12 .nombre-ubi.ubi-20,
#datos12 .nombre-ubi.ubi-21,
#datos12 .nombre-ubi.ubi-22,
#datos12 .nombre-ubi.ubi-19,
#datos12 .nombre-ubi.ubi-18{
    left: 102ch;
    top: 345px;
}
#datos12 .nombre-ubi.ubi-23{
    left: 110ch;
    top: 270px;
}

#datos12 .container-mobile{
    display: none;
}

@media (min-width: 1700px) {
    #datos12 .container {
        width: 100%;
        max-width: 1680px;
    }
}

@media(max-width:1699px){
    #datos12 .nombre-ubi.ubi-17, #datos12 .nombre-ubi.ubi-16, 
    #datos12 .nombre-ubi.ubi-0, #datos12 .nombre-ubi.ubi-10 {
        left: 61ch;
        top: 540px;
    }
    #datos12 .nombre-ubi.ubi-9 {
        left: 90ch;
        top: 320px;
    }
    #datos12 .nombre-ubi.ubi-1, #datos12 .nombre-ubi.ubi-8, 
    #datos12 .nombre-ubi.ubi-7 {
        left: 96ch;
        top: 280px;
    }
    #datos12 .nombre-ubi.ubi-6, #datos12 .nombre-ubi.ubi-5, 
    #datos12 .nombre-ubi.ubi-4 {
        left: 101ch;
        top: 246px;
    }
    #datos12 .nombre-ubi.ubi-3, #datos12 .nombre-ubi.ubi-2 {
        left: 106ch;
        top: 210px;
    }
    #datos12 .nombre-ubi.ubi-11, #datos12 .nombre-ubi.ubi-12, 
    #datos12 .nombre-ubi.ubi-13, #datos12 .nombre-ubi.ubi-14, 
    #datos12 .nombre-ubi.ubi-15 {
        left: 98ch;
        top: 325px;
    }
    #datos12 .nombre-ubi.ubi-20, #datos12 .nombre-ubi.ubi-21, 
    #datos12 .nombre-ubi.ubi-22, #datos12 .nombre-ubi.ubi-19, 
    #datos12 .nombre-ubi.ubi-18 {
        left: 98ch;
    } 
    #datos12 .nombre-ubi.ubi-23 {
        left: 106ch;
        top: 267px;
    }
}
@media(max-width:1599px){
    #datos12 .mapa.mapa-volkswagen,
    #datos12 .mapa.mapa-vwcomerciales{
        background-position-x: -170px;
    }
    #datos12 .nombre-ubi.ubi-3, 
    #datos12 .nombre-ubi.ubi-2 {
        left: 107ch;
        top: 195px;
    }
    #datos12 .nombre-ubi.ubi-6 ,
    #datos12 .nombre-ubi.ubi-5,
    #datos12 .nombre-ubi.ubi-4{
        left: 101ch;
        top: 235px;
    }
    #datos12 .nombre-ubi.ubi-1,
    #datos12 .nombre-ubi.ubi-8,
    #datos12 .nombre-ubi.ubi-7{
        left: 95ch;
        top: 280px;
    }
    #datos12 .nombre-ubi.ubi-9 {
        left: 89ch;
        top: 320px;
    }
    #datos12 .nombre-ubi.ubi-17,
    #datos12 .nombre-ubi.ubi-16,
    #datos12 .nombre-ubi.ubi-0,
    #datos12 .nombre-ubi.ubi-10 {
        left: 63ch;
        top: 540px;
    }
    #datos12 .nombre-ubi.ubi-11, #datos12 .nombre-ubi.ubi-12, 
    #datos12 .nombre-ubi.ubi-13, #datos12 .nombre-ubi.ubi-14, 
    #datos12 .nombre-ubi.ubi-15 {
        left: 98ch;
        top: 325px;
    }
    #datos12 .nombre-ubi.ubi-20,
    #datos12 .nombre-ubi.ubi-21,
    #datos12 .nombre-ubi.ubi-22,
    #datos12 .nombre-ubi.ubi-19,
    #datos12 .nombre-ubi.ubi-18{
        left: 99ch;
        top: 328px;
    }
    #datos12 .nombre-ubi.ubi-23{
        left: 107ch;
        top: 260px;
    }
}

@media(max-width:1399px){
   
    #datos12 .container-datos{
       position: static;
       transform: translateY(-50px);
       width: 100%;
    }

    #datos12 .mapa.mapa-audi,
    #datos12 .mapa.mapa.mapa-skoda{
       background-position-x: -280px;
    }

    #datos12 .mapa.mapa-volkswagen,
    #datos12 .mapa.mapa-vwcomerciales{
       background-position-x: -475px;
    }
    #datos12 .nombre-ubi.ubi-3 ,
    #datos12 .nombre-ubi.ubi-2 {
        left: 105ch;
        top: 196px;
    }
    
    #datos12 .nombre-ubi.ubi-6,
    #datos12 .nombre-ubi.ubi-5,
    #datos12 .nombre-ubi.ubi-4{
        left: 100ch;
        top: 240px;
    }
    #datos12 .nombre-ubi.ubi-1,
    #datos12 .nombre-ubi.ubi-8,
    #datos12 .nombre-ubi.ubi-7{
        left: 95ch;
        top: 285px;
    }
    
    #datos12 .nombre-ubi.ubi-9{
        left: 89ch;
        top: 330px;
    }
    #datos12 .nombre-ubi.ubi-17,
    #datos12 .nombre-ubi.ubi-16,
    #datos12 .nombre-ubi.ubi-0,
    #datos12 .nombre-ubi.ubi-10 {
        left: 62ch;
        top: 530px;
    }
    #datos12 .nombre-ubi.ubi-11,
    #datos12 .nombre-ubi.ubi-12,
    #datos12 .nombre-ubi.ubi-13,
    #datos12 .nombre-ubi.ubi-14,
    #datos12 .nombre-ubi.ubi-15{
        left: 98ch;
        top: 325px;
    }
    #datos12 .nombre-ubi.ubi-20,
    #datos12 .nombre-ubi.ubi-21,
    #datos12 .nombre-ubi.ubi-22,
    #datos12 .nombre-ubi.ubi-19,
    #datos12 .nombre-ubi.ubi-18{
        left: 99ch;
        top: 325px;
    }
    #datos12 .nombre-ubi.ubi-23{
        left: 107ch;
        top: 260px;
    }
}

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

@media(max-width:1050px){

    #datos12 .container{
        padding-top:32px;
        padding-bottom:0px;
    }

    #datos12 .container-datos {
        transform: unset;
        border-radius: 30px 30px 0 0 !important;
    }

    #datos12 .texto{
        margin: 0;
        color: var(--FTome-Black, #000);
    }

    #datos12 .container-texto{
        display: flex;
        flex-direction: column;
        gap:16px;
    }
    #datos12 .container-lista-mapas {
        display: flex;
    }
    #datos12 .mapa{
        height: 100%;
        background-position: 50% center;
        max-width: 800px;
        margin: auto;
    }

    #datos12 .container-datos .titulo-h4{
        display: none;
    }
    #datos12 .nombre-ubi.ubi-3,
    #datos12 .nombre-ubi.ubi-2 {
        left: 54ch;
        top: 200px;
    }
    
    #datos12 .nombre-ubi.ubi-6,
    #datos12 .nombre-ubi.ubi-5,
    #datos12 .nombre-ubi.ubi-4{
        left: 49ch;
        top: 245px;
    }
    #datos12 .nombre-ubi.ubi-1,
    #datos12 .nombre-ubi.ubi-8,
    #datos12 .nombre-ubi.ubi-7{
        left: 43ch;
        top: 290px;
    }
    
    #datos12 .nombre-ubi.ubi-9{
        left: 38ch;
    }
    #datos12 .nombre-ubi.ubi-16,
    #datos12 .nombre-ubi.ubi-17,
    #datos12 .nombre-ubi.ubi-0,
    #datos12 .nombre-ubi.ubi-10 {
        left: 13ch;
        top: 520px;
    }
    #datos12 .nombre-ubi.ubi-11,
    #datos12 .nombre-ubi.ubi-12,
    #datos12 .nombre-ubi.ubi-13,
    #datos12 .nombre-ubi.ubi-14,
    #datos12 .nombre-ubi.ubi-15{
        left: 47ch;
        top: 330px;
    }
    #datos12 .nombre-ubi.ubi-20,
    #datos12 .nombre-ubi.ubi-21,
    #datos12 .nombre-ubi.ubi-22,
    #datos12 .nombre-ubi.ubi-19,
    #datos12 .nombre-ubi.ubi-18{
        left: 47ch;
        top: 327px;
    }
    
    #datos12 .nombre-ubi.ubi-23{
        left: 56ch;
        top: 250px;
    }
}

@media(max-width:830px){
    #datos12 .mapa {
        max-width: 630px;
    }
    #datos12 .container-lista-mapas {
        height: 575px;
    }
    #datos12 .nombre-ubi.ubi-16, #datos12 .nombre-ubi.ubi-17, 
    #datos12 .nombre-ubi.ubi-0, #datos12 .nombre-ubi.ubi-10 {
        left: 5ch;
        top: 440px;
    }
    #datos12 .nombre-ubi.ubi-9 {
        left: 26ch;
        top: 280px;
    }
    #datos12 .nombre-ubi.ubi-1, #datos12 .nombre-ubi.ubi-8, #datos12 .nombre-ubi.ubi-7 {
        left: 33ch;
        top: 240px;
    }
    #datos12 .nombre-ubi.ubi-6, #datos12 .nombre-ubi.ubi-5, #datos12 .nombre-ubi.ubi-4 {
        left: 38ch;
        top: 205px;
    }
    #datos12 .nombre-ubi.ubi-3, #datos12 .nombre-ubi.ubi-2 {
        left: 43ch;
        top: 165px;
    }
    #datos12 .nombre-ubi.ubi-11, #datos12 .nombre-ubi.ubi-12, 
    #datos12 .nombre-ubi.ubi-13, #datos12 .nombre-ubi.ubi-14, 
    #datos12 .nombre-ubi.ubi-15 {
        left: 35ch;
        top: 270px;
    }
    #datos12 .nombre-ubi.ubi-20, #datos12 .nombre-ubi.ubi-21, 
    #datos12 .nombre-ubi.ubi-22, #datos12 .nombre-ubi.ubi-19, 
    #datos12 .nombre-ubi.ubi-18 {
        left: 36ch;
        top: 267px;
    }
    #datos12 .nombre-ubi.ubi-23 {
        left: 45ch;
        top: 200px;
    }
}
@media(max-width:767px){

    #datos12 .contenedor-texto-mapa{
        margin: 0 -15px;
        width: 100vw;
    }

    #datos12 .mapa,
    #datos12 .container-lista-mapas{
        height: 420px;
    }

    #datos12 .mapa{
        border-radius: 0;
    }

    #datos12 .mapa.mapa-audi,
    #datos12 .mapa.mapa-skoda{
        transform: scale(1.5);
    }

    #datos12 .mapa.mapa-volkswagen,
    #datos12 .mapa.mapa-vwcomerciales{
        transform: scale(1.2);
    }

    #datos12 .container-lista-mapas{
        overflow: hidden;
    }

    #datos12 .container-datos{
        border-radius: 30px;
    }

    #datos12 .titulo{
        text-align: left;
        color: var(--FTome-Black, #000);;
        font-size: 40px;
        line-height: 40px; /* 100% */
    }

    /* #datos12 .nombre-ubi.activo{
        width: 60px;
        height: 60px;
    } */

    #datos12 .nombre-ubi{
        width: 30px;
        height: 30px;
    }

    /* #datos12 .nombre-ubi.activo img{
        width: 21px;
    } */

    #datos12 .nombre-ubi img{
        width: 13px;
    }

    #datos12 .container-links .link{
        width: 40px;
        height: 40px;
    }

    #datos12 .container-links .link svg{
        width: 17px;
    }

    #datos12 .nombre-ubi.ubi-3, 
    #datos12 .nombre-ubi.ubi-2 {
        left: 43ch;
        top: 120px;
    }
    
    #datos12 .nombre-ubi.ubi-6, 
    #datos12 .nombre-ubi.ubi-5, 
    #datos12 .nombre-ubi.ubi-4 {
        left: 40ch;
        top: 145px;
    }
    #datos12 .nombre-ubi.ubi-1, 
    #datos12 .nombre-ubi.ubi-8, 
    #datos12 .nombre-ubi.ubi-7 {
        left: 36ch;
        top: 175px;
    }
    
    #datos12 .nombre-ubi.ubi-9 {
        left: 32ch;
        top: 195px;
    }
    #datos12 .nombre-ubi.ubi-16,
    #datos12 .nombre-ubi.ubi-17,
    #datos12 .nombre-ubi.ubi-0,
    #datos12 .nombre-ubi.ubi-10 {
        left: 16ch;
        top: 330px;
    }
    #datos12 .nombre-ubi.ubi-11, #datos12 .nombre-ubi.ubi-12, 
    #datos12 .nombre-ubi.ubi-13, #datos12 .nombre-ubi.ubi-14, 
    #datos12 .nombre-ubi.ubi-15 {
        left: 38ch;
        top: 200px;
    }
    #datos12 .nombre-ubi.ubi-20, #datos12 .nombre-ubi.ubi-21, 
    #datos12 .nombre-ubi.ubi-22, #datos12 .nombre-ubi.ubi-19, 
    #datos12 .nombre-ubi.ubi-18 {
        left: 38ch;
        top: 205px;
    }
    
    #datos12 .nombre-ubi.ubi-23 {
        left: 43ch;
        top: 155px;
    }

   
}

@media(max-width:630px){
    #datos12 .mapa {
        max-width: 500px;
        border-radius: 30px;
    }
    #datos12 .nombre-ubi.ubi-16, #datos12 .nombre-ubi.ubi-17, 
    #datos12 .nombre-ubi.ubi-0, #datos12 .nombre-ubi.ubi-10 {
        left: 8ch;
    }
    #datos12 .nombre-ubi.ubi-9 {
        left: 24ch;
        top: 205px;
    }
    #datos12 .nombre-ubi.ubi-1, #datos12 .nombre-ubi.ubi-8, #datos12 .nombre-ubi.ubi-7 {
        left: 28ch;
    }
    #datos12 .nombre-ubi.ubi-6, #datos12 .nombre-ubi.ubi-5, #datos12 .nombre-ubi.ubi-4 {
        left: 31.5ch;
    }
    #datos12 .nombre-ubi.ubi-3, #datos12 .nombre-ubi.ubi-2 {
        left: 35ch;
    }
    #datos12 .nombre-ubi.ubi-11, #datos12 .nombre-ubi.ubi-12, #datos12 .nombre-ubi.ubi-13, 
    #datos12 .nombre-ubi.ubi-14, #datos12 .nombre-ubi.ubi-15 {
        left: 29ch;
    }
    #datos12 .nombre-ubi.ubi-20, #datos12 .nombre-ubi.ubi-21, #datos12 .nombre-ubi.ubi-22, 
    #datos12 .nombre-ubi.ubi-19, #datos12 .nombre-ubi.ubi-18 {
        left: 30ch;
    }
    #datos12 .nombre-ubi.ubi-23 {
        left: 35ch;
    }
}
@media(max-width:550px){
    #datos12 .mapa.mapa-tiendas {
        background-position: -250px center;
    }
    #datos12 .mapa.mapa-talleres {
        background-position: -250px center;
    }
    #datos12 .nombre-ubi.ubi-3, 
    #datos12 .nombre-ubi.ubi-2 {
        left: 34ch;
        top: 128px;
    }
    
    #datos12 .nombre-ubi.ubi-6, 
    #datos12 .nombre-ubi.ubi-5, 
    #datos12 .nombre-ubi.ubi-4 {
        left: 31ch;
        top: 150px;
    }
    #datos12 .nombre-ubi.ubi-1, 
    #datos12 .nombre-ubi.ubi-8, 
    #datos12 .nombre-ubi.ubi-7 {
        left: 28ch;
        top: 175px;
    }
    
    #datos12 .nombre-ubi.ubi-9 {
        left: 23ch;
        top: 205px;
    }
    #datos12 .nombre-ubi.ubi-16,
    #datos12 .nombre-ubi.ubi-17,
    #datos12 .nombre-ubi.ubi-0,
    #datos12 .nombre-ubi.ubi-10 {
        left: 9ch;
        top: 320px;
    }
    #datos12 .nombre-ubi.ubi-11,
    #datos12 .nombre-ubi.ubi-12,
    #datos12 .nombre-ubi.ubi-13,
    #datos12 .nombre-ubi.ubi-14,
    #datos12 .nombre-ubi.ubi-15{
        left: 29ch;
        top: 200px;
    }
    #datos12 .nombre-ubi.ubi-20, #datos12 .nombre-ubi.ubi-21, 
    #datos12 .nombre-ubi.ubi-22, #datos12 .nombre-ubi.ubi-19, 
    #datos12 .nombre-ubi.ubi-18 {
        left: 29ch;
        top: 205px;
    }
    
    #datos12 .nombre-ubi.ubi-23 {
        left: 34.5ch;
        top: 160px;
    }

   
}/*
@media(max-width:420px){
    #datos12 .nombre-ubi.ubi-20,
    #datos12 .nombre-ubi.ubi-21,
    #datos12 .nombre-ubi.ubi-22,
    #datos12 .nombre-ubi.ubi-19,
    #datos12 .nombre-ubi.ubi-18{
        left: 24ch;
        top: 210px;
    }
    
    #datos12 .nombre-ubi.ubi-23{
        left: 29ch;
        top: 190px;
    }

   
}*/
/* TASACION */

/* *{
    box-sizing: border-box;
} */

#titulo2.titulo_12.asp_7{
    background-image: url("/img/yomovomotos/tasacion-titulo2.2.jpg"); 
 }
 #titulo2{
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     padding: 48px 157px;
     height: 650px;
 }
 #titulo2 .container-txt{
     padding: 0px;
     display: flex;
     justify-content: flex-end;
     align-items: flex-start;
     max-width: var(--max-width);
     margin: 0 auto;
 }
 #titulo2 .titulo,
 #titulo2 .subtitulo{
     color: white ;
 }
 #titulo2 .titulo{
     font-family: 'Barlow';
     font-size: 80px;
     font-style: normal;
     font-weight: 800;
     line-height: 68px;
 }
 #titulo2 .subtitulo{
     font-family: 'Barlow';
     font-size: 28px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     padding-top: 10px;
 }
 
 
 
 
 #tasacion1 .row .titulo h1{
     font-family: 'Barlow';
     font-size: 48px;
     font-style: normal;
     font-weight: 800;
     line-height: 60px;
 }
 #tasacion1 .row .subtitulo p{
     font-family: 'Barlow';
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }
 #tasacion1 .col-lg-3,
 #tasacion1 .col-lg-4,
 #tasacion1 .col-lg-6{
     padding-bottom: 15px;
 }
 #tasacion1 .row:nth-child(1) .form-control{
     height: 34px;
 }
 #tasacion1 .contDatos:nth-child(2){
     margin-bottom: 0px;
 }
 #tasacion1 .row:nth-child(1) .form-control,
 #tasacion1 .row .btn.btn-default.dropdown-toggle.select-dropdown {
     border: none;
     border-bottom: 2px solid black;
     box-shadow: none;
 }
 #tasacion1 .row .form-group input::placeholder,
 #tasacion1 .row .form-group textarea::placeholder{
     color: black;
 }
 #tasacion1 .row .form-control.image-preview-filename{
     height: auto;
     background: transparent;
     border-bottom: none;
 }
 #tasacion1 .row .input-group.image-preview{
     border-radius: 8px;
     border: 2px solid var(--Black, #282931);
     background: var(--White, #FFF);
 }
 
 #tasacion1 .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){
     border: none;
     border-radius: 5px;
     background: var(--Green-Blue, #9DC4BC);
     border-left: 2px solid var(--Black, #282931) !important;
     border-right: 2px solid var(--Black, #282931) !important;
     border-top-right-radius: 5px !important;
     border-bottom-right-radius: 5px !important;
 }
 #tasacion1 .image-preview-input{
     border: none;
     border-radius: 5px;
     background: var(--Green-Blue, #9DC4BC);
     border-left: 2px solid var(--Black, #282931) !important;
     border-top-left-radius: 5px !important;
     border-bottom-left-radius: 5px !important;
 }
 #tasacion1 .row:nth-child(1) .col-xs-12.col-sm-4.col-md-3.col-lg-3:nth-child(9){
     padding-bottom: 20px;
 }
 #tasacion1 .row .subtituloForm{
     color: black;
     font-family: 'Barlow';
     font-size: 24px;
     font-style: normal;
     font-weight: 800;
     line-height: 38px;
     padding: 40px 0px;
     margin: 0px;
 }
 
 
 
 
 #opiniones,
 #opiniones .destacado{
     background: var(--Black, #282931);
     padding: 50px 0px 0px 0px;
     margin: 0px 0px;
 }
 #opiniones .container{
     max-width: 100%;
     padding: 0px 0px;
 }
 #opiniones .texto-principal{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: flex-start;
     justify-content: center;
     margin-bottom: 30px;
     gap: 64px;
 }
 #opiniones .titulo-subtitulo{
     width: 30%;
 }
 #opiniones .titulo{
     color: white;
     font-family: 'Barlow';
     font-size: 48px;
     font-style: normal;
     font-weight: 800;
     line-height: 60px;
     text-align: left;
     align-items: flex-start;
     width: auto;
 }
 #opiniones .subtitulo{
     color: white;
     font-family: 'Barlow';
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }
 #opiniones .texto-principal .imagen-opiniones img{
     border-radius: 24px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
 }
 #opiniones .texto-principal .imagen-opiniones{
     align-items: center;
     display: flex;
     justify-content: center;
 }
 #opiniones .texto-secundario{
     padding: 0px 0px;
     top: -130px;
     display: flex;
     flex-wrap: wrap;
 }
 #opiniones .texto-secundario .comentarios{
     z-index: 1;
     padding:0px 0px;
 }
 #opiniones .swiper-container-reviews-home-custom .swiper-slide .container-user{
     margin: 0px;
     padding-bottom: 10px;
 }
 #opiniones .swiper-container-reviews-home-custom .swiper-slide .puntaje-comentario{
     width: 78px;
     height: 78px;
     flex-shrink: 0;
     border-radius: 60px;
     background: var(--Primary-Green, #007D31);
     font-family: 'Space Grotesk';
     font-size: 28px;
     font-style: normal;
     font-weight: 500;
     line-height: 34px;
     color: var(--Light-Grey, #F4F4F4);
     display: flex;
     text-align: center;
     justify-content: center;
     align-items: center;
 }
 #opiniones .texto-secundario .comentarios .linea,
 #opiniones .texto-secundario .comentarios .nombre,
 #opiniones .texto-secundario .comentarios .texto{
     padding-left: 70px;
 }
 #opiniones .texto-secundario .comentarios .linea hr{
     overflow: visible;
     text-align: inherit;
     border-top:1px solid black;
     margin: 20px 0px;
 }
 #opiniones .texto-secundario .comentarios .nombre{
     font-family: 'Barlow';
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
 }
 #opiniones .texto-secundario .comentarios .texto{
     font-family: 'Barlow';
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     padding-right: 20px;
 }
 #opiniones .swiper-container-reviews-home-custom{
     width: 100%;
     overflow: hidden;
 }
 #opiniones .swiper-container-reviews-home-custom .swiper-slide {
     border-radius: 24px;
     background: var(--Light-Grey, #F4F4F4);
     /* width: 550px !important; */
     padding: 30px 30px;
 }
 #opiniones .container-opiniones .swiper-pagination-bullets{
     display: inline-flex;
     align-items: flex-start;
 }
 #opiniones .texto-secundario .valoracion{
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding-left: 150px;
     color: white;
 }
 #opiniones .texto-secundario .valoracion .puntaje{
     color: white;
     text-align: center;
     font-family: 'Barlow';
     font-size: 80px;
     font-style: normal;
     font-weight: 800;
     line-height: 68px;  
     padding-top: 0px; 
     margin-top: 10px;
 }
 #opiniones .texto-secundario .valoracion a{
     display: flex;
     padding: 16px 24px;
     justify-content: center;
     align-items: center;
     gap: 8px;
     border-radius: 99px;
     background: var(--Primary-Green, #007D31);
     border: none;
     color: white;
 }
 #opiniones .texto-secundario .valoracion .texto-boton{
     display: flex;
     flex-direction: column;
     padding-top: 10px;
     justify-content: center;
     align-items: center;
 }
 #opiniones .texto-secundario .valoracion button:hover{
     background: var(--Primary-Green, #004b1e);
 }
 #opiniones .texto-secundario .valoracion .texto{
     font-family: 'Space Grotesk';
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 22px;
 }
 
 @media(min-width:1920px){
     #opiniones .container{
         max-width: var(--max-width);
     }
 }
 
 
 #servicio4.servicio-listado .container{
     /* max-width: 100%; */
     display: flex;
     padding: 36px 24px;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
 }
 #servicio4 .servicio{
     background-image: url("/img/yomovomotos/tasacion-servicio4.jpg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }
 #servicio4 .titulo-subtitulo{
     width: 80ch;
     padding: 0px 50px;
     margin-left: auto;
     margin-right: auto;
 }
 #servicio4 .card_servicio{
     border-radius: 8px;
     background-color: #282931;
     padding: 32px 12px 32px 32px;
     height: 100%;
 }
 #servicio4 .card_servicio .row{
     display: flex;
     flex-direction: row;
 }
 #servicio4 .conjunto-tarjetas{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
 }
 #servicio4 .tarjetas{
     display: flex;
     align-items: center;
     max-width: 450px;
 }
 #servicio4 .texto{
     display: flex;
     flex-direction: column;
     gap: 20px;
     padding-right: 5px;
     padding-left: 10px;
 }
 #servicio4 .titulo_card{
     color: white ;
     font-family: 'Barlow';
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     margin-top: 0px;
 }
 #servicio4 .texto_card{
     color: white ;
     font-family: 'Barlow';
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 22px;
     margin-bottom: 0px;
 }
 #servicio4 .cont_icono{
     background: transparent;
     padding: 0px 0px;
     margin: 0px 0px;
     width: 48px;
 }
 
 
 
 #mapa_simple .container{
     margin: 0 auto;
     padding: 0px;
     max-width: var(--max-width);
     width: 100%;
 }
 #mapa_simple .mapa{
     background-image: url("/img/yomovomotos/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-family: 'Barlow';
     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-family: 'Barlow';
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-transform: uppercase;
 }
 #mapa_simple .botones .boton2{
     background: var(--Primary-Green, #007D31);
     color: white;
     font-family: 'Barlow';
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-transform: uppercase;
 }
 #mapa_simple .info .boton1:hover{
     background: var(--Primary-Green, #007d321f);
 }
 #mapa_simple .info .boton2:hover{
     background: var(--Primary-Green, #004b1e);
 }
 
 
 
 @media(max-width: 1499px){
     #titulo2{
         width: 100%;
         padding: 10px;
         padding-top: 0px;
         padding-bottom: 0px;
     }
     #titulo2 .container-txt{
         padding-bottom: 20px;
     }
     #titulo2 .titulo{
         font-size: xxx-large;
         line-height: 50px;
     }
 
 
     #opiniones,
     #opiniones .destacado{
         padding: 20px 0px 20px 0px;
     }
     #opiniones .texto-principal{
         flex-wrap: wrap-reverse;
         justify-content: center;
         gap: 32px;
     }
     #opiniones .texto-secundario{
         top: auto;
     }
     #opiniones .texto-principal .imagen-opiniones {
         width: 340px;
         padding: 0px;
     }
     #opiniones .titulo-subtitulo{
         min-width: auto;
         width: 100%;
     }
     #opiniones .texto-secundario .valoracion{
         padding:0px 0px 20px 0px;
         flex-direction: row;
         flex-wrap: wrap;
         
     }
     #opiniones .texto-secundario .valoracion .puntaje{
         padding-left: 10px;
         padding-right: 10px;
     }
     #opiniones .swiper-container-reviews-home-custom .swiper-slide{
         min-width: auto;
         width: 100% !important;
     }
     #opiniones .swiper-container-reviews-home-custom{
         padding: 20px;
     }
     #opiniones .texto-secundario .comentarios .linea,
     #opiniones .texto-secundario .comentarios .nombre,
     #opiniones .texto-secundario .comentarios .texto{
     padding-left: 0px;
     height: auto;
     }
 
 
     #servicio4 .servicio{
         min-width: auto;
         width: 100%;
         overflow-x: hidden;
     }
     #servicio4 .titulo-subtitulo{
         min-width: auto;
         width: 100%;
         padding: 0px 20px;
     }
     #servicio4 .titulo-subtitulo .subtitulo{
         display: flex;
         flex-wrap: wrap;
     }
     #servicio4 .tarjetas{
         align-items: flex-start;
         min-width: auto;
         width: 100%;
         padding: 10px;
     }
     #servicio4 .card_servicio .row{
         display: flex;
         flex-direction: column;
         padding: 0px 20px;
     }
     #servicio4 .card_servicio .row .iconos{
         display: flex;
         justify-content: center;
         padding-bottom: 20px;
     }
     #servicio4 .card_servicio{
         padding: 20px 0px;
         display: flex;
         justify-content: center;
         align-items: center;
     }
     #servicio4 .subtitulo{
         margin: 0px;
         padding-top: 20px;
     }
     #servicio4.servicio-listado .container-fluid{
         padding: 0px;
     }
 
 
     #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;
     }
 }
 
 @media(max-width:991px){
     #opiniones .texto-principal .imagen-opiniones{
         width: 100%;
     }
 
     #opiniones .titulo{
         margin-bottom: 24px;
     }
 
     #opiniones .texto-secundario .valoracion{
         flex-direction: column;
     }
 
     #opiniones .texto-secundario .valoracion .container-google{
         display: flex;
         align-items: center;
         gap: 16px;
     }
 
     #opiniones .texto-secundario .valoracion .texto{
         font-family: Barlow;
         text-transform: uppercase;
     }
 
     #mapa_simple .info{
         top: unset;
         bottom: 30px;
     }
 }
 
 
 /* LISTADO */
 
 #titulo3,
 #filtro_listado_modal .row,
 #listado_seo_optimizado .row,
 #listado1 .row,
 #dos_imagenes_texto1 {
     background-color: #F4F4F4 !important;
 }
 #filtro_listado_modal .cont_titulo,
 #filtro_listado_modal .cont_titulo h2{
    text-align: center;
 }
 
 #titulo3{
     margin: 0;
 }
 
 #titulo3 .container-txt{
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     gap: 12px;
     padding-top: 65px;
 }
 #titulo3 .titulo{
     font-size: 70px;
     font-style: normal;
     font-weight: 800;
     line-height: 68px;
     color: var(--color-primario);
 }
 #titulo3 .subtitulo{
     text-align: center;
     text-overflow: ellipsis;
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     width: 775px;
     color: var(--color-primario);

 }

 #listado1 .paginacion li.pagina.active,
 #detalle_barra1 .container-fluid .navegacion{
    background-color: var(--color-primario);
    border: none;
 }
 #detalle_barra1 .container-fluid .navegacion:hover{
    background-color: var(--color-primario-dark);
 }
 
 
 #filtro_listado_modal .container {
     padding-top: 65px;
     padding-bottom: 65px;
 }
 
 #filtro_listado_modal form{
     gap: 25px;
     width: 100%;
 }
 
 #filtro_listado_modal form.filtros-open {
     flex-direction: column;
 }
 
 #filtro_listado_modal .filtros {
     display: flex;
     gap: 25px;
     width: 100%;
     flex: 1;
 }
 
 #filtro_listado_modal .filtro-hidden {
     display: none;
 }
 
 #filtro_listado_modal .botones {
     display: flex;
     justify-content: flex-end;
     gap: 25px;
 }
 
 #filtro_listado_modal .btn-mas-filtros {
     background-color: #fff;
     backdrop-filter: blur(8px);
     border-radius: 8px;
     padding: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     height: 51px;
     color: var(--var-color-texto);
     font-size: 16px;
     font-weight:500;
     line-height: 16px;
     text-transform: uppercase;
 }
 
 #filtro_listado_modal .filtros-open .btn-mas-filtros{
     background-color: var(--var-color-texto);
     color: var(--var-color-white);
 }
 
 #filtro_listado_modal .filtros-open .btn-mas-filtros svg path{
    fill: var(--var-color-white);
 }
 
 #filtro_listado_modal .btn-buscar {
     background-color: var(--color-primario);
     color: #fff;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-transform: uppercase;
     text-decoration: none;
     border: none;
     width: 100%;
     border-radius: 8px;
     padding: 16px 24px;
     transition-duration: 0.3s;
 }
 
 #filtro_listado_modal .btn-buscar:hover{
     background-color: var(--var-verde-claro);
     color: var(--var-verde);
 }
 
 #filtro_listado_modal .mas-filtros-open {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     width: 100%;
     grid-gap:25px;
 }
 
 #filtro_listado_modal .mas-filtros-open > *:nth-last-child(2) {
     grid-column: 4;
     justify-self: end; 
 }
 
 #filtro_listado_modal .mas-filtros-open > *:last-child {
     grid-column: 5;
     justify-self: end;
 }
 
 #filtro_listado_modal .filtro-hidden.filtros-open {
     display: flex;
 }
 
 #filtro_listado_modal .dropdown {
     margin: 0;
     width: 100%;
 }
 
 #filtro_listado_modal .dropdown .select-dropdown{
     background-color: #fff;
     border: none;
     border-radius: 8px !important;
     width: 100%;
     position: relative;
     height: 51px;
     padding: 16px 32px;
 }
 
 #filtro_listado_modal .dropdown .select-dropdown .txt-select{
     color: var(--var-color-texto, #282931);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-transform: uppercase;
 }
 
 #filtro_listado_modal .dropdown .select-dropdown .glyphicon{
     right: 32px;
     top: 50%;
     transform: translate(0, -50%);
 }
 
 #filtro_listado_modal .btn-limpiar-filtros {
     background-color: #fff;
     color: #000;
     font-size: 20px;
     border: none;
     border-radius: 8px;
     width: 100%;
     position: relative;
     display: flex;
     flex-direction: row;
     gap: 10px;
     padding: 18px 12px;
     line-height: normal !important;
 }
 
 #filtro_listado_modal .container-borrar-filtros{
     display: flex;
     gap: 12px;
     justify-content: flex-end;
     margin-top: 20px;
 }
 
 #filtro_listado_modal .container-borrar-filtros .num-filtros{
     color: var(--var-verde-claro, #9DC4BC);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-transform: uppercase;
 }
 
 #filtro_listado_modal .container-borrar-filtros a{
     color: var(--Black-500, #2E2E2E);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-decoration: underline !important;
     text-transform: uppercase;
 }
 
 
 #listado_seo_optimizado .container {
    padding-top: 0px;
 }
 
 #listado_seo_optimizado .subtitle,
 #listado_seo_optimizado .stock-total{
     color: var(--var-color-texto);
 }
 
 #listado_seo_optimizado .container-orden{
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 30px;
 }
 
 #listado_seo_optimizado .orden .select-dropdown {
     padding-top: 0;
     border-radius: 8px !important;
     background: #FFF;
     padding: 16px 32px;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     display: flex;
     align-items: center;
     gap: 64px;
     text-transform: uppercase;
 }
 
 #listado_seo_optimizado .orden .select-dropdown .glyphicon{
     right: 32px;
     top: 50%;
     transform: translate(0, -50%);
 }
 
 #listado_seo_optimizado .orden .dropdown-menu{
     background: white;
 }
 
 @media(max-width:991px){
     #listado_seo_optimizado .container-orden{
         flex-wrap: wrap;
         justify-content: flex-start;
     }
 }
 
 #card19 .card_19 {
     background: transparent;
     padding: 5px;
 }
 
 
 #dos_imagenes_texto1 .container-img-textos.container-img-texto-2.col-xs-12.col-md-6:nth-child(2){
     background-position: center;
     background-size: cover;
 }
 #dos_imagenes_texto1 .container-imgs{
     justify-content: space-between;
         display: flex;
         padding: 64px 40px;
         align-items: flex-start;
         gap: 40px;
 }
 #dos_imagenes_texto1 .container-img-texto-1{
     background-color: var(--var-color-texto, #282931);
     background-size: contain;
     background-position: left;
     background-repeat: no-repeat;
     display: flex;
     border-radius: 15px;
     width: 100%;
 }
 #dos_imagenes_texto1 .container-img-texto-2{
     background-repeat: no-repeat;
     display: flex;
     border-radius: 15px;
 } 
 #dos_imagenes_texto1 .container-img-texto-1 .container-textos{
     display: flex;
     max-width: 408px;
     width: 100%;
     flex-direction: column;
     align-items: flex-start;
     gap: 24px;
     flex-shrink: 0;
     margin-left:640px;
 }
 #dos_imagenes_texto1 .container-img-texto-2 .container-textos{
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: center;
     gap: 24px;
 }
 #dos_imagenes_texto1 .container-textos h2{
     color: white;
     font-size: 36px;
     font-style: normal;
     font-weight: 800;
     line-height: 46px;
 }
 #dos_imagenes_texto1 .container-textos h3{
     color: white;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }
 #dos_imagenes_texto1 button{
     display: flex;
     padding: 16px 24px;
     justify-content: center;
     align-items: center;
     gap: 8px;
     border-radius: 99px;
     border: 1px solid var(--White, #FFF);
     background-color: transparent;
     color: white;
 }
 
 
 
 #servicio4.servicio-listado .container{
     max-width: 1470px;
 }
 #servicio4.servicio-listado .servicio{
     background-image: url("/img/yomovomotos/listado-servicio4.png");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }
 #servicio4.servicio-listado .card_servicio,
 #servicio4.servicio_16 .card_servicio,
 #servicio4.servicio_26 .card_servicio,
 #servicio4.servicio_25 .card_servicio{
     border: none;
     background-color: transparent;
     padding: 0px;
 }
 #servicio4.servicio-listado .conjunto-tarjetas {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     gap: 150px;
 }
 #servicio4.servicio-listado .card_servicio .iconos,
 #servicio4.servicio_16 .card_servicio .iconos,
 #servicio4.servicio_26 .card_servicio .iconos,
 #servicio4.servicio_25 .card_servicio .iconos{
     background-color: #282931;
     display: flex;
     padding: 30px 50px;
     flex-direction: column;
     align-items: center;
     border-radius: 8px;
     flex-shrink: 0;
 }
 #servicio4.servicio-listado .titulo_card{
     color: black;
 }
 
 #servicio4.servicio-listado .titulo-subtitulo{
     display: flex;
     flex-direction: column;
     gap: 23px;
     width: 95ch;
 }
 
 @media(max-width: 1499px){
     #titulo3 .container-txt{
         gap: 0px;
         padding-top: 0;
     }
     #titulo3 .titulo {
         font-size: 36px;
         line-height: 56px;
     }
     #titulo3 .subtitulo {
         font-size: 20px;
         width: 100%;
     }
 
     /* #filtro_listado_modal .container {
         padding-top: 80px;
         padding-bottom: 80px;
     } */
 
     #filtro_listado_modal .dropdown .select-dropdown .txt-select {
         text-align: start;
     }
 
     #dos_imagenes_texto1 .container-img-texto-1 .container-textos{
         margin-left: 0px;
     }
     
 
     #servicio4.servicio-listado .titulo-subtitulo,
     #servicio4.servicio_16 .titulo-subtitulo,
     #servicio4.servicio_26 .titulo-subtitulo,
     #servicio4.servicio_25 .titulo-subtitulo {
         min-width: auto;
         width: 100%;
         padding: 0px 15px;
         margin-left: 0px;
     }
     #servicio4.servicio-listado .conjunto-tarjetas{
         gap: 0px;
         width: auto;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: flex-start;
         align-items: center;
     }
     #servicio4.servicio-listado .card_servicio .row,
     #servicio4.servicio_16 .card_servicio .row,
     #servicio4.servicio_26 .card_servicio .row,
     #servicio4.servicio_25 .card_servicio .row {
         display: flex;
         flex-direction: row;
         padding: 0px 20px;
         width: auto;
     }
 }
 
 @media (min-width:992px) and (max-width:1299px){
     #filtro_listado_modal .dropdown .select-dropdown{
         padding: 16px;
     }
 
     #filtro_listado_modal .dropdown .select-dropdown .glyphicon{
         right: 16px
     }
 }
 
 @media(max-width:991px){
     #filtro_listado_modal .container{
         padding-top: 32px;
         padding-bottom: 32px;
     }
 
     #filtro_listado_modal form.form-dk{
         display: flex;
         flex-direction: column;
     }
 
     #filtro_listado_modal .filtros{
         flex-direction: column;
     }
 
     #filtro_listado_modal .botones{
         gap: 16px;
     }
 
     #filtro_listado_modal .btn-mas-filtros{
         width: 100%;
     }
 
     #filtro_listado_modal .btn-buscar{
         padding: 14px 13px;
     }
 
     #filtro_listado_modal .mas-filtros-open{
        display: flex;
     }
 }
 
 @media(max-width:773px){
     #dos_imagenes_texto1 .container-img-texto-1 {
         background-position: top;
         border-radius: 15px;
         width: 100%;
         height: 550px;
     }
     #dos_imagenes_texto1 .container-imgs {
         justify-content: space-between;
         display: flex;
         padding: 0px;
         align-items: flex-start;
         flex-wrap: wrap;
         gap: 40px;
         padding-bottom: 32px;
     }
     #dos_imagenes_texto1 .container-textos h2{
         font-size: 24px;
     }
     
     #dos_imagenes_texto1 .container-img-texto-1 .container-textos {
         margin-left: 0px;
         width: auto;
         top: 270px;
         padding-right: 10px;
         gap: 20px;
     }
     #dos_imagenes_texto1 .container-img-texto-2 .container-textos {
         max-width: 100%; 
         width: auto;
         padding-right: 10px;
         top: 100px;
     }
     #dos_imagenes_texto1 .container-textos h3 {
         letter-spacing: 0px;
         font-size: 16px;
     }
     #dos_imagenes_texto1 .container-textos{
         left: auto;
     }
 
 
     #servicio4.servicio-listado .tarjetas,
     #servicio4.servicio_16 .tarjetas,
     #servicio4.servicio_26 .tarjetas,
     #servicio4.servicio_25 .tarjetas {
         align-items: flex-start;
         min-width: auto;
         width: 100%;
         padding: 10px;
     }
     
     #servicio4.servicio-listado .card_servicio .iconos,
     #servicio4.servicio_16 .card_servicio .iconos,
     #servicio4.servicio_26 .card_servicio .iconos,
     #servicio4.servicio_25 .card_servicio .iconos{
         align-items: center;
         display: flex;
         padding: 20px 20px;
         flex-shrink: none;
     }
     
     #servicio4.servicio-listado .texto,
     #servicio4.servicio_16 .texto,
     #servicio4.servicio_26 .texto,
     #servicio4.servicio_25 .texto{
         width: 5px;
     }
     #servicio4.servicio-listado .titulo_card {
         color: black;
         max-width: 100%;
         width: 100%;
         min-width: 200px;
     }
     
 
 }
 
 
 
 
 /* CITA TALLER */
 
 
 #titulo2.titulo_23.asp_7{
     background-image: url("/img/yomovomotos/cita-taller.jpg"); 
     background-position: top;
     height: 300px;
  }
 
 
 
 #formulario2.formulario_23 {
     background-image: url("/img/yomovomotos/cita-taller-formulario1.jpg");
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
 }
 #formulario2.formulario_23 .texto{
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: flex-end;
     padding-bottom: 20px;
     flex-wrap: wrap;
 }

 #imagen-texto.imagen-texto_23.asp_17{
    display: none;
 }
 
 .imagen-texto.imagen-texto_23 .container-texto{
     padding: 69px;
     background: var(--var-color-light-grey);
     align-items: flex-start;
     display: flex;
     flex-direction: column;
     justify-content: center;
     margin-left: 0px;
 }
 .imagen-texto.imagen-texto_23{
     /* background-image: url(/img/yomovomotos/cita-taller-formulario1.jpg); */
     background: linear-gradient(0deg, rgba(157, 196, 188, 0.80) 0%, rgba(157, 196, 188, 0.80) 100%);
     display: flex;
     padding: 96px 20px;
     flex-direction: column;
     gap: 24px;
     background-position: center; 
     background-size: cover;
     background-repeat: no-repeat;
 }
 .imagen-texto.imagen-texto_23 .container-img .img-original{
     border-radius: 0px;
 }
 .imagen-texto.imagen-texto_23 .col-md-7.container-img{
     background: var(--var-color-light-grey);
     padding-left: 0px;
     display: flex;
     width: auto;
     border-radius: 20px;
     justify-content: stretch;
     flex-wrap: wrap;
 }
 .imagen-texto.imagen-texto_23 button{
     display: flex;
     flex-direction: row;
     border: none;
     border-left: 4px solid #007d31;
     justify-content: space-between;
     align-items: center;
     padding: 10px;
     gap: 20px;
     background: transparent;
 }
 .imagen-texto.imagen-texto_23 button img{
     width: auto;
 }
 .imagen-texto.imagen-texto_23 button p{
     color: var(--Black, #282931);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-transform: uppercase;
     margin: 0px;
 }
 
 
 #dos_imagenes_texto1.dos_imagenes_texto_23 .container{
     display: flex;
     flex-direction: column;
     align-self: stretch;
     padding: 40px 40px 20px 40px;
     align-items: flex-start;
     text-align: start;
 }
 #dos_imagenes_texto1.dos_imagenes_texto_23 .container-boton{
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     gap: 500px;
 }
 #dos_imagenes_texto1.dos_imagenes_texto_23 h1{
     font-family: Barlow;
     font-size: 48px;
     font-style: normal;
     font-weight: 800;
     line-height: 60px;
 }
 #dos_imagenes_texto1.dos_imagenes_texto_23 .subtituloForm{
     font-family: Barlow;
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }
 #dos_imagenes_texto1.dos_imagenes_texto_23 .container-boton button{
     display: flex;
     flex-direction: row;
     border: none;
     border-left: 4px solid #007d31;
     justify-content: space-between;
     align-items: center;
     padding: 10px;
     gap: 20px;
     background: transparent;
     border-radius: 0px;
 }
 #dos_imagenes_texto1.dos_imagenes_texto_23 .container-boton button img{
     width: auto;
 }
 #dos_imagenes_texto1.dos_imagenes_texto_23 .container-boton button p{
     color: var(--Black, #282931);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     text-transform: uppercase;
     margin: 0px;
 }
 
 
 #servicio4.servicio_23 .titulo{
     text-align: center;
 }
 #servicio4.servicio_23 .tarjetas{
     max-width: 100%;
     justify-content: center;
 }
 #servicio4.servicio_23 .card_servicio{
     padding: 32px;
     width: -webkit-fill-available;
 }
 #servicio4.servicio_23 .tarjetas summary{
     list-style: none;
     display: flex;
     flex-direction: row-reverse;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
 }
 #servicio4.servicio_23 .tarjetas summary::before{
     content: "+";
     font-size: 1.5em;
     margin-right: 10px;
     color: var(--Green-Blue, #9DC4BC);
 }
 #servicio4.servicio_23 .tarjetas details[open] summary::before {
     content: "-";
     color: var(--Green-Blue, #9DC4BC);
 }
 #servicio4.servicio_23 .tarjetas h3{
     color: var(--Green-Blue, #9DC4BC);
     font-family: Barlow;
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin: 0px;
     
 }
 #servicio4.servicio_23 .tarjetas p{
     color: var(--Green-Blue, #9DC4BC);
     font-family: Barlow;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }
 #servicio4.servicio_23 .titulo-subtitulo{
     align-items: center;
     width: 100%;
 }
 
 @media(max-width:1199px){
     .imagen-texto.imagen-texto_23{
         padding: 30px 5px;
     }
     .imagen-texto.imagen-texto_23 .container-texto {
         padding: 20px;
         width: auto;
         margin: 0px;
     }
     .imagen-texto.imagen-texto_23 .col-md-7.container-img{
         display: flex;
         flex-direction: column-reverse;
         padding: 0px;
     }
     .imagen-texto.imagen-texto_23 .container-img .img-original{
         display: none;
     }
     .imagen-texto.imagen-texto_23 .container-img .img-responsive{
         background-image: url(/img/yomovomotos/cita-taller-imagentexto-responsive.png);
         display: flex;
     }
 
     #dos_imagenes_texto1.dos_imagenes_texto_23 .container-boton {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         gap: 50px;
         flex-wrap: wrap;
         width: auto;
     }
     #dos_imagenes_texto1.dos_imagenes_texto_23 .container {
         display: flex;
         flex-direction: column;
         align-self: stretch;
         padding: 0px;
         align-items: flex-start;
         text-align: start;
         padding-left: var(--padding-container);
         padding-right: var(--padding-container);
         padding-top: 20px;
         padding-bottom: 20px;
     }
 }
 
 @media(min-width:1199px){
     .imagen-texto.imagen-texto_23 .container-img .img-responsive{
         display: none;
     }
 }
 
 
 #titulo2.titulo_11.asp_7{
     background-image: url("/img/yomovomotos/contacto-titulo2.jpg"); 
 }
 
 #formulario2 .enviar{
     border-radius: 50px;
 }

/* popup */
 
#popup1 .img-popup{
    width:100%;
}

#listado_promos_gama .backImg .img-promo {
    display: none;
}
@media(max-width: 1919px) {
    #listado_promos_gama .container-texto {
        max-width: 660px;
    }
}
@media(max-width: 1680px) {
    #listado_promos_gama .promocion_destacada .backImg {
        padding: 100px 60px;
    }
}
@media(max-width: 1600px) {
    #listado_promos_gama .container-texto {
        max-width: 575px;
    }
}
@media(max-width: 1600px) {
    #listado_promos_gama .container-texto {
        max-width: 575px;
    }
}
@media(max-width: 1440px) {
    #listado_promos_gama .container-texto {
        max-width: 515px;
    }
}
@media(max-width: 1310px) {
    #listado_promos_gama .container-texto {
        max-width: 455px;
    }
}
@media(max-width: 1199px) {
    #listado_promos_gama .backImg,
    #listado_promos_gama .promocion_destacada .backImg{
        background: var(--var-color-texto, #282931) !important;
        height: fit-content;
    }

    #listado_promos_gama .container-promociones :nth-child(even) .backImg::before{
        display: none;
    }

    #listado_promos_gama .backImg .img-promo {
        display: block;
    }

    /* #listado_promos_gama .container-promociones .backImg .img-promo {
        display: none;
    } */
    #listado_promos_gama .container-texto {
        max-width: 100%;
        position: static;
        width: 100%;
    }
    #listado_promos_gama .backImg,
    #listado_promos_gama .promocion_destacada .backImg{
        padding: 20px 20px;
        display: flex;
        gap: 15px;
    }
    #listado_promos_gama .backImg > * {
        width: 50% !important;
    }
    #listado_promos_gama .backImg {
        flex-direction: unset;
    }
}

@media(max-width: 767px) {
    #listado_promos_gama .backImg {
        flex-wrap: wrap;
        justify-content: start;
    }
    #listado_promos_gama .backImg > * {
        width: 100% !important;
    }
}
#titulo3 .subtitulo.eyebrow {
    margin-bottom: -10px;
}
#listado_seo_optimizado .microcopy {
    text-align: center;
    font-size: 23px;
    margin-bottom: 40px;
    padding-top: 30px;
}
#listado_seo_optimizado .value-process {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 3rem 0;
}
#listado_seo_optimizado .value-process .col-md-6 {
    margin: auto;
}
#listado_seo_optimizado .value-process h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #007d31;
    font-weight: 600;
    text-align: center;
}
#listado_seo_optimizado .value-process ul,
#listado_seo_optimizado .value-process ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
#listado_seo_optimizado .value-process .icon-bullets li,
#listado_seo_optimizado .value-process .steps li {
    position: relative;
    width: fit-content;
    margin: auto auto 0.8rem;
    padding-left: 2rem;
    font-size: 1.35rem;
    line-height: 1.5;
}
/* Icono verde para ul */
#listado_seo_optimizado .value-process .icon-bullets li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #007d31;
    font-weight: bold;
}
/* Numeración destacada para ol */
#listado_seo_optimizado .value-process .steps li {
    counter-increment: step-counter;
}
#listado_seo_optimizado .value-process .steps li::before {
    content: counter(step-counter);
    position: absolute;
    left: 0;
    top: 6px;
    background: #007d31;
    color: #fff;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: bold;
}
#listado_seo_optimizado .value-process::before, #listado_seo_optimizado .value-process::after {
    content: unset;
}

/* Responsive */
@media (max-width: 768px) {
    #listado_seo_optimizado .value-process {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}
  
.faq {
    max-width: 1200px;
    margin: 3rem auto;
    padding: 0 1rem;
}
.faq h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    color: #007d31;
    font-weight: 600;
    text-align: center;
}
/* Estilo general de cada bloque */
.faq details {
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.8rem 1rem;
    background: #fafafa;
    transition: all 0.3s ease;
}
.faq details[open] {
    border-color: #007d31;
    background: #f4fff8;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
/* Estilo del título (summary) */
.faq summary {
    font-weight: 600;
    font-size: 1.1rem;
    cursor: pointer;
    position: relative;
    list-style: none;
}
.faq summary::marker {
    display: none; /* Ocultar flecha por defecto */
}
/* Flechita personalizada */
.faq summary::after {
    content: "▸";
    font-size: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 0.3s ease;
    color: #007d31;
}
.faq details[open] summary::after {
    transform: rotate(90deg);
}
/* Texto de la respuesta */
.faq p {
    margin: 0.8rem 0 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #444;
}

#enlaces_seo1 h2.titulo {
    text-align: center;
}
#enlaces_seo1 {
    background-color: #F4F4F4;
}
#enlaces_seo1 .contenedor-secciones .contenedor-tipo-enlaces .contenedor-titulos .titulo {
    font-size: 2rem;
    color: #007d31;
    font-weight: 600;
    text-align: center;
}
#enlaces_seo1 .contenedor-secciones {
    grid-template-columns: repeat(3, 1fr);
}
#enlaces_seo1 .contenedor-secciones .contenedor-tipo-enlaces .contenedor-titulos .subtitulo {
    font-size: 1.35rem;
    line-height: 1.5;
    font-weight: 500;
}
#enlaces_seo1 .contenedor-secciones .contenedor-tipo-enlaces .contenedor-enlaces a {
    background-color: #007d31;
    color: white;
    transition-duration: 0.3s;
}
@media(max-width: 767px) {
    #enlaces_seo1 .contenedor-secciones {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 500px) {
    #enlaces_seo1 .contenedor-secciones {
        grid-template-columns: repeat(1, 1fr);
    }
}
#breadcrumbs1 {
    margin: 0;
    padding: 10px 0;
    background-color: #F4F4F4;
}
#breadcrumbs1 a {
    color: black;
    font-size: 18px;
}

#hero1_gama a.btn-coches {
    height: fit-content;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 16px 24px;
    border-radius: 50px;
    text-transform: uppercase;
    color: #fff;
    background-color: #007d31;
    transition-duration: 0.3s;
    border: 1px solid #007d31;
    display: block;
    width: fit-content;
}
#hero1_gama a.btn-coches:hover {
    background-color: var(--var-verde-claro);
    color: var(--var-verde);
}

html {
    scroll-behavior: smooth;
}
#ofertas1_gama .microcopy {
    margin: 0;
    font-family: Barlow !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
@media (max-width: 1489px) {
    #menu17 .boton-menu {
        gap: 5px;
        padding: 5px;
        font-size: 15px;
    }
    #menu17 .boton {
        padding: 10px 15px;
        font-size: 15px;
    }
    #menu17 .container-enlaces .menu {
        padding-left: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1340px) {
    #menu17 .container-enlaces .menu {
        padding-left: 0;
    }
    #menu17 .container-enlaces .menu:last-of-type {
        padding-left: 10px;
    }
}
@media (max-width: 1035px) {
    #menu17 .boton-menu, #menu17 .boton {
        font-size: 14px;
    }
}
#detalle_barra1 .container-fluid {
    background-color: var(--var-color-light-grey);
    padding-top: 30px;
}

#submenu_gama1 .enlace-home-movil {
    display: block;
    margin: auto;
}

#modelos1_gama .container-etiqueta {
    display: none;
    gap: 10px;
}
#modelos1_gama .swiper-slide-active .container-etiqueta {
    display: flex;
}
#modelos1_gama .container-etiqueta img.etiqueta-ambiental {
    border-radius: 50%;
}
#ofertas1_gama .container-ctas {
    display: flex;
    gap: 10px;
}
#ofertas1_gama .container-ctas a {
    background-color: green;
    color: white;
    border-radius: 100px;
    font-size: 20px;
    margin-top: 20px;
    padding: 10px 30px;
    display: block;
    transition-duration: 0.3s;
}
#ofertas1_gama .container-ctas a.btn-nuevo {
    background-color: var(--var-verde);
}
#ofertas1_gama .container-ctas a.btn-km0 {
    background-color: var(--var-verde-claro);
    color: green;
}
#ofertas1_gama .container-ctas a.btn-ocasion {
    background-color: var(--var-verde-secundario);
}
#ofertas1_gama .container-ctas a.btn-nuevo:hover {
    background-color: var(--var-verde-secundario);
}
#ofertas1_gama .container-ctas a.btn-km0:hover {
    background-color: var(--var-verde);
    color: white;
}
#ofertas1_gama .container-ctas a.btn-ocasion:hover {
    background-color: var(--var-verde-claro);
    color: green;
}
@media(max-width: 1050px) {
    #ofertas1_gama .container-ctas a {
        font-size: 16px;
        margin-top: 20px;
        padding: 5px 15px;
    }
}
@media(max-width: 768px) {
    #ofertas1_gama .container-ctas {
        display: block;
    }
}

.container-filtros-BF {
    display: flex;
    gap: 32px;
    padding-top: 32px;
    justify-content: center;
    background-color: #F4F4F4 !important;
    margin-top: 29px !important;
    margin-bottom: -70px;
    position: relative;
    z-index: 1;
}
.container-filtros-BF .btn-buscar {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border: none;
    border-radius: 8px;
    transition-duration: 0.3s;
    background-color: var(--var-verde-claro);
    color: var(--var-verde);
    width: 100%;
    max-width: 175px;
    white-space: wrap;
    padding: 12px 24px;
}
.container-filtros-BF .btn-buscar:hover,
.container-filtros-BF .btn-buscar.btn-activo {
    background-color: var(--var-verde);
    color: white;
}
@media (max-width: 1499px) {
    .container-filtros-BF {
        margin-bottom: 0;
    }
}
@media (max-width: 499px) {
    .container-filtros-BF {
        gap: 12px;
        padding: 32px 15px 0;
    }
    .container-filtros-BF .btn-buscar {
        padding: 12px 16px;
    }
}


#listado1 .container {
    padding-top: 0px;
 }
 
 #listado1 .subtitle,
 #listado1 .stock-total{
     color: var(--var-color-texto);
 }
 
 #listado1 .container-orden{
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 30px;
 }
 
 #listado1 .orden .select-dropdown {
     padding-top: 0;
     border-radius: 8px !important;
     background: #FFF;
     padding: 16px 32px;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     display: flex;
     align-items: center;
     gap: 64px;
     text-transform: uppercase;
     color: var(--color-primario);
 }
 
 #listado1 .orden .select-dropdown .glyphicon{
     right: 32px;
     top: 50%;
     transform: translate(0, -50%);
 }
 
 #listado1 .orden .dropdown-menu{
     background: white;
 }
 
 @media(max-width:991px){
     #listado1 .container-orden{
         flex-wrap: wrap;
         justify-content: flex-start;
     }
 }

 #listado1 .microcopy {
    text-align: center;
    font-size: 23px;
    margin-bottom: 40px;
    padding-top: 30px;
}
#listado1 .value-process {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 3rem 0;
}
#listado1 .value-process .col-md-6 {
    margin: auto;
}
#listado1 .value-process h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #007d31;
    font-weight: 600;
    text-align: center;
}
#listado1 .value-process ul,
#listado1 .value-process ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
#listado1 .value-process .icon-bullets li,
#listado1 .value-process .steps li {
    position: relative;
    width: fit-content;
    margin: auto auto 0.8rem;
    padding-left: 2rem;
    font-size: 1.35rem;
    line-height: 1.5;
}
/* Icono verde para ul */
#listado1 .value-process .icon-bullets li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #007d31;
    font-weight: bold;
}
/* Numeración destacada para ol */
#listado1 .value-process .steps li {
    counter-increment: step-counter;
}
#listado1 .value-process .steps li::before {
    content: counter(step-counter);
    position: absolute;
    left: 0;
    top: 6px;
    background: #007d31;
    color: #fff;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: bold;
}
#listado1 .value-process::before, #listado1 .value-process::after {
    content: unset;
}

/* Responsive */
@media (max-width: 768px) {
    #listado1 .value-process {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

/* css de iframe en texto1 */

.qd-mobile-actions {
    position: fixed;
    right: 16px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 24px);
    z-index: 140;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.qd-mobile-actions[hidden] {
    display: none;
}

.qd-mobile-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
    -webkit-font-smoothing: antialiased;
}

.qd-mobile-action-btn:active {
    transform: scale(.96);
}

.qd-mobile-action-btn svg {
    width: 24px;
    height: 24px;
    display: block;
    pointer-events: none;
    shape-rendering: geometricPrecision;
    vector-effect: non-scaling-stroke;
}

.qd-mobile-action-btn--interest {
    width: 56px;
    height: 56px;
    border: none;
    background: #0a8f3c;
    color: #fff;
    box-shadow: 0 12px 24px rgba(10,143,60,.32);
}

.qd-mobile-action-btn--config {
    width: 48px;
    height: 48px;
    border: 2px solid #0a8f3c;
    background: #fff;
    color: #0a8f3c;
    box-shadow: 0 8px 18px rgba(17,24,39,.18);
}

.qd-mobile-compare-bar {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 20px);
    z-index: 141;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(229,231,235,.95);
    box-shadow: 0 16px 32px rgba(17,24,39,.18);
    backdrop-filter: blur(12px);
}

.qd-mobile-compare-bar[hidden] {
    display: none;
}

.qd-mobile-compare-copy {
    min-width: 0;
    flex: 1;
}

.qd-mobile-compare-kicker {
    margin-bottom: 2px;
    color: #0a8f3c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.qd-mobile-compare-summary {
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qd-mobile-compare-btn {
    min-height: 44px;
    padding: 0 16px;
    border: none;
    border-radius: 9999px;
    background: #0a8f3c;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 10px 20px rgba(10,143,60,.24);
}

.qd-mobile-compare-btn[disabled] {
    background: #d1d5db;
    color: #6b7280;
    box-shadow: none;
}








/**** Menu ****/

#barra5{
    display: none;
}

#menu17.menu-color,
#menu17{
    background-color: var(--color-primario);
}
#menu17 .container .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
}

/*****
**** Footer *****/
/* CSS General */

#footer10{
    padding: 0;
}
#footer10 .container::before,
#footer10 .container::after{
    display: none;
}
footer{
    background-color: var(--color-primario);
}

footer .container{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

footer .container-info{
    display: flex;
    flex-direction: column;
    gap: 16px;
    grid-column: span 3 / span 3;
}

footer .container-servicios{
    grid-column: span 2 / span 2;
    grid-row-start: 2;
}

footer .container-top-modelos{
    grid-column-start: 3;
    grid-row-start: 2;
}

footer .container-marcas{
    grid-column: span 3 / span 3;
    grid-row-start: 3;
}

footer .container-rrss-icono{
    display: flex;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid var(--color-secundario);
    padding-bottom: 16px;
}


footer .container-logo-rrss{
    display: flex;
    align-items: center;
    gap: 32px;
    margin: 40px 0 0;
}

footer .container-logo-rrss .logo img{
    max-width: 130px;
}

footer .container-logo-rrss .container-rrss{
    display: flex;
    align-items: center;
    gap: 16px;
}

footer .container-logo-rrss .container-rrss a{
    border: 2px solid var(--color-secundario);
    padding: 6px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .container-logo-rrss .container-rrss a:hover{
   background-color: var(--color-secundario);
}

footer .container-logo-rrss .container-rrss a:hover svg path{
   fill: var(--color-blanco);
}

footer .container-info .container-links{
    display: flex;
    align-items: center;
    gap: 32px;
}

footer .titulo-footer{
    color: var(--color-secundario);
    border-bottom: 1px solid var(--color-secundario);
    padding-bottom: 14px;
    margin-bottom: 14px;
    white-space: nowrap;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 131.25% */
    letter-spacing: 0.8px;
}

footer ul{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin: 0;
    appearance: none;
    list-style: none;
}

footer .texto-link{
    font-size: 14px;
}

footer .container-marcas .marcas{
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

footer .img-footer-bottom{
    display: flex;
    margin-left: auto;
}

footer .img-footer-bottom-desktop,
footer .img-footer-top-desktop{
    display: none;
}

.barra-copyright{
    background-color: var(--color-primario);
    padding: 16px 0;
    border-top: 1px solid var(--color-secundario);
}

.barra-copyright .container{
    display: flex;
    justify-content: space-between;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}

.barra-copyright .secciones{
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
}

.barra-copyright .copyright,
.barra-copyright .secciones .link-legal{
   color: var(--color-blanco);
   font-size: 12px;
   background-color: transparent;
}

.barra-copyright .secciones .link-legal:hover{
    color: var(--color-secundario);
}

.barra-copyright .textoMaasVallescar {
    color: var(--color-blanco);
    text-align: center;
}
.barra-copyright .textoMaasVallescar .text {
    width: 100%;
    font-size: 16px;
}


/* A partir de 1200px */
@media screen and (min-width: 1200px) {
    footer .container{
        grid-template-columns: repeat(2, 1fr);
    }

    footer .container-servicios,
    footer .container-top-modelos,
    footer .container-marcas{
        grid-column: auto;
        grid-row-start: auto;
    }

    footer .titulo-footer{
        font-size: 18px;
        line-height: normal;
        letter-spacing: 0.9px;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    footer ul{
        gap: 16px;
    }

}

/* A partir de 1400px */
@media screen and (min-width: 1400px) {
    footer .container {
        grid-template-columns: .5fr .5fr .5fr 2fr;
        gap: 48px;
    }

    footer .container-info{
        grid-column: auto;
        align-items: center;
        justify-content: space-between;
    }
    
    footer .container-logo-rrss{
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
    }

    footer .container-logo-rrss .logo{
        width: 100%;
    }

    footer .container-logo-rrss .logo img{
        max-width: 100%;
        width: 100%;
    }

    footer .container-logo-rrss .container-rrss a{
        width: 40px;
        height: 40px;
    }

    footer .container-info .container-links{
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    footer .container-marcas .marcas{
        grid-template-columns: repeat(3, 1fr);
    }

    footer .texto-link{
        font-size: 16px;
    }

    footer .container-servicios,
    footer .container-top-modelos,
    footer .container-marcas{
        padding: 70px 0;
    }

    footer .img-footer-bottom,
    footer .img-footer-top{
        display: none;
    }

    footer .img-footer-bottom-desktop,
    footer .img-footer-top-desktop{
        display: block;
    }
}

/*****
**** Fin Footer *****/


/* calculadora financiera */

#calculadora_financiera7 .nav{
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 12px;
    align-self: stretch;
    background-color: var(--color-primario);
    color: var(--color-blanco);
    border-radius: 16px 16px 0 0;
}
#calculadora_financiera7 .tab-content{
    background-color: var(--color-gris);
    border-radius: 0 0 16px 16px;
}
#calculadora_financiera7 .nav .container-precio{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.50);
    padding-bottom: 8px;
}
#calculadora_financiera7 .texto-xs{
    color: var(--color-blanco);
}
#calculadora_financiera7 .form-control,
#calcModalContactar .form-control{
    width: 100% !important;
    padding: 14px 20px;
    border-radius: 60px !important;
    border: 1.5px solid #E3E3E3;
    background: var(--color-gris2);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    color: var(--color-primario);
}
#calculadora_financiera7 a,
#calcModalContactar a {
    color: var(--color-secundario);
    text-decoration: underline;
}
#calculadora_financiera7 .botones-contacto,
#calcModalContactar .modal-footer {
    display: flex;
    gap: 12px;
}
#calculadora_financiera7 .boton-llamar {
    width: 52px;
    padding: 14px;
}
#calculadora_financiera7 .boton-me-interesa {
    width: 100%;
    flex: 1;
}
#calculadora_financiera7 .boton {
    min-width: fit-content !important;
}

#calculadora_financiera7 .recaptcha_bronding{
    padding: 15px;
    font-size: 15px;
}

@media (min-width: 992px) and (max-width: 1544px) {
    #calculadora_financiera7 .contForm {
        position: fixed;
        width: 30%;
        max-width: 550px;
        right: calc(((100% - 100%) / 2) + 40px);
        top: 135px;
        z-index: 100;
        background: #ffffff00;
    }
}

/* card */

#card19 .card_19:hover {
    border-color: var(--color-secundario);
}
#card19 .card_19 {
    display: flex;
    flex-direction: column;
    background-color: var(--color-gris);
    border: none;
    padding: 0px;
    border: 1px solid transparent;
    border-radius: 16px;
    height: 100%;
    cursor: pointer;
}
#card19 .cont_imagen{
    border-radius: 16px 16px 0 0;
}
#card19 .card_19 .container-info{
    padding: 8px 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--color-primario) !important;
}
#card19 .card_19 .container-info .container-info{
    padding: 0;
}
#card19 .colSpecs .tag-spec{
    color: var(--color-primario);
}

#card19 .card_19 .container-info .box-title{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#card19 .card_19 .container-info .cont_enlace p{
    color: var(--color-secundario);
    width: fit-content;
    padding: 0;
    margin: 0;
}
#card19 .card_19 .container-info .cont_enlace p:hover{
    border-bottom: 1px solid var(--color-secundario);
}
#card19 .colSpecs img{
    height: 16px;
}
#card19 .card_19 .contactar-card{
    margin: 0 20px 20px;
}

/* listado1 */

#listado1 .cont_titulo,
#card19 .cont_precio{
    padding: 0;
}
#listado1 .modal-content .modal-body .row{
    background-color: var(--White) !important;
}
#calcModalContactar .modal-title{
    color: var(--Black);
    font-weight: 700;
}
.respuestaMensaje{
    padding: 30px;
    text-align: center;
}

#texto1 .container{
    padding-top: 35px;
}

/* detalle_imagen1 */

#detalle_imagen1 .container-titulo .titulo{
    color: var(--color-primario);
    font-weight: 700;
}
#detalle_imagen1 .container-titulo .texto,
#detalle_imagen1 .container-titulo .container-precios .titulo{
    color: var(--White);
    font-weight: 700;
}
#detalle_imagen1 .container-fluid .container .swiper-slide::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    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;
    border-radius: 8px;
}