/* Refinamiento del hero / resumen superior. */

.refresh-status {
  display: grid !important;
  grid-template-columns: auto 1fr;
  column-gap: 14px;
  row-gap: 3px;
  align-items: center;
}

.refresh-status strong {
  grid-column: 1 / -1;
  grid-row: 1;
}

.refresh-status::before {
  content: 'Encuentra oportunidades tecnológicas vigentes' !important;
  grid-column: 1 / -1;
  grid-row: 2;
}

.refresh-status > span:not(.hero-opportunity-count) {
  grid-column: 1;
  grid-row: 3;
}

.refresh-status .hero-opportunity-count {
  grid-column: 2;
  grid-row: 3;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #476253;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.refresh-status .hero-opportunity-count::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #2b8b45;
  box-shadow: 0 0 0 4px rgba(43, 139, 69, 0.09);
}

.refresh-status::after {
  grid-column: 1 / -1;
  grid-row: 4;
}

@media (max-width: 760px) {
  .refresh-status {
    grid-template-columns: 1fr;
  }

  .refresh-status > span:not(.hero-opportunity-count),
  .refresh-status .hero-opportunity-count {
    grid-column: 1;
  }

  .refresh-status .hero-opportunity-count {
    grid-row: 4;
    margin-top: 2px;
  }

  .refresh-status::after {
    grid-row: 5;
  }
}