/* =====================================================================
   Buscador V2 — solo estilos de los elementos nuevos.
   El resto (tarjetas, filtros, orden, lista/grid) usa las mismas hojas que el
   buscador clásico: Site.Master, vistaswitch.css, EstiloSlyteHorizontal.css y
   el bloque <style> copiado de buscar.aspx.
   ===================================================================== */

/* Filtrar en resultados + contador */
.bv2-tools { margin-top: 6px; align-items: center; }
.bv2-tools .form-group { margin-bottom: 8px; }
.bv2-count { color: #6c757d; font-size: .85em; padding-bottom: 8px; }

/* Filtros aplicados */
.bv2-active { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 8px; }
.bv2-active:empty { display: none; }
.bv2-chip { background-color: #1a2862; color: #fff; font-weight: 500; font-size: .8em; padding: 6px 6px 6px 12px; display: inline-flex; align-items: center; gap: 4px; }
.bv2-chip-x { border: 0; background: rgba(255, 255, 255, .18); color: #fff; width: 18px; height: 18px; line-height: 16px; border-radius: 50%; padding: 0; font-size: 14px; cursor: pointer; }
.bv2-chip-x:hover { background: rgba(255, 255, 255, .35); }
.bv2-clear { font-size: .8em; margin-left: 4px; }

/* Texto encontrado con "filtrar en resultados" */
#resultados-busqueda mark { background: #fff3a8; color: inherit; padding: 0; }

/* Código clicable para copiar */
.bv2-copy { cursor: copy; }

/* Producto con cantidad capturada (pedido rápido) */
.contenedor-producto.bv2-staged > .buscador-producto { box-shadow: inset 4px 0 0 #1a2862; }

/* Precio mientras se consulta */
.bv2-precio-cargando { display: inline-block; width: 120px; height: 22px; border-radius: 4px; vertical-align: middle; }
.bv2-precio-na { font-size: .8em; color: #6c757d; }

/* Pie de resultados */
.bv2-progress { color: #6c757d; font-size: .8em; margin: 6px 0 0; }
#bv2Sentinel { height: 1px; }
.bv2-legacy { text-align: center; color: #6c757d; font-size: .8em; margin: 30px 0 0; width: 100%; }

/* Barra de pedido rápido (aparece con 2 o más productos con cantidad) */
.bv2-cartbar { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 1040; display: flex; align-items: center; gap: 20px; padding: 8px 8px 8px 22px; background: #fff; border: 1px solid #dee2e6; border-radius: 3em; box-shadow: 0 8px 28px rgba(26, 40, 98, .25); max-width: calc(100vw - 24px); }
.bv2-cartbar-info { display: flex; flex-direction: column; font-size: .85em; line-height: 1.3; color: #1a2862; }
.bv2-cartbar-info span { color: #6c757d; }
.bv2-cartbar-actions { display: flex; align-items: center; gap: 4px; }
.bv2-cartbar .btn_comprar { float: none; margin-top: 0; }
.bv2-cartbar-clear { font-size: .8em; color: #6c757d; }

.bv2-toast { position: fixed; left: 50%; bottom: 84px; transform: translateX(-50%); z-index: 1050; background: #1a2862; color: #fff; padding: 8px 16px; border-radius: 3em; font-size: .85em; }

@media (max-width: 767px) {
    .bv2-cartbar { left: 10px; right: 10px; transform: none; border-radius: 14px; flex-wrap: wrap; gap: 8px; }
    .bv2-cartbar-actions { width: 100%; justify-content: space-between; }
}