/** Shopify CDN: Minification failed

Line 58:0 Comments in CSS use "/* ... */" instead of "//"
Line 159:21 Unexpected "\"Productos Nuevos\""

**/
/**************************************Terra Wellness******************************************/
.button, .card__link {
  background-color: #4F6F52;
  color: #fff;
  padding: 10px 20px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.button:hover, .card__link:hover {
  background-color: #4F6F52;
}

.card-wrapper {
  background-color:rgb(233, 232, 230);
  padding: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  max-width: 320px;   /* prueba entre 300 y 340 */
  margin: 0 auto;
  border-radius: 14px;
  transition: all 0.3s ease;
}

.card-wrapper:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 22px #2e1a06;
}

.collection-list .card__heading a {
  color: #4F6F52 !important;
}

.collection-hero__text-wrapper {
  background-color: #F5F0E6; /* Cambia este color al que desees */
  padding: 20px;
  text-align: left;
}

.header-wrapper {
  background-color: #ffffff !important; /* Color verde claro o el que desees */
  width: 100%;
}

.header {
  max-width: 100% !important;
  background-color: transparent !important; /* Evita doble fondo */
  padding-left: 20px;
  padding-right: 20px;

}

//* Botones normales */
.button, .button--primary, .shopify-payment-button__button {
  background-color: #4F6F52; /* marrón oscuro de TerraWellness */
  color: #fff;
  border-radius: 50px; /* bordes redondeados */
  border: none;
  padding: 12px 24px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0,0,0,0.15);
  text-decoration:none;
}

/* Hover */
.button:hover, .button--primary:hover, .shopify-payment-button__button:hover {
  background-color: #4F6F52; /* un tono un poco más claro/oscuro del original */
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0,0,0,0.25);
  color: #fff;
  text-decoration:none;
}

/* Para evitar que aparezca el rectángulo feo */
.button::before, .button::after {
  display: none !important;
}

.icon-arrow {
  display: none !important;
}

/**********************centramos títulos de colecciones*********************/
.card__heading {
  text-align: center !important;
  justify-content: center !important;
}

/*****************************modifica el menú************************/
.header__menu-item span {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #2E2E2E;
  display: inline-block;
  padding: 6px 12px;
  transition: all 0.3s ease;
  font-size:18px;
}

/* Hover: estilo botón */
.header__menu-item:hover span {
  background-color: #4F6F52!important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); /* sombra de botón */
  text-decoration: none !important;
  transform: translateY(-1px); /* pequeño movimiento hacia arriba */
  font-size:18px;
}

/*marco colecciones*/
.card__caption {
  background-color:rgb(212, 211, 207);     /* Beige claro, natural */               
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.5;
}

/* Cambiar fondo del blog */
.template-blog,
.template-article {
  background-color: #F5F5F5; 
  color:#000000;
  /* Cambia este color al que tú quieras */
}
.card{
  background-color: white;
}
.card__information {
  padding-left: 1.5rem !important;
}

/* Evitar que el input de cantidad herede el padding */
.card__information form {
  padding-left: 0 !important;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}

.go-to-cart {
  margin-left: 0.5rem;
  font-size: 0.9rem;
  color: #4F6F52;
  text-decoration: underline;
}

.go-to-cart:hover {
  color: #000;
}

* Ocultar colección "Productos Nuevos" */
[data-collection-handle="productos-nuevos"],
.collection-item[data-handle="productos-nuevos"],
a[href*="/collections/productos-nuevos"] {
  display: none !important;
}

#shopify-section-template--26250878681431__image_with_text_36qpHL .button,
#shopify-section-template--26250878681431__image_with_text_36qpHL .btn {
  background-color: #4F6F52 !important;
  border-color: #4F6F52 !important;
}

#shopify-section-template--26250878681431__image_with_text_36qpHL .button:hover,
#shopify-section-template--26250878681431__image_with_text_36qpHL .btn:hover {
  background-color: #3E5741 !important;
  border-color: #3E5741 !important;
}

/*botón ver todo*/
.collection-list-view-all .button {
  background-color: #4f6f52 !important;
  color: #ffffff !important;
}

#shopify-section-template--26250878681431__featured_blog_pM6HYB .button {
  background-color: #4f6f52 !important;
  color: #ffffff !important;
  border-color: #4f6f52 !important;
}

/* Botones producto - Terra Wellness */
.product-form__submit,
button[name="add"],
.btn--add-to-cart {
  background-color: #4f6f52 !important;
  color: #ffffff !important;
  border-color: #4f6f52 !important;
}
#shopify-section-template--26250878681431__image_with_text_36qpHL .button,
#shopify-section-template--26250878681431__image_with_text_36qpHL .btn {
  background-color: #4F6F52 !important;
  border-color: #4F6F52 !important;
}

#shopify-section-template--26250878681431__image_with_text_36qpHL .button:hover,
#shopify-section-template--26250878681431__image_with_text_36qpHL .btn:hover {
  background-color: #3E5741 !important;
  border-color: #3E5741 !important;
}

button.button.button--primary {
  background-color: #4F6F52 !important;
  border-color: #4F6F52 !important;
}

button.button.button--primary,
.cart__checkout-button,
.cart-notification__checkout {
  background-color: #4F6F52 !important;
  border-color: #4F6F52 !important;
}

a.quick-order-list__button.button.button--secondary.small-hide.medium-hide{
 background-color: #4F6F52 !important;
  border-color: #4F6F52 !important; 
}

button#checkout.cart__checkout-button.button{
   background-color: #4F6F52 !important;
  border-color: #4F6F52 !important; 
}

a.button.button--tertiary{
  background-color: #4F6F52 !important;
  border-color: #4F6F52 !important;
}

div.center.collection__view-all.scroll-trigger.animate--slide-in{
  background-color: #4F6F52 !important;
  border-color: #4F6F52 !important;
}
      
button.button{
  background-color: #4F6F52 !important;
  border-color: #4F6F52 !important;
}

/* Icono del menú móvil */
.header__icon--menu,
.header__icon--menu .icon,
.header__icon--menu svg {
  color: #2f3d2b !important;
  stroke: #2f3d2b !important;
}

/* Fondo del menú desplegable móvil */
.menu-drawer,
.menu-drawer__inner-container,
.menu-drawer__navigation-container {
  background: #ffffff !important;
}

/* Texto y enlaces del menú móvil */
.menu-drawer__menu-item,
.menu-drawer__menu-item span,
.menu-drawer__navigation a,
.menu-drawer a {
  color: #2f3d2b !important;
}

/* Iconos y flechas internas */
.menu-drawer svg,
.menu-drawer .icon {
  color: #2f3d2b !important;
  stroke: #2f3d2b !important;
}

/* Desactivar acordeón en footer en móvil */
@media (max-width: 749px) {
  .footer__content-top details {
    display: block !important;
  }
  .footer__content-top details > summary ~ * {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
  }
  .footer__content-top details > summary {
    pointer-events: none !important;
  }
  .footer__content-top details > summary::after {
    display: none !important;
  }
}

/* Botón del formulario de contacto - Terra Wellness */
.contact__button .button,
.contact-form button,
.contact button[type="submit"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  min-height: 48px;
  padding: 12px 32px;
  margin-top: 20px;

  background-color: #566b3f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  border: 2px solid #566b3f !important;
  border-radius: 30px;
  opacity: 1 !important;
  visibility: visible !important;

  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
  transition: all 0.25s ease;
}

.contact__button .button:hover,
.contact-form button:hover,
.contact button[type="submit"]:hover {
  background-color: #6f8750 !important;
  border-color: #6f8750 !important;
  transform: translateY(-2px);
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.18);
}

@media screen and (max-width: 749px) {
  .banner__media--desktop { display: none !important; }
  .banner__media--mobile { 
    display: block !important; 
    width: 100% !important; 
    height: auto !important; 
  }
}
@media screen and (min-width: 750px) {
  .banner__media--mobile { display: none !important; }
  .banner__media--desktop { 
    display: block !important; 
    width: 100% !important; 
    height: auto !important; 
  }
}