body{
	overflow-x: hidden;
}
#wrapper {
  background: #fff !important;
}
body#index #content-wrapper{
	margin-bottom: 50px;
}

body#index .banner{
	margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  	max-width: 1100px;
}

body#index #custom-text{
	margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  	max-width: 1100px;
}

body#index #wrapper{
	padding: 0px;
}

body#index #wrapper div.container{
	margin: 0px;
  	padding: 0px;
  	width: 100%;
}


body#category #wrapper .block-category{
	height: auto;
  	background: transparent;
  	min-height: auto;
    padding-left: 0px;
    padding-right: 0px;
}

body#category #wrapper #subcategories{
	display: none;
}

#blockEmailSubscription_displayFooterBefore .row{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
  	text-align: center;
}

#blockEmailSubscription_displayFooterBefore .row p{
	width: 100%;
}

.product-flags li.product-flag{
 	background: #d1171f9c; 
}

.btn-primary{
    background: #d1171f; 
}

a{
      color: #d1171f; 
}

a:hover {
      color: #d1171f; 
}

#header{
  position: sticky; /* O 'sticky' en lugar de 'fixed' */
  top: 0;  
  width: 100%;
}

.h3{
  color: #d1171f; 
}

#header .header-top a.dropdown-item{
  color: #000000 !important;
  border-left: 2px solid #999999;
  padding: 0px;
  padding-left: 10px;
  padding-right: 30px;
}

#block_myaccount_infos .myaccount-title a,
#header a,
#wrapper .breadcrumb li a,
.block-contact .block-contact-title,
.block-contact .navbar-toggler .material-icons,
.linklist .blockcms-title a{
  color: #d1171f; 
}

.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage{
	background: #d1171f;
}

.carousel .carousel-control .icon-next:hover i, 
.carousel .carousel-control .icon-prev:hover i, 
.dropdown:hover .expand-more, 
.page-my-account #content .links a:hover i, 
.search-widget form button[type="submit"] .search:hover, 
.top-menu .sub-menu a:hover{
	  color: #d1171f; 
}



.current-price .current-price-value{
  	  color: #d1171f; 
}

.current-price .discount-percentage{
  	  background: #d1171f; 
}

ul.top-menu a{
  color: #232323 !important; 
}

a:hover{
  	  color: #d1171f !important; 
}

.carousel-item figure{
 	width: 100%; 
}

@media (max-width: 991px) {
  .carousel {
	   height: auto !important;
  }

  .featured-products{
    top: 0px !important;
  }
  
  .featured-products .products{
    margin-left: 0px !important;;
    margin-right: 0px !important;
  }
}

#footer .footer-container{
  padding-bottom: 2.5rem;
}
#footer .footer-container .wrapper{
  border-left: 2px solid #999;
}
#footer .text-sm-center{
 	display: none; 
}

#footer{
    background-color: #fff;
}

/*
 * Aplicamos todos los estilos a la clase del H2: .products-section-title
 * Esto incluye el fondo, el texto y la posición para los pseudo-elementos.
 */
.products-section-title {
background-color: #e51d27;
  color: white;
  font-family: Arial, sans-serif;
  font-size: 1.8em;
  font-weight: bold !important;
  padding: 15px 20px;
  position: relative;
  z-index: 1;
  height: 150px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-top: 0px !important;
}

/* Franja Amarilla Izquierda (::before) */
.products-section-title::before {
  content: '';
  position: absolute;
  top: -15px;
  left: -130px;
  width: 45%;
  height: 35px;
  background-color: #ffc107;
  border-radius: 30px;
}

/* Franja Amarilla Derecha (::after) */
.products-section-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    right: -130px; /* Distancia a la derecha del H2 */
    width: 45%;
    height: 35px;
    background-color: #ffc107;
    border-radius: 30px;
}

.featured-products{
  position: relative;
  top: -50px !important;
  background: white;
  padding: 0px;
  margin-top: 0px !important;
}

.featured-products .products{
  margin-left: 300px;
  margin-right: 300px
}

#header .header-nav{
    border: 0px;
    background: #d1171f !important;
}

#header .header-nav .cart-preview.active{
  background: transparent !important;
}

#header .header-nav .language-selector, #header .header-nav .user-info{
  margin-top: 15px;
}

#header .header-nav .material-icons{
  font-size: 35px;
  margin-top: 0px;
  color: #fff !important;
}

.user-info i{
  font-size: 40px !important;;
}

.user-info .hidden-sm-down,
.header .hidden-sm-down{
  display: none !important;
}

#header a{
  color: #fff !important;
}

#header, #header .header-top {
  background-color: #fff;
}

.carousel .carousel-inner{
    height: 100% !important;
}

#blockEmailSubscription_displayFooterBefore div:first-child{
  background: transparent !important;
}

.dropdown-item:not(.dropdown-submenu) {
  position: relative;
  display: inline-block;
  color: white !important;
}

.btn-default{
    background: #d1171f !important; 
}

/* Muestra la línea cuando el menú está activo, hover o submenú abierto */
.category:hover > .dropdown-item:not(.dropdown-submenu)::after,
.category:focus-within > .dropdown-item:not(.dropdown-submenu)::after,
.dropdown-item:not(.dropdown-submenu).active::after {
  width: 100%;
}

/* Color del texto al mismo tiempo */
.category:hover > .dropdown-item:not(.dropdown-submenu),
.category:focus-within > .dropdown-item:not(.dropdown-submenu),
.dropdown-item:not(.dropdown-submenu).active {
  color: #d1171f !important;
}

.carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i{
  background: #d1171f !important;
  color: transparent !important;
  border-radius: 50%;
}

.carousel .carousel-control.left, .carousel .carousel-control.right {
  background: 0 0;
  margin: 20px !important;
}

.category .sub-menu {
  top: 130px !important;
  height: 60px;
}

.category .sub-menu a{
  border: 0px !important;
}

#search_widget form i {
  position: absolute;
  right: 20px;
  font-size: 35px;
  top: 0px;
}

#search_widget form input {
  background: #e6e6e6;
  border-radius: 30px;
  border: 0px;
  width: 100%;
  padding-left: 20px !important;
  padding-right: 50px !important;
}

.header-top #search_widget input {
  padding: 10px 20px 10px 40px;
}

#search_widget {
  min-width: 30rem;
}

#header .header-top .position-static{
  display: flex;
  flex-direction: column-reverse;
  padding-left: 10px;
  margin-top: 15px;
}

.product-images > li.thumb-container .thumb.selected, .product-images > li.thumb-container .thumb:hover {
  border: #d1171f 3px solid;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
  border-bottom: #d1171f 3px solid;
}

.tabs .nav-tabs .nav-link.active {
  color: #d1171f;
}

.product-miniature .thumbnail-container{
  border-radius: 20px;
  background: #f6f6f6 !important;
}

.product-miniature .highlighted-informations{
  background: #f6f6f6 !important;
}

.product-miniature .product-description{
  margin-top: 10px;
  background: transparent !important;
}

#header .header-nav .blockcart {
  height: 3rem;
  padding: .75rem;
  margin-left: .9375rem;
  text-align: center;
  white-space: nowrap;
  background: #f6f6f62b;
}