:root {
    /*! COLORES*/
    --color-naranja: #f1671a; /*ocupado para secciones donde queremos que el usuario interactue*/



    --font-size-estandar1: clamp(11.5px, calc(10.5px + (14 - 10.5) * ((100vw - 1280px) / (1920 - 1280))), 13.5px);
    --font-size-estandar3: clamp(11.5px, calc(10.5px + (14 - 10.5) * ((100vw - 1280px) / (1920 - 1280))), 13px);
    --font-size-estandartitulo: clamp(11.5px, calc(10.5px + (14 - 10.5) * ((100vw - 1280px) / (1920 - 1280))), 13.8px);
    --font-size-filtro: clamp(11.5px, calc(10.5px + (14 - 10.5) * ((100vw - 1280px) / (1920 - 1280))), 12.2px);
    --background-link-enlazado: gainsboro;
    --color-link-enlazado: #4b5864;
    --font-size-tituloH1: clamp(12.5px, calc(10.5px + (15 - 10.5) * ((100vw - 1280px) / (1920 - 1280))), 15px);
    --font-size-cantProducto: clamp(11px, calc(10.5px + (14 - 10.5) * ((100vw - 1280px) / (1920 - 1280))), 13.8px);
    /* seo*/
    --font-size-subtitulo: clamp(15px, calc(13px + 4 * ((100vw - 1280px) / 640)), 17px);
    --font-size-estandar1PDP: clamp(12.5px, calc(10.5px + (14 - 10.5) * ((100vw - 1280px) / (1920 - 1280))), 13.5px);
}









a {
    text-decoration: none
}

ul {
    list-style-type: none;
}


/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}






/*region BARRA DE FILTROS*/


.contenedorFiltrosMobile {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 2rem;
}


.encabezados {
    display: flex;
    flex-direction: column;
    gap: 1rem
}



.breadcrumbs {
    padding: 0;
}

    .breadcrumbs i {
        color: #b9b5b5;
        font-size: 0.8rem;
    }

.msj_inicio a {
    color: #9e9e9e;
    font-size: 11.5px;
    text-decoration: none
}

    .msj_inicio a:hover {
        color: #929090;
        text-decoration: none
    }

.span_medio a {
    color: #9e9e9e;
    font-size: 11.5px;
    text-decoration: none
}

    .span_medio a:hover {
        color: #929090;
        text-decoration: none
    }

.span_medio2 a {
    font-size: 11.5px;
    color: #9e9e9e;
    text-decoration: none
}

    .span_medio2 a:hover {
        color: #929090;
        text-decoration: none
    }

.span_final {
    font-size: 11.5px;
    color: #949595;
    font-weight: 600
}






#marcamodelo_contenedor_mobile, #filtrar_mobile {
    display: flex;
    justify-content: center
}

/*.btn_filtrosMobile {
    text-decoration: none !important;
    color: #fff !important;
    background: #f1671a !important;
    border-radius: 16px;
    font-size: clamp(12.5px, 1vw, 14px);
    font-weight: 500;
    width: clamp(135px, 40vw, 210px);
    height: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}*/


.btn-fixed {
    width: 132px;
    font-size: clamp(12px, 1vw, 14px);
    border-radius: 16px;
    color: #fff;
    background: #6f7173;
    border-color: #6f7173;
    text-align: center;
    height: 3vh;
    align-content: center;
}

.btn_filtrosMobile i {
    display: none
}



.filtros-aplicados {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #4b5864;
    gap: 1rem;
    padding: 1rem 0 0 0;
}

    .filtros-aplicados .tituloFiltros {
        font-size: 1.12em;
    }

    .filtros-aplicados .item {
        display: flex;
        align-items: center;
        font-size: clamp(1rem, 1vw, 1.35rem);
        padding: .2em .5em;
        border-radius: 7px;
        border: 1px solid #545454;
        background-color: #545454;
        gap: .8rem;
        color: #ffffff;
    }

        .filtros-aplicados .item .icon-close {
            color: #ffffff;
        }

/*CONTENEDOR GRAL*/


.contenedor_productos {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}






/*slide filtro mobile*/


.container-marcas-modelos {
    display: flex;
    flex-direction: column;
    gap: 1rem
}


#menuFiltrosMobile.menuFiltrosMobileMarcaModelos {
    width: 100% !important;
    height: 83%;
    margin-top: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


    #menuFiltrosMobile.menuFiltrosMobileMarcaModelos .offcanvas-header {
        margin: 0.8rem 0.5rem 0 0.5rem;
        position: relative;
        border-bottom: solid 1px #e1e1e1
    }


        #menuFiltrosMobile.menuFiltrosMobileMarcaModelos .offcanvas-header .btn-close {
            font-size: 11px;
            position: absolute;
            top: 5px;
            right: 5px
        }



.searchSidebarCategorias {
    font-weight: 600;
    color: #545454;
}

.txtFiltro {
    background-color: #fff;
    border: 1px solid #b4bac0;
    border-radius: 5px;
    color: #4b5864;
    font-weight: 500;
    font-size: var(--font-size-estandar3);
    padding: 5px 7px;
    width: 100%;
    margin-bottom: 1rem
}

.txtFiltroCompleto {
    background-color: #fff;
    border: 1px solid #b4bac0;
    border-radius: 5px;
    color: #4b5864;
    font-weight: 500;
    font-size: clamp(14px, 1vw, 14.5px) !important;
    padding: 5px 7px;
    width: 100%;
    margin: 1rem 0
}


#searchIconMarcasMobileModal, #clearInputMarcasMobileModal {
    display: none
}


.accordion-menu-marcas-modelos {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0px;
}

    .accordion-menu-marcas-modelos ul li {
        border-top: 0px dotted #dce7eb;
    }

    .accordion-menu-marcas-modelos .filtro-modelos-li {
        display: flex;
        margin-bottom: 1rem
    }


.accordion-menu {
    display: inline-block;
    position: relative;
    max-width: 300px;
    padding: 0 10px;
    max-width: 300px;
    border-radius: 5px
}

    .accordion-menu ul {
        list-style: none;
        perspective: 900px;
        padding: 0;
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        gap: 0.2rem
    }

        .accordion-menu ul li {
            position: relative;
            padding: 0;
        }

            .accordion-menu ul li:nth-child(1) {
                border: none
            }

            .accordion-menu ul li input[type=checkbox] {
                position: absolute;
                cursor: pointer;
                z-index: 1;
                opacity: 0
            }



.filtro-marca {
    align-items: center;
}

#filtro_mobile a {
    margin-left: 13px;
    margin-top: 0px;
    display: flex;
    color: #545454;
    text-decoration: none;
    font-size: clamp(14px, 1vw, 15px);
    overflow: hidden;
    transition: .2s ease;
}


    #filtro_mobile a:hover {
        color: #8e9aa6
    }

    #filtro_mobile a i {
        /*color: var(--color-naranja);*/
        font-size: 1.55rem
    }

.menuFiltrosMobileMarcaModelos #filtro_mobile i {
    font-size: 1em;
}

.container-marcas-modelos .bi-check-square-fill {
    color: #f1671a !important;
}



.show-more-marcas, .show-more-modelos {
    text-align: left;
    font-size: var(--font-size-filtro);
    background-color: var(--color-naranja);
    padding: 5px;
    color: white;
    border-radius: 3px;
    margin-top: 1rem
}

#cantProductosMostrados {
    margin: 0.3rem 0 1rem 0
}

    #cantProductosMostrados span {
        font-size: var(--font-size-estandar1);
        color: #545454
    }



/*ELEMENTOS QUE SE OCULTAN EN MOBILE*/
.search-sidebar {
    display: none
}

.contenedor_filtroB {
    display: none;
}



/*TEXTO FOOTER*/

.seccion-SEO {
    background-color: rgb(242, 242, 242);
    padding: 2em;
    border-top: 1px solid rgb(215, 215, 215);
    display: flex;
    flex-direction: column;
}


    .seccion-SEO p {
        color: #888;
        font-size: var(--font-size-estandar1PDP);
        line-height: inherit;
        margin: 0
    }





ul.listaSeoCat {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    padding: 0;
}



    ul.listaSeoCat li {
        flex: 1 1 calc(100% - 10px); /* 1 columna base */
        max-width: calc(100% - 10px); /* Asegura que no se estire más del 100% */
    }

.me-3 {
    margin-right: 0 !important;
}

.link_cat_bread {
    text-decoration: none;
    color: #676767;
    font-size: clamp(10px, 2vh, 13px);
}

.titulo-SEO {
    color: #777;
    font-size: var(--font-size-subtitulo);
    font-weight: 500;
    margin-bottom: 5px;
}

.subtitulo-SEO {
    color: #777 !important;
    font-size: calc(.7em + 1vh) !important;
    font-weight: 500;
}

    .subtitulo-SEO a {
        color: #777;
    }



.texto-SEO {
    color: #777;
    font-size: 14px;
}

    .texto-SEO p {
        color: #777;
        font-size: 14px;
    }




/*seccion productos y tarjeta de producto*/
#contenido_productos {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


.cont_icono_ventaEspecial_modal {
    position: absolute;
    display: flex;
    top: 3%;
    right: 2%;
    z-index: 7;
    justify-content: center;
    align-items: center;
}

.img_ventaEspecialModal {
    max-width: 7rem
}


.foto-producto-desk {
    width: clamp(76px, 8.5vw, 90px);
}




/*tarjeta general*/
.div_modelo {
    border: solid 1px #dbdbdb;
    border-radius: 5px;
}

/*cada una de las tarjetas*/
.tr-producto {
    display: grid;
    grid-template-columns: 1.5fr 3fr;
    column-gap: 1rem;
    border-top: solid 1px #dbdbdb;
    padding: 0.8rem
}




.contenedor-completo {
    display: flex;
    flex-direction: column;
    gap: 0.8rem
}




/*precios ocultos en mobile*/
.col-cantidad {
    display: none
}



/*FOTO PRODUCTO*/

.col-img-productoDesk {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}





/*INFO PRODUCTO*/


#datos-producto {
    display: flex;
    flex-direction: column;
}


.contenedorInfoProducto {
    display: flex;
    flex-direction: column;
    gap: 0.5rem
}

    .contenedorInfoProducto p {
        margin-bottom: 0;
    }



.codigo_producto {
    font-weight: 600;
    color: #f1671a;
    font-size: var(--font-size-estandar1);
    letter-spacing: .5px;
    padding: 0;
}


.titulo-producto {
    color: #545454;
    font-size: var(--font-size-estandar1);
    font-weight: 600;
}

.descipcion-producto {
    color: #545454;
    font-size: var(--font-size-estandar1);
}



.encabezado_modelo {
    background-color: gainsboro;
    border-radius: 3px 3px 0 0;
}

.titulo_tarjeta_productos {
    padding: 9px;
    font-size: var(--font-size-estandartitulo);
    font-weight: 600;
    margin: 0
}



.descripcion-producto {
    text-decoration: none;
    color: #545454;
    font-size: clamp(13px, 1vw, 16px);
    font-weight: 500;
}


.years {
    color: #545454;
    font-weight: 700;
    font-size: var(--font-size-estandar1);
}


.nombre_especificacion {
    color: #566573;
    font-weight: 400;
    font-size: 11.5px;
    display: flex;
    align-items: baseline;
    gap: 0.2rem;
}


.contenedorOrigen {
    display: flex;
}

.msj-original {
    background-color: forestgreen;
    padding: 0 2px;
    border-radius: 3px;
    color: white;
    font-size: clamp(12px, 1vw, 13px);
    height: fit-content;
    width: fit-content
}

.nameMarca, .productoOrigen {
    color: #545454;
    font-size: clamp(11.5px, calc(10.5px + (12 - 10.5) * ((100vw - 1280px) / (1920 - 1280))), 12.5px);
    font-weight: 600
}

.div_llega_hoy {
    color: #4caf50;
    font-weight: 100;
    font-size: clamp(11.5px, 1vw, 12px);
}


.msj-original-modal {
    background-color: forestgreen;
    padding: 0 2px;
    border-radius: 3px;
    color: white;
    font-size: clamp(12px, 1vw, 13px);
    height: fit-content;
    width: fit-content;
    margin: 0
}


.linkVerPrd {
    display: flex;
    flex-direction: column;
    gap: 0.1rem
}



.fa-star {
    font-size: 13px;
    color: #FFD700;
    padding-right: 4px;
}

#calificacion .text-muted {
    font-size: var(--font-size-cantProducto);
    color: #9E9E9E;
}

#calificacion {
    display: flex
}





.contenedor_precios {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center
}



.info-multiplo {
    display: flex;
    width: 100%;
    justify-content: end;
    padding-right: 3vh;
}




.contenedor_imgVentaEspecial {
    width: auto;
}

.img_ventaEspecial {
    max-width: 7rem;
}


.div_precio_real {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.caja_precio {
    display: flex;
    gap: 10px;
}


.div_precio_descuento, .contenedor-precio_oferta {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}



.caja_precio-1 {
    display: flex;
    justify-content: center;
    background-color: red;
    height: 22px;
    width: 30px;
    border-radius: 20%;
    align-items: center;
    font-size: clamp(10px, 1vw, 10.5px);
    color: #fff
}


.precio_oferta {
    font-size: 14px;
    color: #545454;
    font-weight: 600
}



.precio_original {
    color: #4b5864;
    font-size: 12px;
    text-decoration: line-through;
}

.textoIva {
    color: #566573;
    font-size: clamp(11px, 1vw, 12px);
}







/*MODAL */

.cabecera_modal button {
    font-size: 13px
}



.nombre_producto {
    font-size: clamp(13px, 1vw, 17px);
    font-weight: 600;
    color: #545454;
}


.seccion_infoProductoModal {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    position: relative
}


.contenedorMarca {
    display: flex;
    flex-direction: column
}

    .contenedorMarca img {
        width: 55%;
        z-index: 4
    }

.contenedorCarruselModal {
    width: 100%
}


.carousel-control-next, .carousel-control-prev {
    background-color: #566573;
    height: fit-content;
    width: fit-content;
    align-self: center;
    font-size: 13px;
    padding: 5px 3px;
}


.det_producto-imagen {
    display: flex;
    position: relative;
    justify-content: center;
    height: 100%;
    align-items: center;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    width: 100%;
    padding: 1rem
}


.contenedorImgMarca {
    gap: 0.5rem;
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 3%;
    left: 2%;
    z-index: 7;
    justify-content: center;
    align-items: center;
}

    .contenedorImgMarca img {
        width: 50px
    }


.img-productoModal {
    width: 200px
}

.detalle_producto_modal {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border: solid 1px #e5e5e5;
    border-radius: 5px
}

.cont_infoProdcuto_modal {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative
}

.label_descripcion {
    color: #566573;
    font-weight: 400;
    font-size: clamp(12px, 1vw, 14px);
}


.resultado_label_descripcion {
    color: #545454;
    font-size: clamp(14px, 1vw, 15px);
}

.dropdown_compartir {
    position: absolute;
    right: 0;
    right: 4.4%;
    top: 27%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .dropdown_compartir > button > i {
        color: #f1671a;
        font-size: 20px;
        line-height: normal;
        font-size: 16px
    }




.div_llega_hoy_modal {
    color: #4caf50;
    font-weight: 600;
    font-size: 15px;
}


.caja_precio_modal {
    display: flex;
    gap: 10px
}

.multiplo {
    font-size: clamp(10px, 1vw, 11.5px);
}


.mensaje_20dcto {
    border: solid 1px #f1671a;
    color: #f1671a;
    font-size: clamp(13px, 1vw, 14px);
    padding: 3px 10px;
    border-radius: 5px;
    width: 100%;
    text-align: center
}


.div_cantidadModal {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.contenedor_btnComprar_modal {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: center
}

.multiploVis {
    margin: 0;
    font-size: 13px;
    color: #545454;
}


.btn-desktop-modal {
    font-size: clamp(14px, 1vw, 16px);
    width: 100%;
    background-color: #f1671a
}


.btn-desktop-minus_modal {
    border-radius: 3px 0 0 3px;
    width: 28px;
    height: 28px;
    background-color: #566573 !important;
    font-size: clamp(9px, 1vw, 11px);
}

.btn-desktop-plus_modal {
    border-radius: 0 3px 3px 0;
    width: 28px;
    height: 28px;
    background-color: #566573 !important;
    font-size: clamp(9px, 1vw, 11px);
}

.inputCantidadModal {
    border-radius: 0px;
    border: 1px solid #B7B4B4;
    height: 28px;
    width: 75px;
    background-color: #FFFFF;
    font-size: clamp(12.5px, 1vw, 14.5px) !important;
}

.cuerpoModalBuscadores {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    align-items: center;
    justify-self: center
}

/*.especificaciones {
    display: flex;
    flex-direction: column;
    gap: 1rem
}*/


.titulos-seccionModal {
    font-size: clamp(16px, 1vw, 17px);
    color: #333;
    font-weight: 600
}

/*tabla modal*/

.titulo_tablas_modelosModal {
    background-color: #CFCFCF;
    font-weight: normal;
    align-items: center;
    color: #333;
    font-size: 13px;
}


.td_marca_tblmodelo, .link_estilosImgModal, #thMARCA, #thMODELO, .columna_marca, .link_estilosModelo {
    display: none
}

.link_estilosModeloMobile {
    text-align: justify;
}

#bodymodeloModal > tr > td {
    text-decoration: none;
    color: #545454;
    font-size: clamp(14px, 1vw, 15px);
    padding: 5px 6px;
}


    #bodymodeloModal > tr > td > a {
        text-decoration: underline;
        color: #545454;
        font-size: clamp(14px, 2vw, 15px);
    }


#thMARCAMODELO {
    padding: 6px;
}

#thCODIGO, #thMODELO, #thMARCA {
    text-align: center;
    padding: 5px
}


#thCODIGO {
    width: 34%;
    text-align: center;
    padding: 5px
}

.link_estilosModelo {
    text-align: justify
}


.contenedor_tablasComentarios {
    width: 100%;
}

/*.seccion-comentarios {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-top: solid #e5e5e5 1px;
    padding-top: 2rem;
}*/

.titulo_calificacion_gral {
    margin: 0;
    font-size: clamp(13px, 1vw, 14px);
    color: #566573
}


.comentarios-productos {
    display: flex;
    flex-direction: column;
    gap: 1rem
}



.filtro-sin-resultados {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 59vh;
    justify-content: center;
    border-top: solid 1px #e8e8e8;
}

    .filtro-sin-resultados img {
        width: clamp(70px, 7vw, 120px)
    }

    .filtro-sin-resultados h4 {
        font-size: clamp(17px, 2vw, 21px);
        color: #545454
    }

    .filtro-sin-resultados p {
        font-size: 15px;
        color: #545454
    }



/*SIN RESULTADOS*/


.contenedor_sinResultados {
    height: auto;
    display: flex;
    align-items: center;
}

.seccion_padre {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin: 2rem 0 4rem 0;
    padding: 1.5rem;
    border: solid 1px #d2d2d2;
    border-radius: 5px;
}



.div_mensajeLupa {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem
}


    .div_mensajeLupa i {
        font-size: clamp(20px, 2vw, 23px);
        color: #777777;
        margin: 0
    }

.texto_lupa {
    font-size: clamp(16px, 1vw, 17px);
    color: #777777;
    margin: 0;
    text-align: center;
}

.btn_buscarMiauto {
    width: 70%;
    font-size: clamp(14px, 1vw, 15px) !important;
    color: #fff;
    background-color: #f1671a;
    border-radius: 23px;
}


    .btn_buscarMiauto:hover {
        font-size: clamp(14px, 1vw, 15px) !important;
        color: #f1671a;
        background-color: #fff;
        border-radius: 23px;
        border: solid 1px #f1671a;
    }





.texto_sinResutados {
    color: #f1671a;
    font-size: clamp(16px, 1vw, 17px);
}


.div_ContenedorcallCenter {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    padding: 15px;
    gap: 12px;
    justify-content: space-between;
    background-color: #545454
}


.div_callCenter {
    line-height: 36px;
    display: flex;
    flex-direction: column;
}

    .div_callCenter span {
        font-size: clamp(16px, 1vw, 17px);
        color: white;
        margin: 0
    }


.subContenedorCallcenter_A {
    font-size: 16px;
    display: flex;
    flex-direction: column;
}

    .subContenedorCallcenter_A span {
        font-size: clamp(15px, 1vw, 16px);
        color: white;
    }

    .subContenedorCallcenter_A a {
        font-size: 16px;
        color: white;
        text-decoration: underline
    }

.div_ContenedorcallCenter img {
    width: 50%
}



/* ===============================
   CONTENEDOR GENERAL DE FILTROS
   =============================== */

.contenedor_filtros_busqueda {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}


.contenedor_filtros_productos {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    width: 100%;
}


/* ===============================
   FILTRO NOMBRE PRODUCTOS
   =============================== */

#filtro_nombre_productos {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

    #filtro_nombre_productos .tab-navigation {
        width: 100%;
        display: flex;
        align-items: center;
        position: relative;
        padding: 0;
        margin: 0;
        gap: 0.5rem
    }

    /* Ocultar botones laterales */
    #filtro_nombre_productos .left-btn,
    #filtro_nombre_productos .right-btn {
        display: none !important;
    }

    /* ===============================
   MENÚ DE TABS (SCROLL HORIZONTAL)
   =============================== */

    #filtro_nombre_productos .tab-menu {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        list-style: none;
        margin: 0;
        gap: 0.5rem;
        justify-content: flex-start;
        align-items: center;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        #filtro_nombre_productos .tab-menu::-webkit-scrollbar {
            display: none;
        }

        #filtro_nombre_productos .tab-menu li {
            list-style: none !important;
        }

    /* ===============================
   BOTONES DE TAB
   =============================== */

    #filtro_nombre_productos .tab-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        height: 2.2em;
        padding: 0.5em 0.5em;
        border-radius: 50px;
        font-size: var(--font-size-cantProducto);
        font-weight: 400;
        letter-spacing: 0.04em;
        text-transform: capitalize;
        cursor: pointer;
        user-select: none;
        background: #ffffff;
        border: 1px solid #e0e0e0;
        color: #4b5864;
        white-space: nowrap;
        flex-shrink: 0;
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: 0.3s ease;
        box-sizing: border-box;
        outline: none;
        line-height: normal
    }

        /* Links dentro del botón */
        #filtro_nombre_productos .tab-btn a {
            display: block;
            text-decoration: none !important;
            color: inherit;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /* Estados */
        #filtro_nombre_productos .tab-btn:hover {
            background: #f5f5f5;
            border-color: #d0d0d0;
        }

        #filtro_nombre_productos .tab-btn.active {
            background: #545454;
            border-color: #e0e0e0;
            color: white;
        }

        /* Eliminar pseudoelementos heredados */
        #filtro_nombre_productos .tab-btn::before,
        #filtro_nombre_productos .tab-btn::after {
            content: none !important;
            display: none !important;
        }

    /* ===============================
   SELECT DE FILTROS ADICIONALES
   =============================== */

    #filtro_nombre_productos .select-filtro-adicional {
        display: inline-flex;
        align-items: center;
        height: 2.5em;
        padding: 0.5em 2.5em 0.5em 0.5em;
        border-radius: 50px;
        font-size: var(--font-size-cantProducto);
        font-weight: 400;
        letter-spacing: 0.04em;
        text-transform: capitalize;
        background: #ffffff;
        border: 1px solid #e0e0e0;
        color: #4b5864;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234b5864' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0.7em center;
        background-size: 12px;
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
    }

        #filtro_nombre_productos .select-filtro-adicional:hover {
            background: #f5f5f5;
            border-color: #d0d0d0;
        }

        #filtro_nombre_productos .select-filtro-adicional option {
            background: #ffffff;
            color: #4b5864;
        }

/* ===============================
   FILTROS APLICADOS DESKTOP
   =============================== */

#filtrosAplicadosDesktop .filtroAplicadoDesktop {
    display: none;
    align-items: center;
    gap: 0.5rem;
    font-size: clamp(1.25rem, 1vw, 1.35rem);
    margin-top: 0.5em;
    padding: 0.3em 0.5em;
    border-radius: 7px;
    border: 1px solid #d7d7d7;
    background-color: #566573;
    color: #ffffff;
}

/* ===============================
   RESPONSIVE
   =============================== */




/* ===============================
   PAGINA SIN RESULTADOS
   =============================== */

.img_lupa {
    width: 20%
}


.btn_vermas{
    width:230px
}



@media (max-width: 768px) {
    .contenedor_filtros_busqueda {
        flex-direction: column;
        align-items: stretch;
    }

    .contenedor_filtros_productos {
        max-width: 100%;
    }
}



@media only screen and (min-width: 400px) {

    .subContenedorCallcenter_A {
        flex-direction: row;
        gap: 1rem;
    }

  
}

@media only screen and (max-width: 400px) {

    #marcamodelo_contenedor_mobile {
        display: flex;
        justify-content: start
    }


    #filtrar_mobile {
        display: flex;
        justify-content: end
    }

      #filtro_nombre_productos .tab-navigation {
        align-items: start;
        flex-direction: column;
    }
}









@media only screen and (min-width: 460px) {


    ul.listaSeoCat li {
        flex: 1 1 calc(50% - 10px); /* 2 columnas base */
        max-width: calc(50% - 10px); /* Asegura que no se estire más de 1/2 */
    }
}






@media only screen and (min-width: 520px) {
    .btn_filtrosMobile i {
        display: flex
    }

    .contenedorMarca {
        flex-direction: row;
        justify-content: start;
        gap: 3rem
    }

    .btn_buscarMiauto {
        width: 50%;
    }
}


@media only screen and (min-width: 600px) {

    .producto {
        display: grid
    }

    .tr-producto {
        display: grid;
        column-gap: 1rem;
        grid-template-columns: 22% 76%;
    }


    #datos-producto {
        display: grid;
        grid-template-columns: 56% 41%;
        gap: 3%;
    }

    .caja_precio {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: start
    }



    .col-img-productoDesk {
        padding: 0;
    }

    .foto-producto-desk {
        width: clamp(85px, 12vw, 120px);
    }

    .dropdown_compartir {
        right: 3%;
    }
}



@media only screen and (min-width: 795px) {



    .tr-producto {
        grid-template-columns: 18% 80%;
        column-gap: 0.8rem;
    }

    #datos-producto {
        grid-template-columns: 68% 29%;
    }

    .contenedor_precios {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        align-items: start
    }

    .subContenedor_precios {
        display: flex;
        flex-direction: row;
        justify-content: start;
        gap: 0.8rem;
        width: 100%;
    }




    .foto-producto-desk {
        width: clamp(85px, 10vw, 90px);
    }

    .div_cantidad {
        display: flex;
        flex-direction: row;
        gap: 0.8rem;
        justify-content: center;
        width: 100%;
        align-items: center
    }

    .btn-desktop-menos {
        border-radius: 3px 0 0 3px;
        width: 28px;
        height: 28px;
        background-color: #566573 !important;
        font-size: clamp(9px, 1vw, 11px);
    }

    .input_cantidad {
        border-radius: 0px !important;
        border: 1px solid #B7B4B4;
        height: 28px !important;
        width: 50px !important;
        background-color: #FFF;
        font-size: 12px !important;
        text-align: center
    }

    .btn-desktop-mas {
        border-radius: 0 3px 3px 0;
        width: 28px;
        height: 28px;
        background-color: #566573 !important;
        font-size: clamp(9px, 1vw, 11px);
    }

    .contendor_btnComprar {
        width: 44px;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .btn_agregar {
        font-size: clamp(25px, 2.2vw, 25px);
        color: #f1671a;
        cursor: pointer
    }


    .seccion_padre {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        padding: 2rem;
    }

    .div_ContenedorcallCenter {
        flex-direction: column
    }

        .div_ContenedorcallCenter img {
            width: 43%;
        }

    .subContenedorCallcenter_A {
        gap: 10px;
        flex-direction: row
    }


    .btn_buscarMiauto {
        width: 80%;
    }

    .texto_lupa {
        text-align: left;
    }
}

/*ESTILOS MODAL */

@media only screen and (min-width: 992px) {









    .col-cantidad {
        display: flex;
        flex-direction: column;
        justify-content: center
    }



    ul.listaSeoCat {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        width: 100%;
        padding: 0;
    }






    .me-3 {
        margin-right: 0 !important;
    }








    .cuerpoModalBuscadores {
        gap: 4rem;
        width: 95%;
    }

    .seccion_infoProductoModal {
        display: grid;
        grid-template-columns: 48% 50%;
        gap: 2%;
    }

    .contenedorCarruselModal {
        width: 80%
    }

    .img-productoModal {
        width: 300px;
    }

    .carousel-control-next, .carousel-control-prev {
        font-size: 18px;
    }

    .contenedorMarca img {
        width: 70%;
    }


    .mensaje_20dcto {
        width: 100%;
    }

    .btn-desktop-modal {
        width: 100%;
    }

    .div_cantidadModal {
        gap: 2rem
    }

    .seccion_infoProductoModal {
        gap: 2rem;
    }

    .dropdown_compartir {
        position: absolute;
        right: 3%;
        top: 2%;
    }



    .td_marca_tblmodelo, .link_estilosImgModal, #thMARCA, #thMODELO, .columna_marca, .link_estilosModelo {
        display: revert
    }

    #thMARCAMODELO, .link_estilosModeloMobile {
        display: none
    }

    .link_estilosImgModal img {
        width: 60px;
    }

    .td_marca_tblmodelo {
        width: 15%
    }



    .seccion-SEO {
        padding: 2em 3em;
    }


    ul.listaSeoCat li {
        flex: 1 1 calc(33.33% - 10px);
        max-width: calc(33.33% - 10px);
        list-style: none;
    }





    /*Elementos mobile que se ocultan center pantallas grandes*/


    #datos-producto {
        grid-template-columns: 50% 47%;
    }

    .subContenedor_precios {
        justify-content: space-between;
    }


    /*contenedor de filtros y lista de productos*/
    .cont_FiltrosProductos {
        display: grid;
        grid-template-columns: 100%;
        gap: 2%;
    }


    /*seccion filtros*/

    .filtros-aplicados {
        display: none
    }



    .subcantidad_busqueda {
        font-size: var(--font-size-tituloH1);
        color: #545454;
        font-weight: 600;
        margin: 0
    }

    .cantidad_busqueda {
        display: flex;
        font-size: var(--font-size-cantProducto);
        color: #9E9E9E
    }

    .buscarMarcaModelo {
        text-decoration: none !important;
        color: white;
        background: #f1671a;
        border-radius: 23px;
        font-size: clamp(12px, 1vw, 13px);
        font-weight: 500;
        transition: all .2s ease;
        width: 90%;
        border-color: #f1671a;
    }

        .buscarMarcaModelo:hover {
            color: #bc5014
        }

        .buscarMarcaModelo:visited {
            color: #fff
        }

    .container-marcas-modelos {
        background-color: white;
        padding: 1rem;
        border-radius: 5px;
        border: solid 1px #e4e4e4;
    }

        .container-marcas-modelos .title-marca, .title-modelo {
            font-size: var(--font-size-estandarMenu);
            color: #545454;
        }

        .container-marcas-modelos li.active {
            font-weight: 600;
            margin-bottom: 0rem
        }

        .container-marcas-modelos .bi-check-square-fill {
            color: #f1671a !important;
        }

        .container-marcas-modelos .txtFiltro {
            background-color: transparent;
            color: #4b5864;
            border: 1px solid #b4bac0;
        }

            .container-marcas-modelos .txtFiltro::-webkit-input-placeholder {
                color: #4b5864;
            }


        .container-marcas-modelos .txtFiltroCompleto {
            background-color: transparent;
            color: #4b5864;
            border: 1px solid #5E676F;
        }

            .container-marcas-modelos .txtFiltroCompleto::-webkit-input-placeholder {
                color: #4b5864;
            }


        .container-marcas-modelos div {
            display: flex;
            flex-direction: column;
            gap: 0.8rem
        }


    .filter-marcas-modelos {
        display: flex;
        flex-direction: column;
        gap: 0.3rem
    }

        .filter-marcas-modelos li {
            display: flex;
            flex-direction: row;
            gap: 0.5rem;
            align-items: center
        }

        .filter-marcas-modelos i {
            color: #545454;
            font-size: clamp(14px, 1vw, 16px);
        }


    .filtro-modelos-li {
        flex-direction: row;
        gap: 0.5rem;
        display: flex;
        margin: 0.5rem 0;
        font-size: clamp(14px, 1vw, 16px)
    }

        .filtro-modelos-li a {
            text-decoration: none;
            color: #545454;
            font-size: var(--font-size-filtro);
            font-weight: 100
        }

    .filter-marcas-modelos {
        margin: 0
    }

    .txtFiltro {
        margin: 0;
        padding: 3px 7px;
    }

    .txtFiltroCompleto {
        margin: 0;
        padding: 3px 7px;
        width: 30%
    }


    .filtro-marca {
        text-decoration: none;
        color: #545454;
        font-size: var(--font-size-filtro);
        font-weight: 100
    }

    .show-more-marcas, .show-more-modelos {
        background-color: transparent;
        color: var(--color-naranja);
        margin-top: 0rem;
        font-weight: 600
    }


    /*seccion productos*/
    .contenedor_filtroB {
        display: flex;
        width: 20%;
        position: relative
    }

    #iconFilter {
        position: absolute;
        right: 0;
        top: 20%;
        font-size: 19px;
        padding-right: 1rem;
    }


    .reset-hidden {
        display: none;
    }



    .foto-producto-desk {
        width: clamp(76px, 8.5vw, 90px);
    }

    .caja_precio {
        justify-content: center;
    }

    .contenedor-completo {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .div_cantidad {
        gap: 1rem;
    }

    /*Tarjetas de producto*/

    .cont-marca-producto {
        display: flex;
        justify-content: start;
        padding: .2em .2em 0
    }

        .cont-marca-producto img {
            width: 40%
        }

    .link_verFoto {
        display: none
    }
}


@media only screen and (min-width: 1080px) {
    .contenedor_productos {
        gap: 0.5rem;
    }

    
        .encabezados {
            gap: 0.5rem
        }

    .contenedor_precios {
        gap: 0.2rem;
    }


    .contenedorFiltrosMobile, #marcamodelo_contenedor_mobile {
        display: none
    }


    .search-sidebar {
        display: flex;
        flex-direction: column;
        gap: 0.8rem
    }

    .btn_buscarMiauto {
        width: 50%;
    }


    .seccion_padre {
        grid-template-columns: 1fr 1.3fr;
    }

    .div_ContenedorcallCenter {
        flex-direction: row;
    }


        .div_ContenedorcallCenter img {
            width: 38%;
        }


    .tr-producto {
        grid-template-columns: 15% 83%;
    }

    .subContenedor_precios {
        justify-content: space-between;
    }

    #datos-producto {
        grid-template-columns: 47% 50%;
    }


    .cont_FiltrosProductos {
        grid-template-columns: 20% 78%;
        gap: 2%;
    }



    .container-marcas-modelos {
        padding: 1rem;
    }

    .contenedorInfoProducto {
        gap: 0.3rem
    }

    .precio_oferta {
        font-size: 15px;
    }

    .tr-producto {
        padding: 0.5rem
    }

    .titulo_tarjeta_productos {
        padding: 6px 8px;
    }

    .div_cantidad {
        gap: 1rem;
        justify-content: flex-end;
    }


    .btn-desktop-menos, .btn-desktop-mas {
        font-size: clamp(8px, 1vw, 9px);
        width: 21px;
        height: 21px;
    }

    .input_cantidad {
        height: 21px !important;
    }


    .mensaje_20dcto {
        width: 80%;
    }

    .btn-desktop-modal {
        width: 80%;
    }
}


@media only screen and (min-width: 1367px) {

    .seccion-SEO {
        padding: 2em 7em;
    }


    .cont_FiltrosProductos {
        gap: 3%;
        grid-template-columns: 18% 79%;
    }



    .precio_oferta {
        font-size: 15px;
    }






    .input_cantidad {
        width: 50px !important;
    }

    .div_cantidad {
        gap: 2rem;
        justify-content: center;
    }


    .dropdown_compartir {
        right: 4%;
    }
}