/*FILTRO EXTENDIDO*/ /* -------------------------------------------------------------------------------- */

/*CAMINO-MIGAJAS*/ /* -------------------------------------------------------------------------------- */

.migajas {
    font-size: 14px!important;
    /* margin-bottom: 32px; */
    margin-top: 32px;
}

.migajas, a:link, a:visited, a:active, a:hover  {
    text-decoration:none !important;
  }  

.migajas-style {
    color: #868E96;
    margin-bottom: 0px !important;
}

.migajas-back {
    color: var(--colorBlack) !important;
}

.migajas-mobile{
    font-size: 14px!important;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*FIN-CAMINO-MIGAJAS*/ /* -------------------------------------------------------------------------------- */

/*SECTION-FILTROS-VEHICULOS*/ /* -------------------------------------------------------------------------------- */

.font-small{
    font-size: 14px!important;
}

.object-fit-cover{
    object-fit: cover;
}

.titulo-seccion-home {
    padding-top: 1.5em;
    padding-bottom: 0.5em;
}

.btn-borde-sin-relleno{
    background-color: #FFFFFF;
    text-align: center;
    font-weight: 500 !important;
    color: var(--colorBlack) !important;
    border-radius: 2px;
    border: 1px solid #292936 !important;
    padding:6px 10px;
    gap: 6px;
    width: 100%;
    height: 50px;
}

.btn-contact {
    background-color: var(--colorPrimary) !important;
    height: 50px;
    font-size: 16px !important;
    color: #FFFFFF !important;
    border-radius: 2px !important;
}

/* Media Query */
@media (max-width: 768px) {
    .section-divide {
        padding-top: 15px;
    }
}

.fondo-detalle-producto {
    background: linear-gradient(180deg, rgba(226,226,238,1) 0%, rgba(226,226,238,0) 100%);
    padding-bottom: 32px;
}

.banner-comercial {
    /* background-color: #555581; */
    border-radius: 5px;
    height: 100%;
}

    /* Media query .banner-comercial
    -------------------------------------------------- */
    @media (max-width: 768px) {
        .banner-comercial{
            height:100%;
        }
    }

.card-vehiculos {
    margin: 0px !important;
}

/*SECTION-FILTROS-VEHICULOS*/ /* -------------------------------------------------------------------------------- */

/* MENU-DROPDOWN-ORDER ---------------------------------------------------------*/

.img-size {
    height: 7px;
}

.order-style {
    font-size: 14px !important;
    color: var(--colorBlack);
}

.dropdown-menu .dropdown-item {
    color: var(--colorBlack);
    padding-left: 0.5em;
    padding: 0.35rem 1rem;
    font-size: 14px;
}

.dropdown-toggle::after{
    content: none!important;
}

.menu-order .dropdown-menu{
    /* background-color: var(--colorBlack); */
    border-radius: 0px 0px 4px 4px;
    margin: 7px 0 0;
}

.menu-order .dropdown-menu .dropdown-item {
    /* color: #f1f1f9;
    font-weight: 300; */

    color: var(--colorBlack);
    padding-left: 0.5em;
    padding: 0.35rem 1rem;
    font-size: 14px;
}

.menu-order .dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa;
    text-decoration: none!important;
}

.menu-order {
    margin-bottom: 16px;
}

/* FIN-MENU-DROPDOWN-ORDER ---------------------------------------------------------*/

/* PUBLICADOS-HOY-STYLE ---------------------------------------------------------*/

.car-today {
    background-color: #e2e3e5;
    border: #d6d8db 1px solid;
    border-radius: 2px;
    height: 40px;
    padding: 8px;
    justify-content: space-between !important;
}

/* media query */
@media (max-width: 991px) {
    .car-today {
        height: 60px;
    }
}

.color-theme-publish {
    padding-left: 0.4rem;
    font-weight: 400;
    color: var(--colorSecondary);
}

.car-filtro-select {
    width: auto;
    font-size: 14px !important;
    background-color: #FFFFFF;
    border-radius: 3px;
    border: #E8E8E8 1px solid;
    height: auto;
    padding: 4px 6px;
    margin: 0 8px 8px 0;
}

.car-filtro-select:hover {
    border: #d6d8db 1px solid;
}

.img-size-filtro-select {
    height: 10px;
    padding-bottom: 2px;
    padding-right: 2px;
}

/* FIN-PUBLICADOS-HOY-STYLE ---------------------------------------------------------*/

/* FILTROS-STYLE ---------------------------------------------------------*/

.filtro-tittle-style {
    font-size: 16px!important;
    font-weight: 500 !important;
    color: var(--colorSecondary);
    margin-bottom: 6px !important; 
}

.filtro-tittle-categoria-style {
    /* font-size: 30px!important; */
    font-weight: 500 !important;
    color: var(--colorSecondary);
    margin-bottom: 6px !important; 
}




.filtros-extendido-style a {
    font-size: 14px!important;
    font-weight: 300 !important;
    color: var(--colorBlack)!important;
    margin-bottom: 6px;
}

.container-titulos-detalles a {

}

.titulo-vehiculos{
    color: var(--colorBlack);
    font-weight: 500;
}

.ver-style {
    font-size: 14px!important;
    font-weight: 300 !important;
    margin-bottom: 12px;
}

.filtros-extendido-style {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .filtros-extendido-style  {
        margin-top: 0;
        margin-bottom: 15px;
        margin-inline: 8px;
    }
}

/* FIN-FILTROS-STYLE ---------------------------------------------------------*/

/* NUEVA-PAGINACION-STYLE ---------------------------------------------------------*/

/* .page-link {
    color: var(--colorSecondary) !important;
} */

.form-group {
    font-size: 16px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    row-gap: 1rem;
}

.color-theme {
    font-size: 14px !important;
    color:#555581;
}

.modal-contenido{
    max-height: 20rem!important;
    
    overflow-y: scroll!important;
}

/* CSS para el modal */
.modal-p-bottom .modal-dialog {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100% !important;
    margin: 0;
    transform: translateY(100%) !important;
}

.modal-p-bottom.show .modal-dialog {
    transform: translateY(0%) !important;
    min-height: 80px;
}

.btn-filtros-mobile{
    width: 100%;
text-align: left!important;

color: #000!important;
}

    /*ejecutar cuando no tiene la clase collapse*/
    .btn-filtros-mobile{
        background-color: #fff;
        color: #000;
        border-bottom: 1px solid rgba(41, 41, 54, 0.35)!important;
        height: 46px;
    }

    .seleccionar-filtros-mobile{
        
        color: #000;
        border-bottom: 1px solid rgba(41, 41, 54, 0.35)!important;
        height: 46px;
    }
    

    /*ejecutar cuando tiene aria-expanded true o false*/
    .btn-filtros-mobile[aria-expanded="true"]{
        /* background-color: #f1f1f9!important; */
        background-color: #fff!important;
        
    }

    .card{
        border: none!important;
        background-color: #F1F1F9 !important;
    }

    #card-ordenar-por{
        border: none!important;
        background-color: #fff !important;
    }

    .btn.focus, .btn:focus, .btn:hover { 
        box-shadow: none!important;
    }

    .modal-filtros{
        overflow-y: auto;
        max-height: 75vh;
        min-height: 75vh;
    }

    .col-filtro{
        border-right: 1px solid #555581;
    }

    .modal-body-brandal{
        padding: 0px!important;
    }

    .p-modal-brandal{
        margin-bottom: 0;
    }
    .btn-ver-mas-filtro-mobile{
        border-bottom: 1px solid rgba(41, 41, 54, 0.35)!important;
        height: 46px;
        color: #007BFF!important;
        font-size: 14px;
        font-weight: 400;

    }
    #text-ver-mas{
        color: #007BFF!important;
    }

    .buscador-ver-mas-filtro-mobile{
        font-size: 1rem;
        line-height: 1.5;
        background: #FFF;
       background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%238C92A0' d='M11.44 10.73l4.41 4.42a.5.5 0 1 1-.7.7l-4.42-4.41a6.5 6.5 0 1 1 .7-.7v-.01zM6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11z'></path></svg>");
        background-repeat: no-repeat;
        background-position: 100%  center;
        background-size: 60px 20px;
        
        padding: 0.375rem 0.75rem 0.375rem 0.75rem;

        border-bottom: 1px solid rgba(41, 41, 54, 0.35)!important;
        height: 46px;
    
    }
    .buscador-ver-mas-filtro-mobile:focus-visible{
        outline: none!important;
        box-shadow: none!important;
        border:none!important;
    }
    .card a{
        /* color: var(--colorSecondary)!important; */
        color: rgba(41, 41, 54, 0.75) !important;
        font-weight: 500;

        width: 100%;
        padding: 0.75rem;

        
    }

    .dropdown-item-filtro{
        padding: 0!important;
        margin-bottom: 8px !important;
    }

    /* Tooltip para 0KM */
    .tooltips {
        position: relative;
        cursor: pointer;
    }
    
    /*LOGO AGENCIA PREMIUM*/
    
    /* Tooltip box */
    .tooltips:before {
        content: attr(data-tooltip);
        position: absolute;
        width: 100px;
        background-color: #062B45;
        color: #fff;
        text-align: center;
        padding: 10px;
        line-height: 1.2;
        border-radius: 6px;
        z-index: 1;
        opacity: 0;
        transition: opacity .6s;
        bottom: 106%;
        left: 50%;
        margin-left: -51px;
        font-size: 0.75em;
        visibility: hidden;
    }
    
    /* Tooltip arrow */
    .tooltips:after {
        content: "";
        position: absolute;
        bottom: 75%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        opacity: 0;
        transition: opacity .6s;
        border-color: #062B45 transparent transparent transparent;
        visibility: hidden;
    }
    
    .tooltips:hover:before, .tooltips:hover:after {
        opacity: 1;
        visibility: visible;
    }

    .icon-info{
        width: 18px;
        height: 18px;
        vertical-align: text-bottom!important;
    }
    
    .img-elipsis{
        height: 15px !important;
    }

    .icon-verificado-agencia{
        width: 28px;
        height: 28px;
    }

    /*FIN LOGO AGENCIA PREMIUM*/

.img-perfil-filtro{
    margin-top: 53px;
    border-radius: 5px;
    height: auto;
}

.img-perfil-filtro img{
    object-fit: cover;
}

.name-agencia-filtro{
    color: var(--colorSecondary);
}

@media (min-width: 768px) and (max-width: 1200px) {
    .img-perfil-filtro img{
        width: 100px;
        height: 100px;
    }
}

@media (min-width: 1200px) {
    .img-perfil-filtro img{
        width: 120px;
        height: 120px;
    }
}

.container-titulos-detalles{
    background-color: #FFFFFF;
    border: #E8E8E8 1px solid;
    color: var(--colorBlack);
    border-radius: 3px;
}

.filter-sale-height {
    margin-top: 64px;
}

.filter-sale {
    font-size: 14px !important;
    background-color: #FFFFFF;
    border-radius: 3px;
    border: #E8E8E8 1px solid;
    padding: 1rem;
    text-align: center;
}
h1 .filter-tittle {
    font-size: 28px;
}
.filter-sale p {
    transform: translateX(100%);
    display: inline-block;
    white-space: nowrap;
}
.text-moving-filter {
    animation: moveText linear 25s infinite;
}
@keyframes moveText {
    from { transform: translateX(100%); }
    to { transform: translateX(-100%); }
}

.filter-sale-detail {
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}