/** Shopify CDN: Minification failed

Line 38:17 Expected identifier but found whitespace
Line 38:18 Unexpected "10px"
Line 88:0 Expected "}" to go with "{"

**/
/* =======================================================
   FIX HEADER HONGO – MENÚ EN UNA SOLA LÍNEA (DESKTOP)
   ======================================================= */

@media (min-width: 992px) {

  /* 1️⃣ Evitar que el header y su contenedor hagan wrap */
  #hongo-header .navbar,
  #hongo-header .navbar > .container-fluid {
    flex-wrap: nowrap !important;
  }

  /* 2️⃣ El bloque del menú (navbar-collapse) no baja de línea */
  #hongo-header .navbar-collapse {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  /* 3️⃣ Los elementos del menú NO parten palabras */
  #hongo-header .navbar-nav,
  #hongo-header .navbar-nav > li,
  #hongo-header .navbar-nav > li > a {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  /* 4️⃣ Ajuste fino de espacios entre links */
  #hongo-header .navbar-nav > li > a {
    padding-left: 10px !im
@media (min-width: 992px){
  #hongo-header .dropdown-menu{
    min-width: 280px;
    padding: 14px 16px;
  }
  #hongo-header .dropdown-menu a{
    padding: 10px 12px;
    font-size: 16px;
    white-space: nowrap;
  }
}
/* =========================================
   SLIDESHOW: reducir H1 SOLO en móvil/tablet
   (selector robusto)
   ========================================= */

@media (max-width: 767px){
  .slideshow h1,
  .slideshow .title,
  .slideshow .title.alt-font{
    font-size: clamp(30px, 7.5vw, 38px) !important;
    line-height: 1.12 !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
  .slideshow h1,
  .slideshow .title,
  .slideshow .title.alt-font{
font-size: clamp(22px, 6.2vw, 30px) !important;
    line-height: 1.12 !important;
  }
}
/* =========================================
   SLIDESHOW MOBILE FIX: tamaño + centrado + no corte
   ========================================= */
@media (max-width: 767px){

  /* 1) Asegura que el contenedor del texto use todo el ancho */
  .slideshow .hongo-slider-text-wrap,
  .slideshow .hongo-slider-text-wrap *{
    max-width: 100% !important;
@media (max-width: 767px){
  .slideshow .hongo-slider-text-wrap .btn,
  .slideshow .hongo-slider-text-wrap a.btn{
    max-width: 100% !important;
    white-space: nowrap !important;
  }
}
