/** Shopify CDN: Minification failed

Line 44:9 Unexpected "{"
Line 44:18 Expected ":"
Line 44:24 Unexpected ","
Line 61:9 Unexpected "{"
Line 61:18 Expected ":"
Line 61:24 Unexpected ","

**/
/* ========================================================
   DISEÑO EXCLUSIVO GASTROBALEAR - v2.0
   Ubicación: Assets / gastrobalear-custom.css
   ======================================================== */

.product__title h1 {
  line-height: 1.15 !important; /* Reduce el espacio entre líneas del título */
  letter-spacing: -0.02em !important; /* Cierra un poco las letras para un look más moderno */
  margin-bottom: 0.5rem !important; /* Reduce el espacio con las variantes (Medidas) */
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* Ajuste del contenedor del título para evitar huecos */
.product__title {
  margin-bottom: 1rem !important;
}

/* Separación controlada debajo del SKU */
.product__info-container .product__sku-row,
.product__info-container [id^="SkuRow-"] {
  margin-bottom: 4px !important; /* El "respiro" justo */
  margin-top: 0 !important;
}

/* Separación controlada para el bloque de Marca */
.product__info-container .product__text.inline-richtext {
  margin-top: 0 !important;
  margin-bottom: 12px !important; /* Espacio para que no pegue con la cantidad */
  line-height: 1.4 !important; /* Mejora la lectura del texto */
}

/* Unificar el estilo de fuente para que se sientan del mismo bloque */
#SkuRow-{{ section.id }}, 
.product__text {
  font-family: inherit;
  letter-spacing: 0.02em;
}
   
/* Ajustar el bloque de texto (Marca y otros) a 14px */
.product__info-container .product__text,
.product__info-container .product__text * {
  font-size: 1.4rem !important; /* Equivalente a 14px en Dawn */
  color: #616161 !important;    /* Mismo gris que el SKU */
  margin-bottom: 5px !important;
}

/* Forzar que todos los elementos técnicos tengan el mismo tamaño */
.product__sku-row,
.product__tax.caption,
#SkuRow-{{ section.id }},
.product__info-container .product__sku-availability {
  font-size: 1.4rem !important;
  color: #616161 !important;
}


/* LIBERAR EL CONTENEDOR DE BOTONES DE DAWN */
/* Esto es lo que faltaba para que el width: 100% funcione */
.product-form__buttons {
  max-width: 100% !important; 
  width: 100% !important;
  
}


/* SELECTOR DE CANTIDAD COMPACTO Y ANCHO TOTAL */
.product-form__input--quantity {
  max-width: 100% !important;
  width: 100% !important;
  margin-bottom: 15px !important;
}

.quantity {
  width: 30% !important;
  min-height: 45px !important;
  border-radius: 6px !important;
}

/* Ocultar la etiqueta "Cantidad" para ahorrar espacio (opcional pero recomendado) */
.quantity__label {
  display: none !important;
}


/* CONTENEDOR DE COLUMNA DE COMPRA (Efecto Recuadro) */
.product__info-container {
  border: 1px solid #e1e5f0 !important; /* Borde fino profesional */
  padding: 25px !important;
  border-radius: 12px !important;
  background-color: #fdfdfd !important; /* Fondo sutil para dar contraste */
  box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
}

/* VARIANTES (PILLS) - AZUL CORPORATIVO */
.product-form__input label {
  border: 1px solid #d1d5db !important; /* Borde más suave que el titular */
  border-radius: 6px !important;
  padding: 6px 12px !important; /* Padding reducido: menos alto, más elegante */
  font-size: 1.25rem !important;
  color: #4b5563 !important; /* Texto gris oscuro, no negro puro */
  transition: all 0.2s ease !important;
  margin: 0 !important;
}

.product-form__input input[type="radio"]:checked + label {
  background-color: rgb(34, 54, 105) !important;
  color: #ffffff !important;
  border-color: rgb(34, 54, 105) !important;
  font-weight: 600 !important;
}

/* Reducir espacio entre grupos de variantes */
.product-form__input {
  margin-bottom: 1.5rem !important;
}


/* PRECIO - DISEÑO BADGE NARANJA INDUSTRIAL CENTRADO */


.product__info-container .price .price-item {
  font-size: 4.2rem !important;
  font-weight: 900 !important;
  color: #E65100 !important; 
  line-height: 1 !important;          /* Evita que el texto "flote" hacia arriba */
  letter-spacing: -1.5px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* BOTÓN AGREGAR AL CARRITO - AZUL Y HOVER */
.product-form__submit {
  background: rgb(34, 54, 105) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important; /* Forzamos ancho total del contenedor */
  height: 55px !important; /* Botón más robusto para maquinaria */
  margin-top: 10px !important;
}

.product-form__submit span {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}

.product-form__submit::after, .product-form__submit::before {
  display: none !important; /* Limpieza de sombras por defecto de Dawn */
}

.product-form__submit:hover {
  background: #1a2b55 !important;
  transform: scale(1.01);
  transition: .2s ease-in-out;
}

/* 4. BOTÓN WHATSAPP (Simetría con el Carrito) */
/* Usamos la clase que definimos en el Liquid */
.whatsapp-container-main {
  width: 100% !important;
  padding: 0 !important;
  margin-top: 10px !important;
}

.whatsapp-button-custom {
  width: 100% !important; /* Mismo ancho que el botón de arriba */
  height: 55px !important; /* Mismo alto que el botón de arriba */
  border-radius: 8px !important;
  display: flex !important;
  box-sizing: border-box !important;
}

/* TEXTOS AUXILIARES E IMPUESTOS */
.product__info-container .price__container + .product__tax {
  margin-top: 5px !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: #666 !important;
  display: block !important;
}

/* AJUSTE DE MARCA Y SKU */
.product__text.caption-with-letter-spacing {
  font-weight: 700 !important;
  color: #333 !important;
  margin-top: 15px !important;
}
/* AJUSTE PRECIO CARTILLA */
.price-item--regular,
.price-item--sale {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
}

.price-from {
  font-size: 1.3rem;
  font-weight: 500;
  color: #555;
}

.price-from-value {
  font-size: 1.7rem;
  font-weight: 700;
  color: #111;
}

/* ===================================================== */
/* FIX BUSCADOR HEADER - GASTROBALEAR / SHOPIFY DAWN */
/* ===================================================== */

/* Fondo sólido del modal de búsqueda */
.search-modal,
.search-modal__content,
.search-modal.modal__content {
  background: #24396f !important;
  border-bottom: none !important;
}

/* Contenedor principal del buscador */
.search-modal__content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 76px !important;
  padding: 0 2rem !important;
  z-index: 9999 !important;
}

/* Formulario del buscador */
.search-modal__form {
  background: #24396f !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  max-width: 740px !important;
  width: 100% !important;
  z-index: 9999 !important;
}

/* Campo contenedor del input */
.search-modal__form .field {
  background: #24396f !important;
}

/* Input */
.search__input,
.search-modal__form input[type="search"] {
  background: #24396f !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 1.6rem !important;
  height: 4.4rem !important;
}

/* Placeholder */
.search__input::placeholder,
.search-modal__form input[type="search"]::placeholder {
  color: rgba(255, 255, 255, 0.75) !important;
  opacity: 1 !important;
}

/* Oculta el label flotante que duplica la palabra "Búsqueda" */
.search-modal__form .field__label {
  display: none !important;
}

/* Evita que el input genere espacio raro al ocultar el label */
.search-modal__form .field__input:focus,
.search-modal__form .field__input:not(:placeholder-shown),
.search-modal__form .field__input:-webkit-autofill {
  padding: 1rem 4.5rem 1rem 1.6rem !important;
}

/* Quitar borde/focus raro */
.search__input:focus,
.search-modal__form input[type="search"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Botón lupa dentro del buscador */
.search-modal__form .search__button {
  color: #ffffff !important;
  background: transparent !important;
}

/* Iconos */
.search-modal .icon,
.search-modal svg,
.search-modal button svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Botón cerrar */
.search-modal__close-button {
  color: #ffffff !important;
  background: transparent !important;
  z-index: 10000 !important;
}

/* ===================================================== */
/* CORREGIDO: Solo oculta el menú en DESKTOP             */
/* cuando se abre el buscador. En móvil no interfiere.   */
/* ===================================================== */
@media screen and (min-width: 750px) {
  .header:has(details[open]) .header__inline-menu,
  .header:has(details[open]) .header__menu-item {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Mantener visible el buscador */
.header:has(details[open]) .header__search,
.header:has(details[open]) .search-modal,
.header:has(details[open]) .search-modal__content,
.header:has(details[open]) .search-modal__form,
.header:has(details[open]) .search-modal__close-button {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Capa superior */
.search-modal {
  z-index: 9998 !important;
}

/* ===================================================== */
/* Responsive móvil                                      */
/* ===================================================== */
@media screen and (max-width: 749px) {
  .search-modal__content {
    padding: 0 1.5rem !important;
    min-height: 70px !important;
  }

  .search-modal__form {
    max-width: 100% !important;
  }

  .search__input,
  .search-modal__form input[type="search"] {
    height: 4.2rem !important;
  }
}

/* ===================================================== */
/* MEGAMENÚ MÓVIL - Tarjetas profesionales (Opción B)    */
/* ===================================================== */
@media screen and (max-width: 749px) {

  /* Tarjeta por item con aire a la derecha */
  .tmenu_item_mobile .tmenu_submenu--mobile .tmenu_submenu .tmenu_item {
    background: rgba(255, 255, 255, 0.07) !important;
    border-radius: 8px !important;
    margin-bottom: 6px !important;
    margin-right: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    overflow: hidden !important;
  }

  /* Solo la imagen más pequeña */
  .tmenu_item_mobile .tmenu_collection--left img {
    width: 20% !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
  }

}