/* ===== Página Paquetes (réplica del listado /paquetes/ del original) ===== */

/* Sidebar de filtros: caja blanca .job_filters del original
   (bg #fff, radio 6px, padding 30px, sin borde) */
.filters-sidebar {
  background-color: #fff;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.06);
}

.filter-field {
  padding-bottom: 20px;
}

/* Input de palabra clave: .form-control.style2 del original
   (54px de alto, borde 2px #E6E8ED, radio 6px) */
.filter-keyword {
  display: block;
  width: 100%;
  height: 54px;
  padding: 6px 12px;
  font-size: 14px;
  color: var(--color-text);
  background-color: #fff;
  border: 2px solid #e6e8ed;
  border-radius: 6px;
  outline: none;
}

.filter-keyword::placeholder {
  color: #3e3e3e;
}

/* Selects nativos sin borde, como los .job-manager-category-dropdown del original */
.filters-sidebar select {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  color: #3e3e3e;
  background-color: transparent;
  outline: none;
}

/* Botón Búsqueda: .btn-filter del original (navy #021F4A, full width) */
.btn-busqueda {
  display: block;
  width: 100%;
  padding: 9px 30px;
  border: 0;
  border-radius: 6px;
  background-color: #021f4a;
  color: #fff;
  font-family: 'Nunito', serif, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  text-transform: capitalize;
  cursor: pointer;
}

.btn-busqueda i {
  margin-left: 10px;
}

/* Bloque "Mostrando resultados / Restablecer" bajo el botón Búsqueda
   (.listing-search-result-filter del original, template.css) */
.listing-search-result-filter {
  font-size: 14px;
}

.listing-search-result-filter .results {
  border-top: 1px solid #f1f3f7;
  padding: 10px 0 0;
  margin-top: 10px;
}

.listing-search-result-filter .results .text-strong {
  margin-left: 5px;
  font-weight: 700;
  color: #1b2032;
}

.listing-search-result-filter .results .highlight {
  color: #3e3e3e;
  font-weight: 500;
  text-decoration: underline;
}

.listing-search-result-filter .results .reset {
  font-size: 14px;
  display: inline-block;
  padding: 3px 20px;
  border-radius: 2px;
  color: #fff;
  background: #ef2f24;
  transition: all 0.2s ease-in-out 0s;
  vertical-align: middle;
}

.listing-search-result-filter .results .reset:hover,
.listing-search-result-filter .results .reset:active {
  background: #e91d11;
  color: #fff;
}

/* Contador "N Resultados Encontrados" (.contador del original) */
.results-counter {
  color: #3e3e3e;
  font-size: 16px;
  font-weight: 400;
}

/* Botón "La carga de los listados más" (.load_more_jobs del original:
   naranja #FFA737, centrado, texto en capitalize) */
.load-more-btn {
  display: table;
  margin: 30px auto 0;
  padding: 12px 30px;
  border: 0;
  border-radius: 6px;
  background-color: #ffa737;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  cursor: pointer;
}

/* Trigger de filtros en mobile: réplica del .show-filter1 del original
   (botón naranja solo-ícono, oculto en desktop) */
.mobile-filter-btn {
  display: none;
  padding: 9px 12px;
  border: 0;
  border-radius: 6px;
  background-color: #ffa737;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 991px) {
  .desktop-filters {
    display: none;
  }
  .mobile-filter-btn {
    display: inline-block;
  }
}
