/*** agrega aqui los estilos necesarios para modificar el template ***/




.bs-header {
    background: var(--header-bg-color);
    color: var(--header-txt-color);
}

.bs-header-search .input-group {
    background: rgb(244 240 237);
}

.bs-header-search .btn-search {
    color: #81543a;
}

.btn-primary, .badge-primary {
    background: #7db338;
    border-color: #7db338;
    border-radius: 20px;
}
.btn-secondary, .badge-secondary {
    background: #849686;
    border-color: #849686;
}

.announcement-bar {
    background: #a31b28;
}

.imagen-full-centro {
    display: none;
}

.mobile-contact-banner .container {
    display: none;
}

.contenedor-imagen {
  position: relative; /* Define el área de juego */
  display: inline-block; /* Ajusta el contenedor al tamaño de la imagen */
}

.texto-encima {
  position: absolute; /* Se despega del flujo normal */
  top: 50%;           /* Lo mueve al centro vertical */
  left: 50%;          /* Lo mueve al centro horizontal */
  transform: translate(-50%, -50%); /* Ajuste perfecto para centrarlo */
  
  /* Estilos para que se vea bien */
  color: white;
  background-color: rgba(0, 0, 0, 0.5); /* Fondo negro semitransparente */
  padding: 10px 20px;
  font-family: sans-serif;
  border-radius: 5px;
}

.fa-user {
    color: #849686;
}

.fa-basket-shopping, .fa-shopping-basket {
    color: #849686;
}


.bs-footer__chat .chat-whatsapp {
background: #25D366;
color: white;
position: fixed;
z-index: 5000;
right: 1em;
border: 0;
border-radius: 50rem;
width: 40px;
height: 40px;
margin: .125rem .125rem;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 2.5rem;
}

.btn-cart:hover, .btn-login:hover {
    background: #a31b28;
}

.bs-parallax__title::after {
    background: #849686;
}

.bs-copyright {
    background: #849686;
}

.bs-collection-filter .btn-secondary {
    background-color: #849686;
    border-color: #849686;

}

.badge-warning {
    background-color: #849686;

}

.bs-banner-grid__info {
    background: #f2f2f2;

}

@media only screen and (max-width : 992px) {
.bs-footer__chat .chat-whatsapp {
position: fixed;
bottom: 50%;
right: 1rem;
flex-direction: column;
z-index: 9000;
font-size: 2.5rem;
}
}