.button-dropdown.item-icon.search{
    display:none;
}
#header * {
    padding: 0; 
    margin: 0;
    --font-bold: 'smart-sans-bold';
    --font-regular: 'smart-sans-regular';
    --color-1: #000000; /* color hover */
    --color-2: #414141; /* color base */
    --color-3: #647072; /* Cotizar > | Personalizar > | Versiones >*/
    --color-4: #F1F1F1; /* linea que divide los botones de => Cotizar Personalizar Versiones */
    --color-5: #f4f4f4; /* background-color para el contenedor del menu en mobile */
    --color-6: #000; /* background-color para la cabecera del menu en mobile */
}
#header img{
    width:80%;
}

/* Header Transparent */
#main {
    margin-top: -80px;
}

#header.header-transparent,
body:has([data-header="header-transparent"]) > #header.transparent{
    background: transparent;
    box-shadow: none;
}

#header.header-transparent .header-desktop li.button-dropdown a.dropdown-toggle, 
#header.header-transparent .header-desktop li.button-dropdown a#CTA_select,
body:has([data-header="header-transparent"]) > #header.transparent .header-desktop li.button-dropdown a#CTA_select{
    color: var(--color-4);
}

#header.header-transparent .header-desktop ul.cont-links > li a.dropdown-toggle::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.31824 6.39825C1.76777 5.89097 2.52696 5.85934 3.01394 6.3276L10 13.045L16.9861 6.3276C17.473 5.85934 18.2322 5.89097 18.6818 6.39825C19.1313 6.90553 19.1009 7.69635 18.6139 8.1646L10.8139 15.6646C10.3543 16.1066 9.64574 16.1066 9.18606 15.6646L1.38607 8.1646C0.899085 7.69635 0.868717 6.90553 1.31824 6.39825Z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E");
}
/**/

#header a { text-decoration: none; float: none;}
#header .header-mobile { display: none; }
#header .icon {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    user-select: none;
}
/* Icons Header Desktop */
#header .header-desktop ul.cont-links > li a.dropdown-toggle::after {
    content: '';
    width: 20px;
    height: 20px;
    transition: .5s all ease;
    background-image: url("../../../imag/v1/icon/header/ic_dropdown.svg");
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    user-select: none;
}
#header .header-desktop li a.dropdown-toggle:hover::after,
#header .header-desktop li a.dropdown-toggle.active::after {
    filter: none;
    rotate: 180deg;
}
#header .header-desktop a.dropdown-toggle div.ic-search {
    background-image: url("../../../imag/v1/icon/header/ic_search.svg");
    width: 40px;
    height: 40px;
    filter:none;
} 
#header .header-desktop li.search #form_buscar .close {
    background-image: url("../../../imag/v1/icon/header/ic_close.svg");
    width: 20px;
    height: 20px;
    filter:none;
}
#header .header-desktop a.button div.ic-stroke {
    background-image: url("../../../imag/v1/icon/header/ic_stroke.svg");
    width: 16px;
    height: 16px;
    filter:none;
}

/* Header */
#header {
    background: #fff;
    height: 80px;
    width: 100%;
    transition: .3s all ease;
    z-index: 1989;
    /*position: relative;*/
    /*left: 0;*/
    /*right: 0;*/
    /*top: 0;*/
    position: sticky;
    top: 0;
    min-height:80px!important;
    box-shadow: 0px 4px 8px 0px #00000033;
}

/*  Contenedor header-desktop */
#header .header-desktop {
    display: block;
    height: 100%;
}

/* Contenedor header-container */
#header .header-desktop .header-container{
    display: flex;
    align-items: stretch;
    max-width: 1824px; /* ancho máximo segun el figma */
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 100px 0 100px;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 20%;
}
#header .header-desktop div.header-container div.cont-logo {
    display: flex;
    align-items: center;
}
#header .header-desktop div.header-container div.cont-logo figure img { width: 35%;min-width:170px; }
#header .header-desktop div.header-container nav.principal-menu {
    display: flex;
    align-items: center;
    gap: 32px;
    padding-right: 24px;
    max-width: fit-content;
    padding-left: 10px;
}

/* Contenedor principal-menu */
#header .header-desktop nav.principal-menu ul.cont-links {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 16px;
}
#header .header-desktop nav.nav.principal-menu > li {
    position: relative;
    list-style: none;
}

/* Contenedor cont-links */
#header .header-desktop ul.cont-links li.button-dropdown { 
    display: grid;
    place-content: center;
    height: 100%;
    list-style: none;
    position: relative;
    /*border-block: 4px solid transparent;*/
}
#header .header-desktop ul.cont-links li.links-nav  { padding: 28px 12px; }
#header .header-desktop ul.cont-links li.car-nav { position: initial;padding: 28px 12px; }
#header .header-desktop ul.cont-links li.button-dropdown.destacar{background:#000;}
#header .header-desktop ul.cont-links li.button-dropdown.destacar a { color: var(--color-2)!important; }
#header .header-desktop ul.cont-links li.button-dropdown.destacar .sel_men a { color: var(--color-3)!important; }
#header .header-desktop ul.cont-links li.button-dropdown.destacar .sel_men a:hover { color: var(--color-6)!important; }

/* Contenedor button-dropdown.car-nav */
#header .header-desktop li.button-dropdown a.dropdown-toggle,
#header .header-desktop li.button-dropdown a#CTA_select {
    font-family: var(--font-regular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 17px;
    color: var(--color-2);
    outline: none;
    padding: 0 19px 0 16px;
}
#header .header-desktop li.button-dropdown a.dropdown-toggle {
    transition: .3s all ease;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    width: max-content;
    min-height: 80px;
}
#header .header-desktop li.button-dropdown .dropdown-menu {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(100%);
    background-color: #F4F4F4;
    width: 100%;
    border-top: 4px solid #6773B7;
    display: none;
    box-shadow: 0 2px 10px 1px rgb(0 0 0 / 19%);
}
#header .header-desktop li.car-nav .dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    top: 80px;
    transform: initial;
    border: none;
    padding: 0;
    margin: 0;
    text-align: center;
    background-color: #f2f2f2;
    width: 100%;
    width: calc(100% + 2px);
    min-width: 100%;
    display: none;
    column-gap: 40px;
    /*height: 90vh; */
    max-height: 720px; 
    overflow-x: scroll;
    scroll-behavior: auto;
}

/*Contenedor de los tabs DESKTOP */
#header .nav li.car-nav .dropdown-menu .tab-btns {
    display: flex;
    justify-content: center;
    gap: 44px;
    height: 34px;
    /*max-width: 85%;*/
    margin: 32px auto 0;
}
#header .header-desktop div.tab-btns a.tab {
    font-family: var(--font-regular), sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-3);
    padding: 0 10px;
}
#header .header-desktop div.tab-btns a.tab.active,
#header .header-desktop div.tab-btns a.tab:hover { 
    color: var(--color-1);
    border-bottom: 4px solid;
}
#header .nav li.car-nav .dropdown-menu .grid-container .grid-item .info__contenido:hover .car-name {
    color: var(--color-1);
    }
#header .header-desktop div.tab-btns a.tab.active::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
}
#header .header-desktop div.tab-btns a.active::before,
#header .header-desktop div.tab-btns a.tab:hover::before { opacity: 1; }

/* Contenedor de los Modelos DESKTOP */
#header div.dropdown-menu ul.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(267px,1fr));
    max-width: 1495px;
    display: none;
    scrollbar-width: none;
    
}
#header div.dropdown-menu ul.grid-container.tab-content.active {
    visibility: visible;
    opacity: 1;
    height: auto;
    margin: auto;
    padding: 40px 0;
    /*max-height: 890px;*/
    overflow-y: scroll;
    display: grid;
    box-sizing: content-box;
}

/* Modelo */
#header .header-desktop ul.grid-container > li.grid-item {
    text-align: left;
    margin: 0 auto;
    max-width: 267px;
    width: 100%;
}
#header .header-desktop li.grid-item div.info__contenido { padding-top: 8px; }
#header .header-desktop div.info__contenido .icon_tag {
    display: flex;
    gap: 3px;
    margin-bottom: 16px;
    padding-left: 10px;
}
#header .header-desktop div.info__contenido figure.img-wrap { margin: 0 auto 16px; }
#header .header-desktop div.info__contenido div.cont-txt {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 8px;
}
#header .header-desktop div.cont-txt .brand {
    font-family: var(--font-regular);
    font-size: 0.75rem;
    line-height: 22px;
    color: var(--color-3);
    padding-bottom: 4px;
}
#header .header-desktop div.cont-txt h2.car-name {
    font-family: var(--font-bold);
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 4px;
    color: #414141;
    padding-bottom: 14px;
}
#header .nav li.car-nav .dropdown-menu .grid-container>li .cont-txt .car-name:hover { color: var(--color-1); }
#header .header-desktop div.cont-txt p.price {
    font-family: var(--font-regular), sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-3);
}
#header .header-desktop div.cont-txt p.cuota {
    font-family: var(--font-regular), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    padding-bottom: 15px;
}
#header .header-desktop div.cont-txt p.cuota b {
    font-family: var(--font-bold), sans-serif;
}
#header .header-desktop div.cont-txt div.cont-btn { 
    display: flex;
    flex-direction: row;
    height: 24px;
}
#header .header-desktop div.cont-btn a.button {
    font-family: var(--font-bold), sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-decoration:underline;
    line-height: 15px;
    color: var(--color-3);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 2px;
    transition: gap 1s;
    flex: 1 1 auto;
}
#header .header-desktop div.cont-btn a.button_blue {
 color:var(--color-6);
}
#header .header-desktop div.cont-btn a.button_blue .ic-gray {
}

#header .header-desktop div.cont-btn a.button:hover div.ic-stroke {
}
#header .header-desktop div.cont-btn a.button:last-child { border-right: none }
#header .header-desktop div.cont-btn a.button:nth-child(2),
#header .header-desktop div.cont-btn a.button:nth-child(3) { padding-left: 6px; }


#header .header-desktop li.button-dropdown:hover a.dropdown-toggle,
#header .header-desktop li.button-dropdown a.dropdown-toggle.active,
#header .header-desktop li.button-dropdown:hover a#CTA_select 
{ 
    font-family: var(--font-bold), sans-serif;
    
} 
#header .header-desktop li.button-dropdown:hover .dropdown-toggle::after 
{ 
}
/* div.dropdown-menu -> div.wrapper, cont-search, form_buscar */
#header .header-desktop div.dropdown-menu div.wrapper,
#header .header-desktop div.dropdown-menu div.cont-search { height: 100%; }
/* li.search -> div.dropdown */
#header .header-desktop li.item-icon.search div.dropdown-menu {
    position: absolute;
    left: 50px;
    bottom: auto;
    top: 50%;
    transform: translateX(-100%) translateY(-50%);
    width: 597px;
    background-color: #ffffff;
    border: none;
    display: none;
    height: 100%;
}
/* li.item-icon.search -> div.dropdown-menu -> form.form & input.serach-input */
#header .header-desktop li.item-icon.search div.dropdown-menu form.form {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-6);
    padding: 0 14px;
    height: 100%;
}
#header .header-desktop li.item-icon.search form.form input.search-input {
    font-family: var(--font-regular);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #414141;
    outline: #000000;
    border: none;
    padding: 0;
    transition: 0.5s all ease;
    min-height: 56px;
    background: none;
    width: 100%;
}
/* li.links-nav */
/* div.dropdown-menu -> ul.list */
#header .header-desktop div.dropdown-menu ul.list { 
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px 8px;
}
/* ul.list -> li.sel_men */
#header .header-desktop ul.list > li.sel_men {
    list-style: none;
    height: 100%;
}
/* li.sel_men -> a */
#header .header-desktop li.sel_men a {
    font-family: var(--font-regular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 16px;
    color: #414141;
    text-decoration: none;
    padding: 0;
}
#header.header-transparent .principal-menu .cont-links > li.active,
#header.header-transparent .principal-menu .cont-links > li:hover {
    color: #DE0039;
    border-bottom: 4px solid #fff;
    background-color:transparent;
}
#header .principal-menu .cont-links > li.active,
#header .principal-menu .cont-links > li:hover {
    color: #DE0039;
    border-bottom: 4px solid var(--color-6);
    background-color:#F1F1F1;
}
#header .principal-menu .cont-links li:last-child a.dropdown-toggle { /*color: #fff;*/ }
#header .nav .cont-links>li>a:hover::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
}

#header .nav li.item-icon.search .dropdown-menu .wrapper .ic-search { display:none; }
#header .principal-menu .dropdown-menu ul > li.sel_men:hover a { color: #6773B7; }
#header .nav li.car-nav .dropdown-menu::-webkit-scrollbar { display:none; }
#header .nav li.car-nav .dropdown-menu .tab-btns .tab:last-child { border-right: none; }
/*#header  .nav li.car-nav .dropdown-menu .tab-btns .tab */
#header .nav li.car-nav .dropdown-menu .tab-content {
    visibility: hidden;
    height: 0;
    opacity: 0;
    background-color:#f2f2f2;
    /*transition: opacity 600ms, visibility 600ms;*/
}
#header .nav li.car-nav .dropdown-menu .tab-content ul { display: none; }
#header .nav li.car-nav .dropdown-menu .grid-container::-webkit-scrollbar { display:none; }
#header .nav li.car-nav .dropdown-menu .grid-container>li .cont-txt .cont-btn li {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 172px;
}

#header .nav li.car-nav .dropdown-menu ul .cont-btn .button img { width: initial; }
#header .nav li.car-nav .dropdown-menu ul .cont-btn .button_versiones {
    color: #999999;
    width: 115px;
    padding-left: 4px;
    border-left: 1px solid #D2D1D1;
    padding-left: 8px;
    margin-left:0px;
} 
/*#header .nav li.car-nav .dropdown-menu ul .cont-btn a:hover {*/
/*    color: #000000;*/
/*    text-decoration: underline;*/
/*}*/
#header .nav li.car-nav .dropdown-menu ul .cont-btn a span { display: none; }
#header .nav li.car-nav .dropdown-menu::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 100px;
    z-index: -1;
    background: #F2F2F2;
    display: flex;
}
#header .nav li.car-nav .dropdown-menu .row {
    margin: 0 auto;
    transition: .4s all ease;
}
#header .header-mobile .menu .nav-menu-wrap .nav-menu li .sub-menu .row > ul > li {
    margin-bottom: 36px;
    max-width: 400px;
    flex: 1 0 262px;
}
#header .header-mobile .menu .nav-menu-wrap .nav-menu li .sub-menu .grid-container .cont-txt .cont-btn .button_versiones {
    color: #999999;
    width: 115px;
    margin:0;
}
#header .header-mobile .menu .nav-menu-wrap .nav-menu li .sub-menu .grid-container ::-webkit-scrollbar,
#header .header-mobile .menu .nav-menu-wrap .nav-menu li .sub-menu .grid-container ::-webkit-scrollbar-track,
#header .header-mobile .menu .nav-menu-wrap .nav-menu li .sub-menu .grid-container ::-webkit-scrollbar-thumb { display: none; }
/*#header .nav-menu li > a { display: block; }*/
/* end submenu links */

/* MEDIA QUERIES */

@media (min-width: 991px) and (max-width: 1440px){
    #header .header-desktop .header-container {
        padding-left: 5rem;
    }
    #header .header-desktop div.header-container div.cont-logo figure img {
        min-width: initial;
    }
    #header .header-desktop div.header-container nav.principal-menu {
        padding-right: 12px;
        gap: 12px;
    }
    #header .header-desktop li.button-dropdown a.dropdown-toggle, #header .header-desktop li.button-dropdown a#CTA_select {
        padding: 0;
    }
    #header .header-desktop nav.principal-menu ul.cont-links {
        gap: 12px;
    }
    #header .header-desktop li.button-dropdown a.dropdown-toggle {
        gap: 2px;
    }
}

@media (max-width: 1367px) {
    #header { height: 65px; }
    #header .header-desktop div.info__contenido div.cont-txt,
    #header .nav li.car-nav .dropdown-menu .grid-container .grid-item .info__contenido {
        padding: 0;
    }
    #header .header-desktop ul.grid-container > li.grid-item {
        max-width: 235px;
    }
    #header div.dropdown-menu ul.grid-container {
        grid-template-columns: repeat(auto-fit, minmax(235px,1fr));
        max-width: 1036px;
    }
    #header .nav li.car-nav .dropdown-menu .tab-content.active {
        padding: 24px 0 40px;
        /*height: 494px;*/
        box-sizing: border-box;
    }
    #header .nav li.car-nav .dropdown-menu .tab-btns { margin: 16px auto 0; }
    #header .nav li.car-nav .dropdown-menu .grid-container { column-gap: 32px; }
    #header .nav li.car-nav .dropdown-menu .grid-container .icon_tag {
        display: flex;
        gap: 3px;
        margin-bottom: 8px;
    }
    #header .nav li.car-nav .dropdown-menu .grid-container .grid-item .info__contenido .img-wrap {
        max-width: 198px;
        max-height: 89px;
    }
    #header .nav li.car-nav .dropdown-menu .grid-container .grid-item .info__contenido .img__media { width: 100%; }
    
    #header .header-desktop li.button-dropdown a.dropdown-toggle { min-height: 65px; } 
    #header .header-desktop li.car-nav .dropdown-menu { top: 65px; }
    #header .header-desktop div.tab-btns a.tab { font-size: 16px; line-height: 20px; }
    #header .header-desktop li.car-nav .dropdown-menu { height: 90vh; }
    
    #header .header-desktop div.cont-txt h2.car-name {
        font-size: 16px;
        line-height: 20px;
    }
    #header .header-desktop div.cont-txt p.price,
    #header .header-desktop div.cont-txt p.cuota {
        font-size: 13px;
        line-height: 16px;
    }
    #header .header-desktop div.cont-btn a.button {
        font-size: 11px;
        line-height: 13px;
    }
}
@media (max-width: 990px) {
    #header .header-mobile ul.grid-container div.cont-btn a.button_blue {
 color:var(--color-6)!important;
}
#header .header-mobile div.cont-btn a.button_blue .ic-gray {
}
    #header { height: 50px;    min-height: 50px!important; }
    #header .header-desktop { display: none; }
    #header .menu-responsive{
        position:static;
    }
    /* Header Mobile */
    #header .header-mobile { 
    background: #fff;
        display: block;
        width: 100%;
        height: 100%;
        transition: .3s all ease;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 30%);
        z-index: 100;
    }
    
    /* Icons Header Mobile */
    #header .header-mobile .top-bar div.ic-menu {
        background-image: url("../../../imag/v1/icon/header/ic_burguer.svg");
        display:block;
        width: 24px;
        height: 24px;
    }
    #header .header-mobile .top-bar div.ic-search {
        background-image: url("../../../imag/v1/icon/header/ic_search.svg");
        display:block;
        width: 36px;
        height: 36px;
    }
    #header .header-mobile ul.nav-menu a div.ic-stroke {
        background-image: url("../../../imag/v1/icon/header/ic_stroke.svg");
        width: 20px;
        height: 20px;
    }
    #header .header-mobile ul.grid-container a.button div.ic-stroke {
        width: 16px;
        height: 16px;
    }

    #header .header-mobile .menu .nav-menu a:hover div.ic-stroke {
    }
    #header .header-mobile ul.nav-menu li.cabecera-submenu div.ic-stroke-reverse {
        background-image: url("../../../imag/v1/icon/header/ic_stroke_reverse.svg");
        
        width: 36px;
        height: 36px;
    }
    #header .header-mobile div.cont-search div.ic-close {
        background-image: url("../../../imag/v1/icon/header/ic_close.svg");
        width: 36px;
        height: 36px;
    }
    #header .header-mobile ul.nav-menu div.ic-close {
        background-image: url("../../../imag/v1/icon/header/ic_close.svg");
        
        width: 36px;
        height: 36px;
    }
    
    /* Contenedor header-mobile -> top-bar */
    #header .header-mobile div.top-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 24px;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        height: 100%;
    }
    #header .header-mobile div.top-bar a.link_logo { max-width: 118px; }
    #header .header-mobile .top-bar figure.cont-logo,
    #header .header-mobile .top-bar figure.cont-logo img.logo_mobile { width: 100%; }
    #header .menu-responsive a.link_logo figure.cont-logo {
        display: flex;
        align-items: center;
    }
    
    /* Contenedor header-mobile -> cont-search */
    #header .header-mobile div.cont-search {
        position: absolute; 
        top: 0;
        width: 100%;
        display:flex;
        align-items: center;
        opacity: 0;
        transition: all 0.3s ease-in;
        visibility: hidden;
        min-height: 100%;
        padding: 0 24px;
    }
    #header .header-mobile div.cont-search.active {
        background-color: #fff;
        border-bottom: 1px solid #000;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        opacity: 1;
        visibility: visible;
    }
    #header .header-mobile div.cont-search form.form {
        width: 100%;
        display: flex;
        align-items: center;
    }
    #header .header-mobile div.cont-search input.search-input {
        font-family: var(--font-regular);
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: var(--color-2);
        background-color:#fff;
        outline: none;
        border: none;
        width: 100%;
    }
    
    /* Contenedor header-mobile -> menu */
    #header .header-mobile nav.menu {
        position: absolute;
        top: 0;
        width: 100%;
        transform: translateX(-100%);
        transition: all .7s ease-out;
        transition-timing-function: cubic-bezier(0.39, 0.5, 0.2, 1);
        margin: 0;
        list-style: none;
        overflow: hidden;
    }
    #header .header-mobile.active nav.menu {
        position: absolute;
        transform: translateX(0%);
        max-height: initial;
        height: auto;
    }
    #header .header-mobile .menu ul.nav-menu {
        overflow: hidden;
        width: 100%;
        min-height: 100vh;
        height: 0;
        background-color: #fff;
        position: initial;
        /*overflow-y: scroll;*/
    }
    #header .header-mobile nav.nav-menu-wrap ul.nav-menu .txt{
    font-family: var(--font-bold);
        
    }
    #header .header-mobile nav.nav-menu-wrap ul.nav-menu > li.close {
        list-style-type: none;
        border-bottom: 3px solid #000;
        padding: 0 24px;
    }
    #header .header-mobile nav.nav-menu-wrap ul.nav-menu > li {
        list-style-type: none;
        border-bottom: 1px solid var(--color-4);
        padding: 0 24px;
    }
    #header .header-mobile ul.nav-menu li.close {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 50px;
        background-color: #fff;
    }
    #header .header-mobile ul.nav-menu li:first-child { border: none; }
    #header .header-mobile ul.nav-menu > li a.sub-menu-toggle {
        font-family: var(--font-regular);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        color: #414141;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 60px;
    }
    #header .header-mobile ul.nav-menu > li a.sub-menu-toggle:hover { color: var(--color-6); }

    /* Contenedor li -> ul.submenu */
    #header .header-mobile li .sub-menu:not(.old) {
        height: 0;
        position: absolute;
        background: #f2f2f2;
        overflow-y: scroll;
    }
    #header .header-mobile ul.nav-menu li ul.sub-menu {
        display: block;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 100%;
        transition: height 1s 3s,transform 800ms cubic-bezier(0.22, 0.61, 0.36, 1);
        z-index: 5;
        -moz-transform: translate3d(0%, 0px, 0px);
        -webkit-transform: translate3d(0%, 0px, 0px);
        -ms-transform: translate(0%, 0px);
        -o-transform: translate(0%, 0px);
        transform: translate3d(0%, 0px, 0px);
    }
    #header .header-mobile ul.nav-menu li ul.sub-menu.active {
        overflow-x: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
        -moz-transform: translate3d(-100%, 0px, 0px);
        -webkit-transform: translate3d(-100%, 0px, 0px);
        -ms-transform: translate(-100%, 0px);
        -o-transform: translate(-100%, 0px);
        transform: translate3d(-100%, 0px, 0px);
        transition: transform 800ms ;
    }
    #header .header-mobile ul.nav-menu li ul.sub-menu::-webkit-scrollbar { display: none; }
    
    /* Contenedor ul -> li.cabecera de los submenu */
    #header .header-mobile ul.sub-menu li.cabecera-submenu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 50px;
        padding: 0 24px;
        background-color: #fff;
        border-bottom: 4px solid #000;
    }
    #header .header-mobile ul.sub-menu li.cabecera-submenu span.txt {
        font-family: var(--font-bold);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        color: var(--color-2);
    }
    
    /* Contenedor li -> ul.submenu de las familias de los modelos */
    #header .header-mobile ul.sub-menu ul.modelos-family { border-top: 4px solid var(--color-1);}
    #header .header-mobile ul.sub-menu ul.modelos-family > li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 24px;
        border-bottom: 1px solid var(--color-4);
    }
    #header .header-mobile ul.modelos-family > li a.name-tag {
        font-family: var(--font-bold);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        color: var(--color-3);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 60px;
    }
    #header .header-mobile ul.modelos-family > li:hover a.name-tag { color: var(--color-1);}

    /* Contenedor li -> ul.submenu a link directos */
    #header .header-mobile ul.sub-menu ul.submenu_options {
        border-top: 4px solid var(--color-6);
        /*overflow-y: scroll;*/
        /*flex-grow: 1;*/
    }
    #header .header-mobile ul.sub-menu ul.submenu_options > li.option {
        display: flex;
        align-items: center;
        padding: 0 24px;
        border-bottom: 1px solid var(--color-4);
    }
    #header .header-mobile ul.sub-menu ul.submenu_options > li.option a {
        font-family: var(--font-bold);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: var(--color-3);
        text-decoration: none;
        text-transform:uppercase;
        width: 100%;
        min-height: 60px;
        display: flex;
        align-items: center;
    }
    #header .header-mobile ul.sub-menu ul.submenu_options li.option:hover a { color: var(--color-1); }
    
    /* Contenedor de los modelos MOBILE */
    #header .header-mobile ul.sub-menu ul.grid-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
        gap: 32px;
        padding: 24px 24px 74px;
        margin:0;
        align-content: space-between;
        max-width: initial;
        overflow-y: scroll;
    }
    #header .header-mobile ul.sub-menu ul.grid-container::-webkit-scrollbar { display: none; }
    
    /* Modelos */
    #header .header-mobile ul.grid-container li.grid-item {
        max-width: 267px;
        width: 100%;
        text-align: left;
        margin: 0 auto;
    }
    #header .header-mobile ul.grid-container div.info__contenido .icon_tag {
        display: flex;
        gap: 8px;
        margin-bottom: 12px;
    }
    #header .header-mobile ul.grid-container div.info__contenido figure.img-wrap { margin-bottom: 12px;}
    #header .header-mobile ul.grid-container div.info__contenido div.cont-txt { 
        padding-left: 4px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    #header .header-mobile ul.grid-container div.cont-txt .brand{
        font-family: var(--font-regular);
        color: #6C6C6C;
        
    }
    #header .header-mobile ul.grid-container div.cont-txt h2.car-name {
        font-family: var(--font-bold);
        font-style: normal;
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 22px;
        color: #141413;
        padding-bottom: 8px;
        cursor: pointer;
    }
    #header .header-mobile .menu .nav-menu-wrap .nav-menu li .sub-menu .grid-container .cont-txt .car-name:hover { color: var(--color-1); }
    #header .header-mobile ul.grid-container div.cont-txt p.price {
        font-family: var(--font-regular), sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: var(--color-3);
    }  
    #header .header-mobile ul.grid-container div.cont-txt p.cuota {
        font-family: var(--font-bold), sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: var(--color-3);
        padding-bottom: 12px;
    }
    #header .header-mobile ul.grid-container div.cont-txt div.cont-btn { 
        display: flex; 
        flex-direction: row;
        height: 24px;
    }
    /*#header .header-mobile .menu li a.button { text-transform:none; }*/
    #header .header-mobile ul.grid-container div.cont-btn a.button {
        font-family: var(--font-bold), sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 13px;
        color: var(--color-3);
        text-transform: capitalize;
        display: flex;
        align-items: center;
        gap: 2px;
        transition: gap 1s;
        text-decoration:underline;
    }
    #header .header-mobile ul.grid-container div.cont-btn a.button:last-child { border-right: none; }
    #header .header-mobile ul.grid-container div.cont-btn a.button:nth-child(2),
    #header .header-mobile ul.grid-container div.cont-btn a.button:nth-child(3) { padding-left: 6px; }

    
    #header .header-mobile nav.nav-menu-wrap ul.nav-menu > li.destacar a.sub-menu-toggle { color: var(--color-1); }
    
    
    
    
    #header .header-mobile .cont-search input::placeholder { color: var(--color-3); }
    #header .header-mobile .cont-search button { display:none; }
    #header .header-mobile .cont-search .close {
        background-image: url("../../../imag/v1/icon/header/ic_close.svg");
        display: block;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: 0;
        background-size: contain;
        cursor:pointer;
    }
    #header .header-mobile figure .ic_close { cursor: pointer; }
    #header .header-mobile .search .ic-search {
        width: 26px;
        height: 26px;
        background-size: contain;
    }
    #header .menu-responsive .btns-sec {
        display: flex;
        align-items: center;
    }
    #header .nav-menu .sub-menu li.close + li { border-top: 4px solid #00A0DC; }
    #header .nav-menu .sub-menu li.close + li a { padding-top:20px; }
    #header .nav-menu .sub-menu .close div {
        text-transform: uppercase;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #header .nav-menu .sub-menu .close .reverse {
        box-sizing: content-box;
        width: 13.03px;
        padding: 15.27px 50px 13.27px 22.57px ;
        cursor: pointer;
    }
    #header .nav-menu .close .ic_close { margin-left: auto; }
    #header .nav-menu .close .ic_close,
    #header .nav-menu .sub-menu > .row {
        /*overflow-y: scroll;*/
        /*flex-grow: 1;*/
    }
    #header .header-mobile .menu li .info__contenido a { border-bottom:none; }
}

@media (max-width: 768px) {
        #header .header-mobile ul.grid-container li.grid-item {
        max-width:none;
            
        }
        #header .header-mobile ul.grid-container div.info__contenido figure.img-wrap {
        padding: 0 10%;
        }
}

/* Header White - Transparent */
#header.header-transparent .header-desktop div.header-container div.cont-logo figure img,
#header .header-desktop div.header-container div.cont-logo figure img.header-white,
body:has([data-header="header-transparent"]) > #header.transparent .header-desktop div.header-container div.cont-logo figure img {
    display: block;
}

#header .header-desktop div.header-container div.cont-logo figure img,
#header.header-transparent .header-desktop div.header-container div.cont-logo figure img.header-white,
body:has([data-header="header-transparent"]) > #header.transparent .header-desktop div.header-container div.cont-logo figure img.header-white {
    display: none;
}

/* Mobile Header White - Transparent */
#header.header-transparent .header-mobile,
#header.header-transparent .header-mobile div.top-bar{
    background: white;
    box-shadow: none;
}

#header.header-transparent .header-mobile .top-bar div.ic-search {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_17093_113548%29%22%3E%3Cpath%20d%3D%22M25.8324%2023.3334H24.5158L24.0491%2022.8834C26.0491%2020.5501%2027.0824%2017.3667%2026.5158%2013.9834C25.7324%209.35007%2021.8658%205.65007%2017.1991%205.0834C10.1491%204.21673%204.21576%2010.1501%205.08242%2017.2001C5.64909%2021.8667%209.34909%2025.7334%2013.9824%2026.5167C17.3658%2027.0834%2020.5491%2026.0501%2022.8824%2024.0501L23.3324%2024.5167V25.8334L30.4158%2032.9167C31.0991%2033.6001%2032.2158%2033.6001%2032.8991%2032.9167C33.5824%2032.2334%2033.5824%2031.1167%2032.8991%2030.4334L25.8324%2023.3334ZM15.8324%2023.3334C11.6824%2023.3334%208.33242%2019.9834%208.33242%2015.8334C8.33242%2011.6834%2011.6824%208.3334%2015.8324%208.3334C19.9824%208.3334%2023.3324%2011.6834%2023.3324%2015.8334C23.3324%2019.9834%2019.9824%2023.3334%2015.8324%2023.3334Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_17093_113548%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E");

}

#header.header-transparent .header-mobile .top-bar div.ic-menu {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17.1265%2019.6328H0V23.0002H17.1265V19.6328Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M24%2010.3164H0V13.6838H24V10.3164Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M17.1265%201H0V4.36735H17.1265V1Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E");

}

#header.header-transparent .header-mobile .top-bar figure.cont-logo img.logo_mobile,
#header .header-mobile .top-bar figure.cont-logo .logo_mobile.header-white {
    display: block;
    height: 36px;
    width: 36px;
}

@media (max-width:768px){
#header.header-transparent .header-mobile .top-bar figure.cont-logo img.logo_mobile,
#header .header-mobile .top-bar figure.cont-logo .logo_mobile.header-white {
    display: block;
   width:auto;
}
}


#header .header-mobile .top-bar figure.cont-logo img.logo_mobile,
#header.header-transparent .header-mobile .top-bar figure.cont-logo .logo_mobile.header-white {
    display: none;
}