/* Cliente: evitar recorte de banners en hero */
/* .swiper.slider {
  .swiper-slide {
    min-height: unset;
    height: auto;
    max-height: 520px;
    aspect-ratio: 16 / 5;
  }

  .swiper-slide .hero-slide-image {
    background: var(--bs-body-bg);
  }

  .swiper-slide .hero-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center;
  }
} */

.header-banner {
  background: #004e7cf0
}

.header-banner .overlay-out .banner-title small {
  color: var(--color-text);
  background: var(--color-secondary);
}

header.sticky .header-nav #sticky-actions .header-cart .numArticulos {
  background-color: var(--color-secondary);
}

@media (max-width: 767.98px) {
    header .numArticulos {
        border: 2px solid var(--color-secondary);
        background-color: #fff;
    }
}

header .numArticulos {
    border: 2px solid var(--color-secondary);
}

header.sticky .header-nav .container {
    flex-flow: row nowrap;
}
header.sticky .header-nav .container > div {
    flex-grow: 0;
    flex-shrink: 1;
}
header.sticky .header-nav .container > div#mainNav ul.navbar-nav {
    flex-flow: row wrap;
}

.header-nav .navbar #mainNav .offcanvas-body .navbar-nav .dropdown-menu .dropdown-header {
  display: none !important;
}

.swiper.slider .swiper-slide.has-content:before {
    background: linear-gradient(90deg, rgba(0,0,0, 0.74) 0%, rgba(0,0,0, 0.55) 20%, rgba(0,0,0, 0.32) 45%, rgba(0,0,0, 0) 60%);
}

@media (max-width: 767.98px) {
  .swiper.slider .swiper-slide.has-content:before {
      background: linear-gradient(90deg, rgba(0,0,0, 0.74) 0%, rgba(0,0,0, 0.55) 38%, rgba(0,0,0, 0.32) 68%, rgba(0,0,0, 0) 100%);
  }
}

.section-cards .card {
  overflow: visible !important;
}