body.hc-mode .sidebar,
[data-theme="dark"] .sidebar {
  background: #000;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}

body.hc-mode .sidebar .chip,
body.hc-mode .sidebar .filter-pill,
[data-theme="dark"] .sidebar .chip,
[data-theme="dark"] .sidebar .filter-pill {
  background: transparent !important;
  color: var(--color-azul-vivo-2, #0065bd) !important;
  border: 2px solid rgba(0, 101, 189, 0.55) !important;
  box-shadow: none !important;
}
body.hc-mode .sidebar .chip:hover,
body.hc-mode .sidebar .filter-pill:hover,
body.hc-mode .sidebar .chip:focus,
body.hc-mode .sidebar .filter-pill:focus,
[data-theme="dark"] .sidebar .chip:hover,
[data-theme="dark"] .sidebar .filter-pill:hover,
[data-theme="dark"] .sidebar .chip:focus,
[data-theme="dark"] .sidebar .filter-pill:focus {
  background: rgba(0, 101, 189, 0.12) !important;
  color: #fff !important;
  border-color: var(--color-azul-vivo-2, #0065bd) !important;
  outline: none !important;
}
body.hc-mode .sidebar .chip.active,
body.hc-mode .sidebar .filter-pill.active,
[data-theme="dark"] .sidebar .chip.active,
[data-theme="dark"] .sidebar .filter-pill.active {
  background: var(--color-azul-vivo-2, #0065bd) !important;
  color: #fff !important;
  border-color: var(--color-azul-vivo-2, #0065bd) !important;
}
body.hc-mode .sidebar input[type="text"],
body.hc-mode .sidebar input[type="search"],
body.hc-mode .sidebar input[type="number"],
body.hc-mode .sidebar input[type="email"],
body.hc-mode .sidebar select,
body.hc-mode .sidebar textarea,
[data-theme="dark"] .sidebar input[type="text"],
[data-theme="dark"] .sidebar input[type="search"],
[data-theme="dark"] .sidebar input[type="number"],
[data-theme="dark"] .sidebar input[type="email"],
[data-theme="dark"] .sidebar select,
[data-theme="dark"] .sidebar textarea {
  background: #0b0b0b;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
body.hc-mode .sidebar ::placeholder,
[data-theme="dark"] .sidebar ::placeholder {
  color: #a8b0bf;
  opacity: 1;
}
body.hc-mode .sidebar input:focus,
body.hc-mode .sidebar select:focus,
body.hc-mode .sidebar textarea:focus,
[data-theme="dark"] .sidebar input:focus,
[data-theme="dark"] .sidebar select:focus,
[data-theme="dark"] .sidebar textarea:focus {
  border-color: var(--color-azul-vivo-2, #0065bd);
  box-shadow: 0 0 0 3px rgba(0, 101, 189, 0.25);
  outline: none;
}
body.hc-mode .sidebar input[type="checkbox"],
body.hc-mode .sidebar input[type="radio"],
[data-theme="dark"] .sidebar input[type="checkbox"],
[data-theme="dark"] .sidebar input[type="radio"] {
  accent-color: var(--color-azul-vivo-2, #0065bd);
}
body.hc-mode .cardd-infra,
[data-theme="dark"] .cardd-infra {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: none;
  color: #fff;
}
body.hc-mode .cardd-infra .title,
[data-theme="dark"] .cardd-infra .title {
  color: #fff;
  font-weight: var(--jobsite-font-weight-bold, 700);
}
body.hc-mode .cardd-infra .meta,
[data-theme="dark"] .cardd-infra .meta {
  color: #d0d4e0;
}
body.hc-mode .cardd-infra .tag,
[data-theme="dark"] .cardd-infra .tag {
  background: transparent;
  color: var(--color-azul-vivo-2, #0065bd);
  border: 1px solid rgba(0, 101, 189, 0.55);
}
body.hc-mode .cardd-infra a,
[data-theme="dark"] .cardd-infra a {
  color: #fff;
}
body.hc-mode .cardd-infra .btn,
[data-theme="dark"] .cardd-infra .btn {
  background: var(--color-alerta-rojo, #de2012);
  color: #fff;
  border: 2px solid var(--color-alerta-rojo, #de2012);
}
body.hc-mode .cardd-infra .btn:hover,
[data-theme="dark"] .cardd-infra .btn:hover {
  filter: brightness(1.05);
}
body.hc-mode .results-count,
body.hc-mode .helper-text,
[data-theme="dark"] .results-count,
[data-theme="dark"] .helper-text {
  color: #d0d4e0;
}
body.hc-mode .pagination,
[data-theme="dark"] .pagination {
  background: transparent;
}
body.hc-mode .pagination .page-link,
[data-theme="dark"] .pagination .page-link {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
body.hc-mode .pagination .page-link:hover,
[data-theme="dark"] .pagination .page-link:hover {
  background: rgba(255, 255, 255, 0.06);
}
body.hc-mode .pagination .active .page-link,
[data-theme="dark"] .pagination .active .page-link {
  background: var(--color-azul-vivo-2, #0065bd);
  border-color: var(--color-azul-vivo-2, #0065bd);
  color: #fff;
}
body.hc-mode .card,
[data-theme="dark"] .card {
  background: #0b0b0b;
  border-color: rgba(255, 255, 255, 0.12);
  color: #fff;
  box-shadow: none;
}
body.hc-mode .filters span,
[data-theme="dark"] .filters span {
  background: transparent !important;
}
body.hc-mode .search-bar,
[data-theme="dark"] .search-bar {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
body.hc-mode .search-bar input[type="search"],
[data-theme="dark"] .search-bar input[type="search"] {
  background: #0b0b0b;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
body.hc-mode .empty-state,
[data-theme="dark"] .empty-state {
  background: transparent;
  color: #d0d4e0;
  border-color: rgba(255, 255, 255, 0.12);
}

body.hc-mode #buscador-pais,
[data-theme="dark"] #buscador-pais,
body.hc-mode input#buscador-pais.buscarPaisInput,
[data-theme="dark"] input#buscador-pais.buscarPaisInput {
  background: #0b0b0b !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

body.hc-mode #buscador-pais::placeholder,
[data-theme="dark"] #buscador-pais::placeholder {
  color: #a8b0bf;
  opacity: 1;
}

body.hc-mode #buscador-pais:focus,
[data-theme="dark"] #buscador-pais:focus,
body.hc-mode #buscador-pais:hover,
[data-theme="dark"] #buscador-pais:hover {
  border-color: var(--color-azul-vivo-2, #0065bd) !important;
  box-shadow: 0 0 0 3px rgba(0, 101, 189, 0.25) !important;
  outline: none;
}
body.hc-mode .section-secondary .ofertas-laborales h2,
body.hc-mode .featured-job .cardd-titulo h1,
[data-theme="dark"] .section-secondary .ofertas-laborales h2,
[data-theme="dark"] .featured-job .cardd-titulo h1{
  color: #fff !important;
}

body.hc-mode .featured-job .info-one span,
[data-theme="dark"] .featured-job .info-one span{
  color: #005b9c
}

body.hc-mode .cardd--infra,
[data-theme="dark"] .cardd-infra{
  border: 2px solid var(--color-secondary-azul-medio);
}