/* Legibilidad ampliada: textos secundarios en escritorio y móvil. */
.nav-links,
.button,
.sap-offers-access > .sap-offers-button {
  font-size: 15px;
}

.eyebrow {
  font-size: 12px;
}

.lead {
  font-size: 20px;
  line-height: 1.75;
}

.hero-caption,
.hero-flags a,
.region-nav a {
  font-size: 14px;
}

.hero-facts span {
  font-size: 14px;
  line-height: 1.5;
}

.section-head p,
.video-grid p {
  font-size: 17px;
  line-height: 1.75;
}

.search input,
.count,
.salary-table,
.salary-control {
  font-size: 15px;
}

.company-number,
.focus {
  font-size: 12px;
}

.summary,
.path p,
.resource p,
.banner p {
  font-size: 16px;
  line-height: 1.75;
}

.tags span {
  font-size: 12px;
  padding: 5px 9px;
}

.card-actions .button,
.text-link,
details,
.salary-notes,
.review blockquote,
.review strong {
  font-size: 14px;
}

.contact p {
  font-size: 18px;
}

.contact small,
.footer-row {
  font-size: 14px;
}

.fine {
  font-size: 12px;
  line-height: 1.8;
}

@media (max-width: 700px) {
  .nav .button,
  .button,
  .sap-offers-access > .sap-offers-button {
    font-size: 14px;
  }

  .region-nav a {
    min-height: 48px;
    font-size: 13px;
    line-height: 1.3;
  }

  .lead {
    font-size: 19px;
    line-height: 1.7;
  }

  .hero-flags a,
  .hero-caption {
    font-size: 13px;
  }

  .hero-facts span {
    font-size: 13px;
    max-width: none;
  }

  .section-head p,
  .video-grid p,
  .summary,
  .path p,
  .resource p,
  .banner p {
    font-size: 16px;
    line-height: 1.75;
  }

  .search input,
  .count,
  .salary-table,
  .salary-control {
    font-size: 15px;
  }

  .company-number,
  .focus,
  .eyebrow {
    font-size: 12px;
  }

  .tags span {
    font-size: 12px;
  }

  .card-actions .button,
  .text-link,
  details,
  .salary-notes,
  .review blockquote,
  .review strong,
  .contact small,
  .footer-row {
    font-size: 14px;
  }

  .contact p {
    font-size: 17px;
    line-height: 1.7;
  }

  .fine {
    font-size: 12px;
  }
}

@media (max-width: 430px) {
  .region-nav {
    flex-wrap: wrap;
  }

  .region-nav a {
    flex: 1 1 30%;
    padding-inline: 8px;
  }

  .hero-facts {
    grid-template-columns: 1fr;
  }

  .hero-facts div {
    display: flex;
    align-items: center;
  }

  .hero-facts span {
    font-size: 14px;
  }

  .card-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .card-actions .button {
    min-height: 48px;
  }
}