/* aqui activo el icono mobil de busqueda*/

a:hover{
  color: #08C;
}
.text-primary {
    color: #08C !important;
}
/* mega menu */
#marketplace-menu{
  max-height: 250px;
  overflow-y: scroll;
}
/* slider */
.intro-section {
    background: linear-gradient(to bottom, #f4f4f4, #fff)
}

.home-slider {
    padding: 20px 60px 27px
}

.home-slider .owl-stage-outer {
    overflow: visible
}

.home-slider .owl-nav {
    position: absolute;
    top: 32%;
    left: 0;
    width: 100%;
    font-size: 2.4rem
}

.home-slider .owl-nav .owl-prev {
    left: 15px
}

.home-slider .owl-nav .owl-next {
    right: 15px
}

.home-slide {
    padding: 0 10px;
    background: transparent;
    font-size: 1.6rem
}

.home-slide:after,
.home-slide:before {
    display: none
}

.home-slide>a {
    display: block;
    position: relative
}

.home-slide>a img {
    min-height: 240px;
    object-fit: cover
}

.home-slide h3 {
    font-size: 1.375em;
    line-height: 1.35
}

.home-slide .product-count {
    color: #fff;
    font-size: 0.875em;
    font-weight: 500;
    line-height: 1.8;
    opacity: 0.7
}

.home-slide .btn {
    margin-top: 4%;
    padding: 0.85rem 1.5rem;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.42857;
    text-transform: uppercase
}

.home-slide .btn i {
    margin-left: 0.4rem
}

.home-slide .product-default {
    max-width: 43%;
    margin: -37% auto 20px;
    position: relative;
    z-index: 2
}

.home-slide .product-default .product-details {
    text-align: center
}

.home-slide .product-default .product-title {
    margin-bottom: 2px
}

.home-slide .product-default:hover {
    box-shadow: none
}

.home-slide .home-slide-content {
    position: absolute;
    top: 12%;
    width: 100%
}
/* fin slider */

/* VARIACIONES */
/* Radio Image */
.input-hidden {
    position: absolute;
    left: -9999px;
  }
  
  input[type=radio]:checked + label>img {
    border: 3px solid #fff;
    box-shadow: 0 0 3px 3px red;
  }
  input[type=radio] + label>img {
    border: 1px dashed red;
    width: 150px;
    height: 150px;
    transition: 100ms all;
    margin-left: 4px;
  }
  /* Fin Radio Image */
  /* metodos de envio*/
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    display:none;
}
/* VARIACIONES */
.sucursales {
  margin-bottom: 3rem;
  border: 1px solid #000;
  border-radius: 25px;
  font-size: 1.4rem;
}
#marcas_menu {
max-height: 250px;
overflow-y: scroll;
}
#marcas_menu_sidebar {
max-height: 300px;
overflow-y: scroll;
}
label.label-form{
font-weight:700;
}
/* Cargador */
div.cargador{
  position: fixed;
  width: 100%;
  opacity: .8;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition:all 0.5s ease-in-out;
  background:#007bff;
  text-align: -webkit-center;
  padding-top: 7%;
  visibility:visible;
  z-index:999999
}
.loader,
.loader:before,
.loader:after {
  background: #FFF;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
}
.loader {
  text-indent: -9999em;
  text-align:center; 
  position: relative;
  font-size: 11px;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.loader:after {
  left: 1.5em;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #FFF;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #FFF;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
/* CSS TEL */
/* Asegura que el input ocupe el 100% del ancho */
.iti {
    width: 100% !important; /* Hace que el contenedor de intl-tel-input sea 100% */
}

.iti input[type="tel"] {
    width: 100% !important; /* Hace que el campo input sea 100% */
    color: #000 !important;
}

/* Asegura que el texto dentro del control de intl-tel-input sea negro */
.iti__country-name,
.iti__dial-code,
.iti__selected-dial-code {
    color: #000 !important; /* Forzar color negro */
}
.iti__country.iti__standard {
  margin-bottom: 0.5rem; 
}

/*DATA TABLE ALIGN*/
.align-left {
  text-align: left !important;
}