/* Sugerencias del buscador del encabezado (productos y secciones). Va después de todo lo demás. */
#sugs{position:fixed;z-index:150;background:#fff;border:1px solid #CFD3D9;border-radius:12px;box-shadow:0 16px 44px rgba(11,58,154,.2);max-height:min(72vh,540px);overflow:auto;padding:6px;font-size:14px;animation:sugEntra .16s ease-out}
#sugs[hidden]{display:none}
@keyframes sugEntra{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.sg-h{font:700 11px/1 'Roboto Condensed',sans-serif;text-transform:uppercase;letter-spacing:.09em;color:var(--gris);padding:9px 8px 5px}
.sg{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:8px;background:none;text-align:left;color:var(--texto,#1f2937);cursor:pointer}
.sg:hover,.sg.on{background:#EAF0FC}
.sg-i{flex:none;width:44px;height:44px;border-radius:8px;background:#F2F3F5;overflow:hidden;display:block}
.sg-i img{width:100%;height:100%;object-fit:cover;display:block}
.sg-c .ic{flex:none;width:30px;height:30px;padding:6px;border-radius:8px;background:#EAF0FC;stroke:var(--azul);fill:none;stroke-width:2}
.sg-t{display:flex;flex-direction:column;min-width:0}
.sg-t b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-t small{color:var(--gris);font-size:12px}
.sg-todos{justify-content:center;margin-top:4px;color:var(--azul);font-weight:600;border-top:1px solid #E5E7EB;border-radius:0 0 8px 8px;padding:10px 8px}
.sg-vacio{padding:14px 12px;color:var(--gris)}
/* con muchas páginas (todas a la vista) los números se acomodan en varias filas */
.sec-pag,.m-pag{row-gap:8px}
.m-pag .pg-et{flex-basis:auto}

/* lupa del buscador normal: es un botón sin aspecto de botón (no cambia el tamaño del encabezado) */
.buscador .btn-lupa{display:flex;align-items:center;padding:0;background:none;border:0;cursor:pointer;flex-shrink:0}

/* paginación: 7 números + «···» que abre el panel con todas las páginas */
.pg-mas{letter-spacing:1px;font-weight:700}
#pgTodas{position:fixed;z-index:160;background:#fff;border:1px solid #CFD3D9;border-radius:12px;box-shadow:0 16px 44px rgba(11,58,154,.22);padding:10px;animation:sugEntra .16s ease-out}
#pgTodas[hidden]{display:none}
.pgt-h{font:700 13px/1.2 'Roboto Condensed',sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--azul-osc);padding:2px 4px 8px}
.pgt-h small{font-weight:400;color:var(--gris);text-transform:none;letter-spacing:0;margin-left:6px}
.pgt-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:min(46vh,300px);overflow:auto;padding:2px}
.pgt-g button{height:36px;border:1px solid #E3E5E9;border-radius:8px;background:#fff;font-size:14px;color:var(--texto)}
.pgt-g button:hover{border-color:var(--azul);background:#EAF0FC}
.pgt-g button.on{background:var(--azul);border-color:var(--azul);color:#fff;font-weight:700}