.elementor-1689 .elementor-element.elementor-element-ea2d768{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1689 .elementor-element.elementor-element-4cc6d28{--display:flex;}.elementor-1689 .elementor-element.elementor-element-86cc83b{--display:flex;--min-height:450px;--justify-content:space-between;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1689 .elementor-element.elementor-element-c3e0e7b{--grid-columns:3;}.elementor-1689 .elementor-element.elementor-element-c3e0e7b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1689 .elementor-element.elementor-element-c3e0e7b .e-loop-item > .elementor-section, .elementor-1689 .elementor-element.elementor-element-c3e0e7b .e-loop-item > .elementor-section > .elementor-container, .elementor-1689 .elementor-element.elementor-element-c3e0e7b .e-loop-item > .e-con, .elementor-1689 .elementor-element.elementor-element-c3e0e7b .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1689 .elementor-element.elementor-element-c3e0e7b{--grid-columns:2;}}@media(max-width:767px){.elementor-1689 .elementor-element.elementor-element-c3e0e7b{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-4cc6d28 *//* =========================
   AMX – Estilo para filtros WOOF
   ========================= */

/* Contenedor general */
.woof{
  margin: 0 0 1.5rem;
}

/* Fila de controles */
.woof .woof_container{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1rem;
  align-items: center;
}

/* Inputs y selects */
.woof select,
.woof input[type="text"]{
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  line-height: 1.2;
  padding: .8rem 2.6rem .8rem 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: #fff;
  min-width: 260px;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  transition: box-shadow .2s ease, border-color .2s ease, transform .05s ease;
}
.woof select:focus,
.woof input[type="text"]:focus{
  outline: none;
  border-color: #b7e08c;                 /* verde suave */
  box-shadow: 0 0 0 4px rgba(159, 227, 86, .15);
}

/* Flecha bonita para <select> */
.woof select{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2399C250'%3E%3Cpath d='M7 9l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .8rem center;
  background-size: 18px;
}

/* Etiquetas (si las usas) */
.woof .woof_container > .woof_label{
  font-weight: 600;
  letter-spacing: .3px;
  color: #7aa13a;                        /* tono verde del sitio */
}

/* Botón APLICAR/FILTRO */
.woof_submit_search_form .button,
.woof_submit_search_form input[type="button"],
.woof_submit_search_form input[type="submit"]{
  padding: .85rem 1.1rem;
  border-radius: 12px;
  background: #d49062;                   /* caramelo AMX */
  color: #fff;
  border: 0;
  font-weight: 700;
  letter-spacing: .3px;
  transition: transform .05s ease, filter .2s ease, background .2s ease;
}
.woof_submit_search_form .button:hover{
  filter: brightness(1.08);
}
.woof_submit_search_form .button:active{
  transform: translateY(1px);
}

/* Orden y tamaño de controles */
.woof_submit_search_form_container{ order: 10; }     /* El botón al final */
.woof_container .woof_text_search_container{ flex: 1 1 100%; }   /* La barra de búsqueda ocupa toda la fila si se usa */
.woof_container .woof_select{ flex: 1 1 260px; }
.woof_container .woof_select select{ width: 100%; }

/* Responsive */
@media (max-width: 768px){
  .woof .woof_container{ gap: .6rem; }
  .woof select, .woof input[type="text"]{ min-width: 0; width: 100%; }
  .woof_container .woof_select{ flex: 1 1 100%; }
  .woof_submit_search_form .button{ width: 100%; }
}

/* Oculta el pequeño icono de info si molesta */
.woof .woof_container label .woof_tooltip{
  display: none !important;
}

/* Ajuste sutil con Astra/Elementor */
.woocommerce .woof{ margin-top: .5rem; }

/* ====== OPCIONALES ====== */

/* (1) Ocultar la barra de búsqueda si no la usarás */
 /* .woof .woof_text_search_container{ display:none !important; } */

/* (2) Hacer sticky la barra de filtros (añade la clase "woof-sticky" al contenedor del shortcode en Elementor > Avanzado > Clases) */
/*
@media (min-width: 992px){
  .woof-sticky{
    position: sticky;
    top: 96px;                            /* ajusta según la altura del header */
    z-index: 9;
    background: #faf7f2;                  /* acorde al fondo del sitio */
    padding-top: .5rem;
  }
}
*//* End custom CSS */