/** Shopify CDN: Minification failed

Line 56:19 Expected identifier but found "!"
Line 109:0 Expected "}" to go with "{"

**/
.icon-with-text__item {
  margin-bottom: 8px !important; /* Puedes probar con 4px o incluso 0 */
}

ul.icon-with-text--text-only {
  margin-bottom: 10px !important; /* O incluso 0px si lo quieres totalmente pegado */
}

ul.icon-with-text--vertical {
  margin-top: 4px !important;

}

.image-with-text__heading.h2 {
    letter-spacing: 0rem; /* o prueba con valores negativos como -0.03em */
}

.multicolumn-card {
  background: transparent !important;
  box-shadow: none !important;
}

.multicolumn-card__info {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
}

/* Elimina espacio entre reviews y título */
.product__info-container .reviews-container {
  margin-bottom: 0rem !important;
  padding-bottom: 0rem !important;
}

/* Elimina espacio del título */
.product__info-container .product__title {
  margin-top: 0rem !important;
  padding-top: 0rem !important;
}

.icon-with-text--horizontal .icon-with-text__item {
  margin-bottom: 0 !important;
  
}

.accordion__title {

  letter-spacing: 0rem;
  font-size: 15px; !important;
  font-weight: bold;
}

/* Reducir espacio debajo del botón "Agregar al carrito" */
.product-form {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

/* Si hay un div adicional debajo del formulario, también lo ajustamos */
.product__info-wrapper + div {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

@media screen and (min-width: 750px) {
  /* Forzar botón ancho completo */
  .product-form__buttons {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }

  .product-form__buttons button,
  .product-form__buttons input[type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
  }
}

.icon-with-text--horizontal .icon-with-text__item span, 
.icon-with-text--horizontal .icon-with-text__item p, 
.icon-with-text--horizontal .icon-with-text__item div {
    line-height: calc(0.9 + 0.3 / var(--font-body-scale));
    font-size: 10px;
    margin-top: -7px;
  


.icon-with-text--horizontal .icon-with-text__item {
    gap: 0px /* Reduce el espacio entre icono y texto (por defecto suele ser 8-12px) */
}

.icon-with-text--horizontal .icon-with-text__item svg,
.icon-with-text--horizontal .icon-with-text__item img {
    margin-bottom: 0px !important; /* Por si el ícono tiene un margin inferior grande */
}
