.elementor-4360 .elementor-element.elementor-element-f318edb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4360 .elementor-element.elementor-element-b42d283{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4360 .elementor-element.elementor-element-b42d283.e-con{--e-con-transform-translateY:-100px;}body.elementor-page-4360:not(.elementor-motion-effects-element-type-background), body.elementor-page-4360 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-4360 .elementor-element.elementor-element-f318edb{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:10px;}}@media(max-width:767px){.elementor-4360 .elementor-element.elementor-element-f318edb{--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:10px;}.elementor-4360 .elementor-element.elementor-element-b42d283{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for html, class: .elementor-element-bf46b20 */@media (max-width: 767px) {

  /* contenedor visible */
  #filterTabs {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
    margin-bottom: 35px;
    max-height: 60px;
    scrollbar-width: thin;
    scrollbar-color: #b89535 #eeeeee !important;
  }

  /* wrapper interno que genera el script */
  #filterTabs > div,
  #filterTabs > ul,
  #filterTabs > .filter-tabs-inner,
  #filterTabs > .tabs-inner {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    gap: 12px;
  }

  /* tabs individuales */
  #filterTabs a,
  #filterTabs button,
  #filterTabs [role="tab"],
  #filterTabs .tab,
  #filterTabs .filter-tab,
  #filterTabs .filter-chip {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  /* scrollbar Chrome / Safari / Edge */
  #filterTabs::-webkit-scrollbar {
    height: 2px;
  }

  #filterTabs::-webkit-scrollbar-track {
    background: #eeeeee !important;
    border-radius: 0;
  }

  #filterTabs::-webkit-scrollbar-thumb {
    background: #b89535;
    border-radius: 0;
  }

  #filterTabs::-webkit-scrollbar-thumb:hover {
    background: #b8933f;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9770c2e *//* Contenedor de filtros/searchbar */
.hfse-explorer-filters,
.hfse-filters,
.homerunner-explorer-filters {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

/* Hace que los campos puedan saltar a otra línea */
.hfse-explorer-filters form,
.hfse-filters form,
.homerunner-explorer-filters form {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Cada campo ocupa espacio flexible sin desbordar */
.hfse-explorer-filters form > *,
.hfse-filters form > *,
.homerunner-explorer-filters form > * {
  flex: 1 1 220px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* Inputs y selects no se salen del padre */
.hfse-explorer-filters input,
.hfse-explorer-filters select,
.hfse-filters input,
.hfse-filters select,
.homerunner-explorer-filters input,
.homerunner-explorer-filters select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}



/* MOBILE */
@media (max-width: 767px) {

    .hfse-form-primary-fields {
    display: grid !important;
    grid-template-columns: 1.4fr 1.5fr 0.88fr 45px;
     align-items: stretch;
      width: 100%;
     gap: 0;
    }

  .hfse-form-submit-field-container {
    display: none !important;
  }
  
  .hfse-filters {
      padding: 0 !important;
      padding-left: 10px !important;
  }
  
  .hfse-form-additional-filters-btn svg {
      margin: 0 5px !important;
      padding-right: 2px !important;
  }

  .hfse-form-zone-field-container,
  .hfse-form-date-field-container,
  .hfse-form-guests-field-container,
  .hfse-additional-filters-field-container {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 2px 2px !important;
    min-height: 70px;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    border: 0 !important;
    box-shadow: none !important;
    position: relative;
  }
  
  .hfse-additional-filters-field-container .hfse-form-submit-field-label {
      display: none !important;
      margin: 0 !important;
      padding: 0 !important;
  }
  
  .hfse-additional-filters-field-container .field-label {
      display: none !important;
      margin: 0 !important;
      padding: 0 !important;
  }
  
  .hfse-additional-filters-field-container .hfse-form-additional-filters-btn {
      padding: 0 !important;
  }




  /* quitar bordes internos que generan "doble línea" */
  .hfse-form-primary-fields .field-control,
  .hfse-form-primary-fields .hk-input,
  .hfse-form-primary-fields input,
  .hfse-form-primary-fields button {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  .hfse-form-primary-fields .field-label {
    display: block !important;
    width: 100%;
    margin: 0 0 10px 0 !important; /* más espacio entre título y texto */
    padding: 0 !important;
    text-align: center !important;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .hfse-form-primary-fields .field-control {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  /* ocultar iconos internos para centrar de verdad */
  .hfse-form-zone-field-control .hk-form-icon,
  .hfse-form-date-field-control .hk-form-icon,
  .hfse-form-guests-field-control .hk-form-icon {
    display: none !important;
  }

  .hfse-form-primary-fields .hk-input {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 15px;
    line-height: 1.15;
  }

  .hfse-form-primary-fields .hk-input::placeholder {
    text-align: center !important;
  }

  /* columna del icono */
  .hfse-additional-filters-field-container {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hfse-additional-filters-field-container .field-label {
    display: none !important;
  }

  .hfse-form-additional-filters-btn {
    width: 100% !important;
    height: 100% !important;
    min-height: 70px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  .hfse-form-additional-filters-btn svg {
    display: block;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {

  .hfse-form-primary-fields .hfse-additional-filters-field-container > label.field-label.hfse-form-submit-field-label {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }

  .hfse-form-primary-fields .hfse-additional-filters-field-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .hfse-form-primary-fields .hfse-form-additional-filters-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}


@media (max-width: 767px) {

  .hfse-form-primary-fields .field-label {
    margin-bottom: 12px !important; /* más separación real */
  }

  .hfse-form-primary-fields .field-control {
    margin-top: 12px !important; /* empuja un poco el contenido hacia abajo */
  }

}





@media (max-width: 767px) {

  .hfse-form-primary-fields > .hfse-form-zone-field-container,
  .hfse-form-primary-fields > .hfse-form-date-field-container,
  .hfse-form-primary-fields > .hfse-form-guests-field-container,
  .hfse-form-primary-fields > .hfse-additional-filters-field-container {
    padding: 2px !important;
  }

}/* End custom CSS */