

.bt_adf_paginationContent .bt_adf_selectContainer .bt_adf_Title {
    display: none;
    font: 400 24px/32px "Roboto", sans-serif;
    color: #252a33;
    margin-top: 27px;

    padding: 35px 0 9px 0;
}


.bt_adf_grid_search_boxes {
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos se envuelvan cuando no hay suficiente espacio */
    justify-content: space-between; /* Distribuye los elementos horizontalmente */
    align-items: flex-start; /* Alinea los elementos arriba */
}


.bt_adf_item_searchbox {
    flex: 1 1 calc(25% - 20px); /* Flexible, permite envolver, ancho ajustado por margen y padding */
    margin: 5px;
    background-color: rgb(225, 229, 233);
    padding: 10px;
    box-sizing: border-box; /* Incluye el padding y el borde dentro del ancho y alto */
    min-width: 160px;
}



#btadvancesearch {
    margin-bottom: 40px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#btadvancesearch .fa,
#btadvancesearch .far,
#btadvancesearch.fas {
    font-family: "Font Awesome 5 Free";

    font-weight: bold;
}


.bt_adf_Title{
    color: var(--complementary-color);
}

.bt_adf_filterTitle {
    text-wrap: nowrap;
    font-size: 24px;

    font-weight: bold;

    /* margin-top: 15px; */

    padding: 10px 10px;

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    color: var(--primary-color);
}

.bt_adf_filterSelect {
    border: 2px solid #636569;

    background: none;

    padding: 0 25px 0 6px;

    height: 40px;

    width: 100%;

    font-size: 20px;

    -webkit-appearance: none;

    -ms-appearance: none;

    -moz-appearance: none;

    appearance: none;

    z-index: 1;

    position: relative;
}

.bt_adf_loading {
    float: left;

    position: absolute;

    width: 100%;

    padding: 15px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 35px;

    color: var(--primary-color);

    height: 100%;

    background: rgba(255, 255, 255, 0.8);
}

.bt_adf_loadingFilters {
    position: absolute;

    color: var(--primary-color);

    font-size: 17px;

    right: 0px;

    top: 0px;

    background: #fff;

    width: auto;

    padding: 15px;
}



.bt_adf_selectContainer * {
    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;
}

/* .bt_adf_carret {
    display: inline-block;

    position: absolute;

    width: 30px;


    top: 1px;
    right: 0px;
    
    bottom: 0px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 0;
} */

/* .bt_adf_carret::after {
    content: "\f107";

    font-family: fontawesome;

    font-size: 16px;
}  */

.bt_adf_filterSelect:focus + .bt_adf_carret {
    transform: scaleY(-1);

    color: var(--primary-color);
}

.bt_adf_select_limit {
    width: 100%;
}

.bt_adf_paginationContent .product-count {
    margin-top: -5px;
}


.bt_adf_paginationContent .bt_adf_filterTitle {
    width: 100px;
    font-size: 12px;
    line-height: 20px;
    padding: 3px 0px;
}

.bt_adf_paginationContent .bt_adf_selectContainer {
    width: 100px;
    margin-left: 5px;
}

.bt_adf_paginationContent .bt_adf_filterSelect {
    /*height: 35px;*/
}

.bt_adf_paginationContent .product-count p {
    margin-top: 5px;
    line-height: 20px;
    text-align: center;
}

.bt_adf_leftDisplay {
    /*border: 1px solid var(--primary-color);*/

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 0px;

    padding-bottom: 20px;

    margin-bottom: 20px;
}

.bt_adf_leftDisplay .bt_adf_Title {
    padding-top: 20px;
}

.bt_adf_leftDisplay .bt_adf_grid_search_boxes {
    grid-template-columns: 1fr;
}

.bt_adf_leftDisplay .btn {
    color: #fff;

    background-color: var(--primary-color);
}

.input-group {
    display: flex;
    align-items: center;
    width: 100%; /* Ajusta según necesidad */
}

.input-group-prepend,
.input-group-append {
    display: flex;
}
.input-group-prepend

.input-group .form-control {
    flex: 1; /* Esto hace que el input crezca para ocupar el espacio restante */
}

.custom-rounded-search {
    border-radius: 999px; /* Estilo más redondeado tipo "pill" */
    overflow: hidden;
}
.input-group > * {
    height: 45px; /* Ajusta según tu diseño */
    box-sizing: border-box;
}
.input-group .form-control {
    flex: 1;
    min-width: 0; /* Previene desbordamiento en algunos navegadores */
}
.input-group .form-control.btsearchkey{
    border-radius: 0;
}



.btn_container_left {
    margin-top: 20px;

    text-align: center;
}

.bt-home-page-tabs ul{
    margin-top: 10px;
}

#baf-home-page-tabs {
    overflow: auto;
    max-width: 100%;
}

#baf-home-page-tabs li {
    display: inline-flex;
    margin: 5px;
}

#baf-home-page-tabs li a {
    flex-wrap: nowrap;
    white-space: nowrap;
}

#baf-home-page-tabs {
    margin-top: 30px;
    display: flex;
    width: inherit;
    justify-content: flex-start;
    align-items: center;
}

#baf-home-page-tabs li.active {
    border-bottom: 4px solid var(--primary-color);
}

#baf-home-page-tabs li a {
    padding: 10px;
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
}


#baf-home-page-tabs li.active a {
    color: var(--primary-color);
}
.tab-content.bt-home-page-tabs li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tab-content.bt-home-page-tabs li a {
    padding: 10px;
    color: rgba(0, 0, 0, 0.7);
}

.tab-content.bt-home-page-tabs li a:hover {
    border: 3px solid var(--primary-color);
    color: var(--primary-color);
}

.tab-content.bt-home-page-tabs .active {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    max-width: 95%;
}

.tab-content.bt-home-page-tabs .active li {
    width: 100%;
    list-style: none;
}

/* =========== PAGINATOR ============= */
.bt_adf_paginationContent .pagination .product-count{
    padding: 0;
}
/* #btadvancesearch .pagination{
    width: auto;
} */
.paginator {
    text-align: center;
    padding: 20px 0;
}


.paginator .pagination {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.paginator .pagination a:not(.previous):not(.next) {
    letter-spacing: normal;
}

.paginator .pagination li {
    display: inline;
}

.paginator .pagination .btn {
    margin: 5px;
    padding: 7px 12px;
    color: #333;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    transition: background-color 0.2s, border-color 0.2s;
}

.paginator .pagination .btn:hover {
    background-color: #636569;
    border-color: #ccc;
    color: #fff;
}

.paginator .pagination .btn i.fa {
    margin: 0;
}

.paginator .pagination .active .btn,
.paginator .pagination .btn:active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

/* ==============PRODUCT ITEM======================= */

/* ==================old========================== */
.bt_adf_productResults {
    /* position: relative;

    margin-top: 20px;

    ///border: solid 1px #e1e1e1;

    padding: 0px 15px;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

    position: relative;

    grid-gap: 20px 2%;

    align-items: start;

    max-width: 2560px; */
}

.bt_adf_productResults {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.bt_adf_productResults > div > div {
    flex-basis: calc(50% - 20px); /* Ajusta el tamaño base según tus necesidades */
    margin: 10px; /* Ajusta el margen según tus necesidades */
    box-sizing: border-box;
}

.bt_adf_productResults .product-container {
    padding: 0;

    max-width: 220px;
}

.bt_adf_productResults .product-container .functional-buttons {
    margin-top: 10px;
}

.bt_adf_productResults .product-container .content_price {
    margin-top: 12px;
}

.bt_adf_productResults .product-container .product-flags {
    display: none;
}

.bt_adf_productResults .product-container .price {
    display: inline-block;
}

.bt_adf_productResults span.iva {
    font-size: 10px !important;
}

.bt_adf_productResults .product-container .product-desc {
    font-size: 13px;

    line-height: 1.4;

    color: #878787;

    margin-top: 6px;

    margin-bottom: 0;
}

.bt_adf_productResults .list-desc {
    display: none;
}

.bt_adf_productResults .product-container .product-desc {
    font-size: 13px;

    line-height: 1.4;

    color: #878787;
}

.bt_adf_productResults .product-container h5 {
    padding: 0;

    margin: 0;
}

.bt_adf_productResults .product-container .right-block {
    position: relative;

    padding: 10px;
}

.bt_adf_productResults .product-container .left-block {
    padding-bottom: 0;
}

.bt_adf_productResults .product-container .product-image-container {
    display: block;

    position: relative;

    background: #fcfcfd;
}

.bt_adf_productResults .product-container .product-image-container .product_img_link {
    display: block;
}

.bt_adf_productResults .ajax_add_to_cart_button {
    display: inline-block;

    margin: 0;

    padding: 0;

    background: none;

    color: #13a1f4;

    line-height: 1;

    box-shadow: none;

    vertical-align: top;

    overflow: visible;

    border: 0px;

    height: 32px;
}

.bt_adf_productResults .ajax_add_to_cart_button span {
    display: none;
}

.bt_adf_productResults .ajax_add_to_cart_button::before {
    /* position: static;

    background: none;

    z-index: auto;

    opacity: 1;

    font-family: 'Thin Regular';

    content: "\e837";

    //content: url("./../img/agregar-3.png"); 

    display: inline-block;

    font-weight: normal;

    font-size: 24px;

    line-height: 27px;

    -moz-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    border: 0px; */
}

.bt_adf_productResults .ajax_add_to_cart_button:hover {
    /* content: url("./../img/agregar-3-hover.png"); */

    transform: scale(1, 1);
}

/* ==============================new=========================== */

.bt_adf_productResults .product-container {
    display: flex;
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin: 20px 0;
    transition: box-shadow 0.3s ease;
    flex-direction: column;
}

.bt_adf_productResults .product-container:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}

.bt_adf_productResults .left-block {
    width: 100%;
}

.bt_adf_productResults .right-block {
    width: 100%;
}

.bt_adf_productResults .product-image-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bt_adf_productResults .product_img_link {
    display: block;
    width: 100%;
    height: auto;
}

.bt_adf_productResults .img-responsive {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.bt_adf_productResults .product-name {
    text-align: center;

    width: 100%; /* Ajusta el ancho según tus necesidades */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Define el número de líneas que se mostrarán */
    overflow: hidden;
    text-overflow: ellipsis;
}

.bt_adf_productResults .product-name .txt-product-name {
    font-size: 16px;
    /* color: #888; */
    margin-bottom: 10px;
    text-decoration: none;
    /* font-weight: bold; */
    transition: color 0.3s ease;
}

.bt_adf_productResults .product-name .txt-product-name:hover {
    color: var(--primary-color);
}

.bt_adf_productResults .product .product-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bt_adf_productResults .product .product-options div input,
.bt_adf_productResults .product .product-options div button,
.bt_adf_productResults .product .product-options div a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}
.bt_adf_productResults .product .product-options div input {
    outline: none;
    width: 50px;
}

.bt_adf_productResults .product-desc {
    color: #777;
    font-size: 14px;
    margin-bottom: 15px;
}

.bt_adf_productResults .content_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.bt_adf_productResults .iva {
    font-size: 12px;
    color: #888;
}

.bt_adf_productResults .functional-buttons {
    margin-top: 20px;
}

.bt_adf_productResults .ajax_add_to_cart_button {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.bt_adf_productResults .ajax_add_to_cart_button:hover {
    background-color: #0056b3;
}

.bt_adf_productResults .availability .label-danger {
    background-color: #e3342f;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}

.bt_adf_productResults .cart-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bt_adf_productResults #quantity_to_cart_ {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* =========== MEADIA QUERY ============= */

@media screen and (min-width: 991px) {
    .bt_adf_productResults .product-container .functional-buttons {
        position: absolute;

        left: 0;

        right: 0;

        bottom: 5px;

        opacity: 0;

        visibility: hidden;

        -moz-transition: 0.5s all ease;

        -o-transition: 0.5s all ease;

        -webkit-transition: 0.5s all ease;

        transition: 0.5s all ease;
    }

    .bt_adf_productResults .product-container:hover .functional-buttons {
        opacity: 1;

        visibility: visible;
    }

    .bt_adf_productResults .product-container .right-block {
        padding: 20px 0 45px;
    }

    /* .bt_adf_paginationContent .bt_adf_selectContainer {
        width: 65%;
    } */
}

@media (min-width: 350px) {
    .tab-content.bt-home-page-tabs .active li {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .tab-content.bt-home-page-tabs .active li {
        width: 25%;
    }
}

@media screen and (max-width: 768px) {
    /* .bt_adf_grid_search_boxes {
        grid-gap: 100px 5%;
    }

    .bt_adf_productResults {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    } */
}
