/* ============================================================================
   THOR — BUSCAR LICITACIONES · Apple polish
   100% CSS. Cargado el ÚLTIMO en panel.html. Reversible.
   La sección ya tiene un diseño base sólido en search-unified.css (layout
   centrado, pills naranjas, chips TED, etc.). Este archivo SOLO aporta pulido
   visual (degradados, pastilla en botones, acento en stats) SIN TOCAR el
   layout (grid, padding, margin, text-align) para no descuadrar nada.
   ============================================================================ */

/* Botón primario de filtros → pastilla con degradado naranja (mantiene tamaño base) */
#buscarAhora .search-filter-btn:not(.secondary) {
  background: linear-gradient(135deg, #f0974a 0%, #e88732 100%) !important;
  border-radius: 980px !important;
  box-shadow: 0 4px 14px rgba(232,135,50,.26) !important;
  transition: transform .1s ease, filter .15s ease, box-shadow .15s ease !important;
}
#buscarAhora .search-filter-btn:not(.secondary):hover {
  transform: translateY(-1px) !important;
  filter: saturate(1.06) !important;
  box-shadow: 0 8px 20px rgba(232,135,50,.34) !important;
}
/* Secundario → pastilla neutra coherente */
#buscarAhora .search-filter-btn.secondary { border-radius: 980px !important; }

/* Pills de categoría: activa con degradado (misma caja del base) */
#buscarAhora .search-category-pill.active {
  background: linear-gradient(135deg, #f0974a 0%, #e88732 100%) !important;
  box-shadow: 0 4px 14px rgba(232,135,50,.30) !important;
}

/* Stat cards: número en naranja de marca (solo color, sin tocar layout) */
#buscarAhora .search-stat-number { color: #e88732 !important; }

/* Botón "Buscar en TED" → degradado azul de la paleta (mantiene tamaño base) */
#buscarAhora .ted-search-btn {
  background: linear-gradient(135deg, #3a9bff 0%, #0a84ff 100%) !important;
  border-radius: 980px !important;
  box-shadow: 0 4px 14px rgba(10,132,255,.26) !important;
  transition: transform .1s ease, filter .15s ease, box-shadow .15s ease !important;
}
#buscarAhora .ted-search-btn:hover {
  transform: translateY(-1px) !important;
  filter: saturate(1.08) !important;
  box-shadow: 0 8px 20px rgba(10,132,255,.34) !important;
}

/* Movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  #buscarAhora .search-filter-btn:hover,
  #buscarAhora .ted-search-btn:hover { transform: none !important; }
}