/* =========================================================================
   EL BUSCADOR — [ah_buscador], excepcion nombrada de CSS externo
   -------------------------------------------------------------------------
   Sergio, 10/09/2026: el buscador de la home «puede llevar CSS externo,
   espaciados incluidos, porque es un shortcode y no tiene Style tab donde
   estilarlo». Esta hoja es esa excepcion, y NADA MAS: solo toca el
   formulario del shortcode, identificado por `[data-ah-filtros]`.

   ⚠️ Por que existe el archivo y no va en otro sitio:
     · `motion.css` es de `ah-motion` (mecanica del plegado de movil).
     · `plantillas.css` solo se encola en la ficha, el listado, la zona y el
       articulo — no en la home, que es justo donde vive este buscador.

   La geometria son los valores medidos del prototipo (`.filtros` de
   loader.html y de listado.html, identicos por dentro):
     18 (relleno) + 13,5 (etiqueta 9px/1.5) + 9 (hueco) + 21 (valor 14px/1.5)
     + 18 (relleno) = 79,50 px de alto a 1440. Sin esto la barra caia a 58.
   ========================================================================= */

[data-ah-filtros]{
  display:grid; grid-template-columns:repeat(6,1fr) auto; /* 5 desplegables + referencia (17/09) */
  align-items:stretch; gap:0;
}

[data-ah-filtros] .ah-filtro{ padding:18px 22px; min-width:0 }
/* 17/09/2026: etiqueta + valor centrados en vertical. La fila la estira la celda mas
   alta (o el boton), y sin esto el texto se quedaba pegado arriba con hueco debajo. */
[data-ah-filtros] .ah-filtro{ display:flex; flex-direction:column; justify-content:center }
[data-ah-filtros] .ah-filtro:first-child{ border-left:0 }

[data-ah-filtros] .ah-filtro > label{
  display:block; font-size:9px; line-height:1.5; letter-spacing:.24em;
  text-transform:uppercase; font-weight:400; margin-bottom:9px;
}

[data-ah-filtros] .ah-filtro select,
[data-ah-filtros] .ah-filtro input{
  width:100%; padding:0; border:0; border-radius:0; background:none;
  color:inherit; font-family:inherit; font-weight:400;
  font-size:14px; line-height:1.5;          /* los 21 px del valor */
  -webkit-appearance:none; appearance:none;
}

[data-ah-filtros] .ah-filtro input::placeholder{ color:inherit; opacity:.45 }
[data-ah-filtros] .ah-filtro input::-webkit-search-cancel-button{ -webkit-appearance:none }

[data-ah-filtros] .ah-filtros-buscar{
  -webkit-appearance:none; appearance:none; border:0; border-radius:0;
  cursor:pointer; font-family:inherit; font-weight:500;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  padding:0 clamp(22px,2.6vw,38px); align-self:stretch; line-height:normal;
}

/* La barra de la HOME va sobre blanco y su etiqueta es un punto mas viva que
   la del listado (.55 frente a .45): son los dos valores del prototipo. El
   color y el fondo los pone quien monta la seccion; aqui solo la opacidad,
   que es parte de la micro-etiqueta. */
[data-ah-filtros="home"] .ah-filtro > label{ opacity:.55 }
[data-ah-filtros="home"] .ah-filtro + .ah-filtro{ border-left:1px solid rgba(10,10,10,.14) }

/* Sergio, 10/09/2026: el boton "Buscar" de la home lleva borde blanco (lino),
   para que se despegue del negro del boton solido que le pone el kit. */
[data-ah-filtros="home"] .ah-filtros-buscar{ border:1px solid #F4F4ED }

/* Movil y tableta: la REJILLA la gobierna motion.css sobre `[data-ah-filtros]`
   (plegado del punto 4). Aqui solo se suelta la rejilla de cinco columnas
   para no pelearse con ella. */
@media(max-width:1080px){
  [data-ah-filtros]{ grid-template-columns:repeat(2,1fr) }
  [data-ah-filtros] .ah-filtro + .ah-filtro{ border-left:0 }
  [data-ah-filtros] .ah-filtros-buscar{ grid-column:1/-1; padding:17px 0 }
}
@media(max-width:640px){
  [data-ah-filtros]{ grid-template-columns:1fr auto }
}

/* 17/09/2026: el campo de REFERENCIA sin borde ni fondo propios. El kit de Elementor pinta
   todo `input` con `.elementor-kit-7 input:not(...):not(...)` (especificidad 0,4,1), que
   gana a la regla de arriba: borde gris, fondo blanco y relleno de 14/16. El ID lo supera
   sin `!important`. */
[data-ah-filtros] #ah-f-ref{
  border:0; border-radius:0; background:none; padding:0; box-shadow:none;
  height:auto; min-height:0;
}

/* 17/09/2026: en móvil, el botón «Filtros» de la HOME igual que el del listado (texto con
   regla a la izquierda). Sin esto le caía el botón negro del kit (`.elementor-kit-7 button`,
   0,1,1, y su :hover 0,2,1): la clase repetida lo supera sin `!important`. */
[data-ah-filtros="home"] button.ah-filtros-abrir.ah-filtros-abrir,
[data-ah-filtros="home"] button.ah-filtros-abrir.ah-filtros-abrir:hover,
[data-ah-filtros="home"] button.ah-filtros-abrir.ah-filtros-abrir:focus{
  -webkit-appearance:none; appearance:none; border:0; border-left:1px solid rgba(10,10,10,.14);
  border-radius:0; background:none; color:inherit; font-family:inherit; font-weight:500;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase; padding:0 18px;
}
@media (max-width:1080px){
  /* Home en tableta/móvil: sin la regla vertical de escritorio entre celdas apiladas. */
  [data-ah-filtros="home"] .ah-filtro + .ah-filtro{ border-left:0 }
}
@media (max-width:640px){
  /* Y la regla horizontal tenue, como en el listado (motion.css la pone a currentColor). */
  [data-ah-filtros="home"] .ah-filtro + .ah-filtro{ border-top:1px solid rgba(10,10,10,.14) }
}
@media (max-width:640px){
  /* 17/09/2026: al DESPLEGAR, el botón «Filtros» se colocaba solo en la siguiente celda
     libre —al final, tras «Referencia»— con el alto de una línea y parecía cortado. Se
     clava a la primera fila, junto a «Operación», abierto o cerrado. */
  [data-ah-filtros] .ah-filtro-fijo{ grid-row:1 }
  [data-ah-filtros] button.ah-filtros-abrir{ grid-row:1; align-self:stretch }
}