.left-category-area .category-header h4,
.section-title h2::before,
.product-card .countdown span,
.flash-deal-slider.owl-carousel .owl-nav div:hover,
.features-slider.owl-carousel .owl-nav div:hover,
.newproduct-slider.owl-carousel .owl-nav div:hover,
.bestseller-slider.owl-carousel .owl-nav div:hover,
.toprated-slider.owl-carousel .owl-nav div:hover,
.pagination li a:hover, .pagination li span:hover,
.pagination li.active span, .pagination li.active a,
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,
.u-d-d i,
.details-page-top-right-content .countdown span,
.mm-heading-area,
.section-title .links a::before,
.flash-sell-area.theme2 .product-card .countdown,
.menu-top-area,
.product-card .product-button-group .product-button,
.deal-of-day-section .countdown,
.bestseller-slider.owl-carousel .owl-nav div:hover, 
.brand-slider.owl-carousel .owl-nav div:hover, 
.features-slider.owl-carousel .owl-nav div:hover, 
.flash-deal-slider.owl-carousel .owl-nav div:hover, 
.home-blog-slider.owl-carousel .owl-nav div:hover, 
.newproduct-slider.owl-carousel .owl-nav div:hover, 
.popular-category-slider.owl-carousel .owl-nav div:hover, 
.toprated-slider.owl-carousel .owl-nav div:hover,
.btn,
.footer-social-links a,
.a2a_kit a
{
    background : #000000 ;
}

.site-header .toolbar .toolbar-item > a > div > .compare-icon > .count-label, .site-header .toolbar .toolbar-item > a > div > .cart-icon > .count-label,
.btn-primary,
.hero-slider > .owl-carousel.dots-inside .owl-dots .owl-dot,
.widget-title::after,
.scroll-to-top-btn:hover,
a.list-group-item::before, .list-group-item-action::before
{
    background-color : #000000 !important;
}


.hero-slider .owl-carousel .owl-nav div,
.left-category-area .category-list .navi-link:hover span.text-gray-dark,
.site-header .navbar .nav-inner .right-info i,
.h-t-social-area ul li a:hover,
.menu-top-area .login-register:hover,
.t-h-dropdown a:hover,
.t-h-dropdown a.active,
.product-card .product-price,
.genius-banner .content .content-inner p,
.navi-link:hover,
.site-header .site-menu > ul > li:hover > a,
.widget-categories ul > li.active > a,
.widget-links ul > li.active > a,
.details-page-top-right-content  a,
.widget-categories ul > li > a:hover,
.widget-links ul > li > a:hover,
.product-card .product-title > a:hover,
.product-card .product-category > a:hover,
.nav-tabs .nav-link:hover,
.post-title > a:hover,
.post-meta > li > a:hover,
.widget-featured-posts > .entry .entry-title > a:hover,
.widget-featured-products > .entry .entry-title > a:hover,
.widget-cart > .entry .entry-title > a:hover,
.entry .entry-delete a,
.steps .step.active .step-title, .steps .step.active > i,
.text-primary,
.shopping-cart .product-item .product-title > a:hover,
.wishlist-table .product-item .product-title > a:hover,
.order-table .product-item .product-title > a:hover,
.list-group-item.active,
a.list-group-item:hover,
 a.list-group-item:focus, a.list-group-item:active,
 .list-group-item-action:hover,
 .list-group-item-action:focus,
 .list-group-item-action:active,
 .progress-steps li.active .icon,
 .comparison-table .comparison-item .comparison-item-title:hover,
 .site-header .site-menu > ul > li.active > a,
 .breadcrumbs > li > a:hover,
 .faq-box:hover .link,
 .left-category-area .category-list .sub-c-box .title:hover,
 .left-category-area .category-list .sub-c-box .child-category a:hover,
 .section-title .links a:hover, 
 .section-title .links a.active,
 #quick_filter li a:hover,
 #quick_filter li a.active,
 .section-title .right_link:hover,
 .popular-category.theme3 .links a.active,
 .popular-category.theme3 .links a:hover,
 .site-header .search-box-wrap .input-group .serch-result .bottom-area a:hover,
 .shop-view>a,
 .genius-banner .inner-content p,
 .details-page-top-right-content .price-area .main-price,
 .free-shippin-aa
{
    color : #000000 !important;
}

.js-cookie-consent-agree{
    background : #000000 !important;
}

.site-header .toolbar .toolbar-item > a > div > .compare-icon > .count-label,
.btn-primary:hover,
.scroll-to-top-btn:hover,
.pagination li a:hover,
.pagination li span:hover,
.pagination li.active span,
.pagination li.active a,
.nav-tabs .nav-link.active:hover,
.btn
{
    color : #fff !important;
}

.shopping-cart .product-resumen-item .product-title>a{
    color: #232323;
    line-height: 1.5;
}

.shopping-cart .product-resumen-item .product-title>a:hover{
    color: #000000;
}


.shop-view>a.active{
    color: #fff !important;
}

.category-scroll::-webkit-scrollbar-thumb {
    background-color:  #000000;
}

.category-scroll {
    scrollbar-color:  #000000 #e4e4e4;
    scrollbar-width: thin;
}

.btn-outline-primary {
    border-color: #000000;
    color: #000000;
    <!-- background: none; -->
}
.btn-outline-primary:hover {
    background-color: #000000;
    color: #fff !important;
}
.t-h-dropdown .t-h-dropdown-menu {
    border-top: 2px solid #000000;
}
.product-card:hover,
.brand-slider .slider-item a:hover,
.genius-banner:hover
{
    border-color: #000000;
}
.form-control:focus {
    border-color: #000000;
}
.input-group .form-control:focus ~ .input-group-addon {
    color: #000000;
}
.shop-view > a.active {
    border-color: #000000;
    background-color: #000000;
}
.custom-control .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #000000;
    background-color: #000000;
}
.product-gallery .product-thumbnails > li.active > a,
.steps .step.active
{
    border-color: #000000;
}

.quickFilter .quickFilter-title:hover {
    border-color: #000000 !important;
}
#quick_filter {
    border-color: #000000;
}

.override-center {
    text-align: left !important; /* Anula text-align: center */
}

.font-light {
    font-weight: 400;
}

.hr-custom {
    height: 5px !important;
    background : #000000;
    opacity: 1 !important;
}

.hr-custom-canceled {
    height: 5px !important;
    background : red;
    opacity: 1 !important;
}


.card-product-home {
 background-image: linear-gradient(163deg, #fff 1%, #000000 100%);
 border-radius: 20px;
 transition: all .3s;
}

.card-product-home2 {

 background-color: white;
 border-radius:;
 transition: all .2s;
 border: none !important
}

.card-product-home2:hover {
 transform: scale(0.98);
 border-radius: 20px;
}

.card-product-home:hover {
 box-shadow: 0px 0px 30px 1px #a6abb038;
}

.bg-new{
    background-color: #034b62 !important
}

.bg-flash_deal{
    background-color: #557791 !important 
}

.bg-feature{
    background-color: #3f378e !important 
}

.bg-best{
    background-color: #000000 !important 
}

.bg-top{
    background-color: #5bb2ff !important 
}
.bg-new, .bg-flash_deal, .bg-feature, .bg-best, .bg-top{
    background-color: #000000 !important 
}

.product-card .product-price{
    font-size: 14px !important;
}
.del-prices{
    font-size: 11px !important;
}


.multi-line-ellipsis {
  display: -webkit-box;        
  -webkit-box-orient: vertical; 
  overflow: hidden;            
  text-overflow: ellipsis;     
  -webkit-line-clamp: 2;       
  max-width: 100%;             
}

.li-contact{
    font-size: 13px;
}
.form-contat-title{
    font-size: 15px;
    font-weight: 600;
}

.hide-desktop {
  display: none;
}

.hide-movil {
  display: none;
}



@media (min-width: 769px) {
  .hide-movil {
    display: block; 
  }

  .ms-md-231 {
        margin-right: 28rem;
  }
}

@media (max-width: 576px) {
    .product-card-inner {
        display: contents !important;
    }

    .downMovil {
        display: flex !important;
        justify-content: end;
    }
}


.social-contact-buttons{
    width: 32px !important; 
    height: 32px !important; 
    line-height: 31px !important;
}

.quickFilter .quickFilter-title {
    width: 111% !important;
    font-weight: 600 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.text-decoration-none{
    color: #505050 !important;
}
.div-content-image-collection{
    position: absolute;
    left: 10px;
    top: 10px;
}
.collection-box {
    padding: 15px;
    height: 200px;
    max-height:200px;
    background-color: #f8f9fa; 
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); /* Sombra sutil */
    border: none; 
}
.collection-title {
    font-weight: bold;
}
.collection-link {
    font-size: 0.9rem;
}


.card-collection {
    display: flex;
    align-items: center;
    background-color: #000000; 
    color: white;
    padding: 20px 30px;
    border-radius: 12px;
    position: relative;
    width: 500px;
    margin: 20px auto; /* Centrado y separado */
    gap: 20px;
    margin-top: 67px;
}

.card-content {
    flex: 1;
    text-align: center;
}

.card-title {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0;
    letter-spacing: 0.5px;
    <!-- color: white; -->
}

.card-brand {
    font-size: 0.85rem;
    margin-top: 5px;
    opacity: 0.85;
}

.header-catalog-collection{
    height: 120px;
}
.collection-img{
    position: absolute;
    width: 465px !important;
    height: 200px !important;
    bottom: -9rem;
    left: 52rem;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.header-shopping{
    margin-top: 34px;
}


.card-product {
  background-image: linear-gradient(163deg, #fff 1%, #000000 100%);
  border-radius: 20px;
  transition: all .3s;
  }

  .card-product2 {

  background-color: white;
  border-radius:;
  transition: all .2s;
  border: none !important
  }

  .card-product2:hover {
  transform: scale(0.98);
  border-radius: 20px;
  }

  .card-product:hover {
  /* box-shadow: 0px 0px 30px 1px rgba(0, 255, 117, 0.30); */
  box-shadow: 0px 0px 30px 1px #6c757d;
  }

  .logo-small {
    max-width: 90%; 
    height: auto;
    display: block;
    margin: 0 auto; 
}

.bg-primary{
    background : #000000 !important;
}

.btn-white{
    background : #fff !important;
    color : #000000;
    border: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500 !important;
    padding: 9px 22px;
    border-radius: 4px;

}

.b-bottom-custom {
  border-bottom: 2px solid #dee2e6;
}

.step .circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #000000;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.step.active .circle {
  background-color: #000000;
  color: #fff;
}


@media (max-width: 767.98px) {
  .steps-container {
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 1rem;
    padding: 0 1rem;
    scroll-behavior: smooth;
  }

  .steps-container::-webkit-scrollbar {
    display: none;
  }

  .step, .line {
    flex: 0 0 auto;
  }

  .px-6rem {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .brand-img {
    height: auto;
    margin-top: 0;
  }

  .hide-desktop {
    display: block; 
  }

  .radio-box {
    width: 8pc !important;
  }

  .px-4rem {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .pl-pr-custom {
        padding-right: 2.5rem !important;

  }

}


.line {
  flex-grow: 1;
  height: 2px;
  background-color: #000000;
  margin: 0 5px;
}

.px-6rem {
  padding-left: 6rem ;
  padding-right: 6rem;
}

.px-4rem {
  padding-left: 4rem;
  padding-right: 4rem;
}

a.no-hover:hover {
    text-decoration: none;
    color: #000000;
}

.pl-pr-custom {
    padding-right: 7.5rem ;
    padding-left: 2.5rem !important;
    border-radius: 7px !important;
}

.form-check-input:checked {
    background-color: #000000;
    border-color: #000000;
}


.form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
    border-color: #000000;
}

.form-check:has(.form-check-input:checked) {
    border: 2px solid #000000 !important; 
    color: #000000 !important;
    font-weight: bold;
}

.form-check {
    transition: border-color 0.3s, color 0.3s;
}

.image-radio {
    border: 3px solid transparent;
    border-radius: 7px;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.image-radio input[type="radio"] {
    display: none;
}

.image-radio:has(input[type="radio"]:checked) {
    border-color: #000000; 
    box-shadow: 0 0 10px #000000; 
}


.radio-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #ccc;
    border-radius: 7px;
    padding: 1rem 2.5rem;
    transition: border-color 0.3s, box-shadow 0.3s;
    cursor: pointer;
    width: 11pc;
    height: 8pc
}

.radio-box input[type="radio"] {
    margin-top: 1.5rem;
    width: 20px;
    height: 20px;
    accent-color: #000000; 
}

.radio-box:has(input[type="radio"]:checked) {
    border-color: #000000;
    box-shadow: 0 0 8px #000000;
    color: #000000;
    font-weight: bold;
}

.radio-box label {
    margin-bottom: 0.2rem;
}

.mt-4rem {
  margin-top: 4rem !important;
}

.radio-brand input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.radio-brand:has(input[type="radio"]:checked) {
    border-color: #000000;
    box-shadow: 0 0 8px #000000;
    color: #000000;
    font-weight: bold;
}

.radio-brand label {
    margin-bottom: 0.2rem;
}

.radio-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #ccc;
    border-radius: 7px;
    padding: 1rem 2.5rem;
    transition: border-color 0.3s, box-shadow 0.3s;
    cursor: pointer;
    width: 17pc;
    height: 19pc
}

.brand-img-bot {
  width: 100%;
  <!-- height: 450px; -->
  object-fit: cover;
  margin-top: -86px;
  border-radius: .5rem;
}


.card_animation {
    position: relative;
    background: mediumturquoise;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-weight: bold;
    border-radius: 15px;
    cursor: pointer;
    }

    .card_animation::before,
    .card_animation::after {
    position: absolute;
    content: "";
    width: 20%;
    height: 20%;
    background: linear-gradient(
            to top,
            #000000 0%,
            #000000 0%,
            rgba(0, 0, 0, 0.2) 100%
        );
    transition: all 0.5s;
    }

    .card_animation::before {
    top: 0;
    right: 0;
    border-radius: 0 15px 0 100%;
    }

    .card_animation::after {
    bottom: 0;
    left: 0;
    border-radius: 0 100% 0 15px;
    }

    .card_animation:hover::before,
    .card_animation:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    transition: all 0.5s;
    }

    .card_animation:hover::after {
        content: attr(data-brand-name);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 35px;
        font-weight: bold;
        color: white;
    }

    .hover-underline-animation:after {
        content: "";
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #000000;
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
    }

blockquote {
    padding: 50px 78px 48px !important;
}


@media (max-width: 767.98px) {
    blockquote {
        padding: 37px 9px 7px !important;
    }
}

.break-words {
    word-break: break-word;
}

.t-h-dropdown-menu-container {
    display: none;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 1000;
}
.has-submenu:hover > .t-h-dropdown-menu-container {
    display: block;
}

.site-header .site-menu ul>li>a {
    color: #000 !important;
}
.site-header .site-menu > ul > li:hover > a{
    color: #000 !important;
}

.t-h-dropdown-submenu {
    position: relative;
}
.t-h-dropdown-submenu > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.t-h-dropdown-submenu:hover > .t-h-submenu {
    display: block;
}

.sb-facebook:focus, .sb-facebook:hover {
    color: #000000 !important;

}

.swal2-icon-content{
    color: #000000 !important;
}
.swal2-icon-show {
    border-color: #000000 !important;
    color: #000000 !important;
}
.page-item.active .page-link {
    background-color: #000000 !important;
    border-color: #000000 !important;
}



.tooltip-container {
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 17px;
  color: white;
  border-radius: 8px;
}

.tooltip {
  position: absolute;

  left: 50%;
  transform: translateX(-50%);
  padding: 0.6em 1em;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s;
  border-radius: 12px;
  background: #000000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   min-width: 200px; 
  max-width: 250px; 
  text-align: center; 
  word-wrap: break-word; 
  white-space: normal; 
}


.tooltip::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  border-style: solid;
  border-width: 8px 8px 0;
  border-color: #000000 transparent transparent;
}


.tooltip-container:hover .tooltip {
  bottom: 112%; 
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 576px) {
  .shop-view .list-view {
    width: 32px !important;
    height: 32px !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .shop-view i {
    font-size: 14px;
    }
}

.quickFilter .quickFilter-title i {
    color: #666;
    margin-right: 0px !important; 
    font-size: 13px;
}

.text-color-base{
    color: #000000 !important;
}

.slideable-menu ul li{
    margin-bottom: 20px;
}