/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@media (max-width: 767px){
#header .header-top .search-widget input {
   background-color: white !important;
   color: #333333 !important;
}

#header .displayLogo {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#header .position-static {
margin-left: auto;
}

#products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature {
margin: 0 2px !important;
	
}
}


@media (min-width: 991px){
	#header .displayLogo {
	margin-top: -10px !important;
	}
}

#products .products {
	margin-left: -6px !important;
    margin-right: -6px !important;
}



#header {
background-color: #b90d0d !important;
}

.header-top {
background: linear-gradient(0deg, rgba(176,5,5,1) 0%, rgba(218,5,5,1) 100%) !important;
}
.footer-container {
background: linear-gradient(0deg, rgba(176,5,5,1) 0%, rgba(218,5,5,1) 100%) !important;
}
.copyright {
background-color: rgba(176,5,5,1) !important;
}

.dbcategories .cat_home .name {
padding: 5px !important;
background-color: rgba(233,233,233,1) !important;
text-align: center !important;
width: 100% !important;
border-radius: 10px !important;
margin: 5px !important;
font-weight: 500 !important;
}



#footer {
background-color: #b90d0d !important;
color: white !important;
}
#footer_contactinfo .data_contactinfo .data_contact .text_min {
color: white !important;
}
#footer_contactinfo .data_contactinfo .data_contact .value.phone {
color: white !important;
}
#footer_contactinfo .data_contactinfo .data_contact .value {
color: white !important;
}

#footer .footer-container .h3, #footer .footer-container .h4 {
color: white !important;
}	
#footer_contactinfo .data_contactinfo > i {
color: white !important;
}		


.btn .btn-secondary .btn_inifinitescroll .pulse {
  margin: 100px !important;
  display: block !important;
  width: 85px !important;
  height: 85px !important;
  border-radius: 50% !important;
  background: #cca92c !important;
  cursor: pointer !important;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4) !important;
  animation: pulse 2s linear infinite both !important;
  position: relative !important;
}

.btn .btn-secondary .btn_inifinitescroll .pulse::before {
  content: '';
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulse2 2s linear 1s infinite both;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.btn .btn-secondary .btn_inifinitescroll .pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 40px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

@-webkit-keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

@keyframes pulse2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 60px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}	
/* Aviso central al añadir producto al carrito */
#add-to-cart-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  z-index: 9999;
  background: rgba(39, 39, 39, 0.95);
  color: #fff;
  padding: 30px 50px;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
}
#add-to-cart-toast.show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}



li.input-container.attribute-out-of-stock {
  opacity: 0.3;
  cursor: not-allowed;
}

li.input-container.attribute-out-of-stock .radio-label {
  text-decoration: line-through;
}

li.input-container.attribute-out-of-stock .input-radio {
  pointer-events: none;
}









}