.oferta_nav {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.oferta_tab {
  font-size: var(--font-size-s);
  color: var(--text-custom);
  padding: 4px 14px;
  border-radius: var(--br-8);
  transition: var(--transition-duration);
  white-space: nowrap;
}

.oferta_tab:hover {
  color: var(--text-default);
  background: var(--transparent-5-w);
}

.oferta_tab_active {
  color: var(--text-default);
  background: var(--transparent-10-w);
}

#oferta_content {
  transition: opacity 0.15s ease;
}

.oferta_updated {
  font-size: var(--font-size-s);
  color: var(--text-custom);
  opacity: 0.5;
  margin-bottom: 12px;
}

.title_offer {
  font-weight: var(--font-weight-6);
  font-size: var(--font-size-l);
  line-height: 25px;
  font-family: var(--font-family-1);
}

.desc_ofer {
  padding: 10px 15px;
  font-size: var(--font-size-m);
  color: var(--text-custom);
  font-weight: var(--font-weight-4);
  margin: 10px 0 20px 0;
  text-align: center;
}

.badge span {
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-4);
  position: absolute;
  right: 20px;
  color: var(--text-custom);
  opacity: 0.5;
}

.oferta_list li {
  font-size: var(--font-size-m);
  color: var(--text-custom);
}

.oferta_list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.oferta_list li b{
  font-weight: var(--font-weight-7);
  color: white;
}

.source-link {
  text-decoration: underline dotted;
  text-underline-offset: 3px;
}

.oferta_list svg {
  width: 0.8em;
  height: 0.8em;
  vertical-align: -0.1em;
  fill: currentColor;
}