/* =====================================================================
   Sugerencias del buscador de la cabecera · inec.com · ES y PT
   Panel que abre comunes/buscador/buscador.js debajo del buscador.
   Se carga en comunes/paginas/head.php después de paginas-texto.css.
   Para quitarlo: borrar en head.php las líneas de buscador.css y buscador.js.
   Colores de la guía de INEC: amarillo #FCCB28 · azul #1B2732
   Iconos: Phosphor Icons (bold), licencia MIT.
   ===================================================================== */

#header .bus-sug-caja{position:relative;z-index:30}

#header .bus-sug{
  position:absolute;top:calc(100% + 8px);left:50%;z-index:60;
  width:600px;max-width:calc(100vw - 32px);max-height:calc(100vh - 140px);overflow-y:auto;
  box-sizing:border-box;padding:8px;transform:translateX(-50%);
  border:1px solid #e3e6ea;border-radius:16px;background:#ffffff;
  box-shadow:0 22px 48px -18px rgba(20,24,30,.45), 0 2px 6px rgba(20,24,30,.06);
  font:400 13px/1.35 var(--ui);color:var(--azul);text-align:left;
}
#header .bus-sug[hidden]{display:none}

/* Títulos de grupo */
#header .bus-sug .bus-sug-titulo{
  margin:6px 10px 4px;font:700 10.5px/1.2 var(--ui);letter-spacing:.07em;
  text-transform:uppercase;color:#6b7680;
}

/* Familias: píldoras */
#header .bus-sug .bus-sug-fams{display:flex;flex-wrap:wrap;gap:6px;padding:2px 8px 8px}
#header .bus-sug a.bus-sug-fam{
  display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 10px;border-radius:999px;
  border:1px solid #f4f5f7;background:#f4f5f7;
  font:600 12.5px/1.2 var(--ui);color:var(--azul);text-decoration:none;
}
#header .bus-sug a.bus-sug-fam::before{
  content:"";flex:none;width:14px;height:14px;
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%235b6672"><path d="M216,68H132L105.33,48a20.12,20.12,0,0,0-12-4H40A20,20,0,0,0,20,64V200a20,20,0,0,0,20,20H216.89A19.13,19.13,0,0,0,236,200.89V88A20,20,0,0,0,216,68Zm-4,128H44V68H92l28.8,21.6A12,12,0,0,0,128,92h84Z"/></svg>') center/14px no-repeat;
}
#header .bus-sug a.bus-sug-fam.activo{border-color:var(--amarillo);background:#ffffff}

/* Productos: foto, nombre y referencia */
#header .bus-sug a.bus-sug-item{
  display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;
  padding:6px 10px;border-radius:10px;text-decoration:none;color:inherit;
}
#header .bus-sug .bus-sug-foto{
  display:block;width:64px;height:36px;overflow:hidden;border-radius:6px;background:#f3f4f6;
}
#header .bus-sug .bus-sug-foto img{display:block;width:100%;height:100%;object-fit:contain}
#header .bus-sug .bus-sug-txt{display:block;min-width:0}
#header .bus-sug .bus-sug-nombre{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font:600 13px/1.3 var(--ui);color:var(--azul);
}
#header .bus-sug .bus-sug-ref{display:block;margin-top:2px;font:600 11.5px/1.25 var(--ui);color:#5b6672}
#header .bus-sug .bus-sug-mas{font-weight:400;color:#8a939c}
#header .bus-sug a.bus-sug-item.activo{background:#f4f5f7;box-shadow:inset 3px 0 0 var(--amarillo)}

/* Texto encontrado: subrayado amarillo */
#header .bus-sug mark{
  background:none;color:inherit;font-weight:700;
  box-shadow:inset 0 -.42em 0 rgba(252,203,40,.65);
}

/* Sin productos */
#header .bus-sug .bus-sug-vacio{padding:10px 12px 12px;font:400 13px/1.45 var(--ui);color:#4a5560}

/* Ver todos los resultados */
#header .bus-sug a.bus-sug-todos{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:6px 0 0;padding:11px 12px;border-top:1px solid #e3e6ea;border-radius:0 0 10px 10px;
  font:600 12.5px/1.2 var(--ui);color:var(--azul);text-decoration:none;
}
#header .bus-sug a.bus-sug-todos::after{
  content:"";flex:none;width:26px;height:26px;border-radius:50%;
  background:var(--amarillo) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="%231B2732"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"/></svg>') center/13px no-repeat;
}
#header .bus-sug a.bus-sug-todos.activo{background:#f4f5f7}