/* g3_buscador: caja de busqueda de la barra (inclusion/barramenus.php). Centrada en la barra (logo a la izquierda, acciones a la
   derecha); siempre visible; en celular baja a su propia fila a todo el ancho. */
.buscador-barra { position:relative; flex:0 1 380px; min-width:0; margin:0 auto; }
.buscador-barra .buscador-entrada { display:block; box-sizing:border-box; width:100%; height:44px; margin:0; padding:0 16px 0 46px; border:1px solid var(--borde-crema); border-radius:999px; background:var(--card); color:var(--ink); font:inherit; font-size:15px; line-height:44px; outline:none; transition:border-color .15s ease, box-shadow .15s ease; -webkit-appearance:none; appearance:none; }
.buscador-entrada::placeholder { color:var(--soft); opacity:1; }
.buscador-entrada:focus { border-color:var(--red); box-shadow:0 0 0 3px var(--sombra-rojo-a12); }
.buscador-entrada::-webkit-search-cancel-button { cursor:pointer; }
.buscador-barra .buscador-lupa { position:absolute; left:16px; top:50%; width:18px; height:18px; transform:translateY(-50%); pointer-events:none; z-index:1; }
/* Escritorio y tableta (>=769 px): el carrusel de secciones baja a su propia fila a todo el ancho. En la primera fila:
   marca y menu | caja | acciones (campana, cuenta o Entrar). La caja crece desde 0 hasta 420 px (no hace saltar de fila a
   las acciones) y se centra en el espacio libre (margenes auto); entre la marca o el menu y la caja quedan al menos 28 px (gap del header 14 + margen 14). Mide como las
   pastillas del menu (38 px); con puntero tactil conserva 44 px. */
@media (min-width:769px){
  header { flex-wrap:wrap; row-gap:8px; }
  body > header > .filtros, body > header > .filtros.carrusel { order:99; flex:1 0 100%; max-width:none; margin-left:0; }
  body > header > .marca-inicio, body > header > .menubar { margin-right:14px; }
  body > header > .buscador-barra { order:1; flex:1 1 0; min-width:180px; max-width:420px; margin:0 auto; align-self:center; }
  body > header > .campana, body > header > #menuAjustes, body > header > #entrar { order:2; }
  body > header > .campana { margin-left:0; }
  body > header > .buscador-barra .buscador-entrada { height:38px; min-height:38px; }
}
@media (min-width:769px) and (pointer:coarse){
  body > header > .buscador-barra .buscador-entrada { height:44px; min-height:44px; }
}
@media (max-width:768px){
  header { flex-wrap:wrap; row-gap:8px; }
  .buscador-barra { order:20; flex:1 1 100%; margin:0; }
  .buscador-barra .buscador-entrada { font-size:16px; }
}
/* Muro filtrado a una publicacion (?publicacion=<id>) - js/index.js */
.filtro-publicacion { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:0 0 12px; padding:10px 14px; border-radius:18px; background:var(--tinte); font-weight:600; }
.filtro-publicacion-quitar { display:inline-flex; align-items:center; gap:6px; min-height:44px; }.filtro-publicacion { scroll-margin-top:calc(var(--hdr) + 64px); }
@media (max-width:768px){ .filtro-publicacion { scroll-margin-top:136px; } }