.service-detail-hero .soporta-hero-actions { display:flex; flex-direction:column; align-items:center; gap:.8rem; }
.service-detail-hero .soporta-secondary-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.8rem; }
.service-detail-hero .soporta-hero-actions > a, .service-detail-hero .soporta-secondary-actions > a { min-width:220px; text-align:center; }
@media(min-width:769px) and (max-width:1100px) {
  #main-navigation .nav-container { gap:.65rem; }
  #main-navigation .brand-logo img { max-width:122px; height:auto; }
  #main-navigation .nav-menu { gap:.65rem; }
  #main-navigation .nav-menu a { font-size:.82rem; white-space:nowrap; }
  #main-navigation .btn-nav { padding:.55rem .75rem; white-space:nowrap; font-size:.84rem; }
  #main-navigation .global-lang-select { margin-left:.2rem; padding:.4rem .55rem; font-size:.82rem; }
}
@media(max-width:560px) {
 .service-detail-hero .soporta-hero-actions { flex-direction:column; align-items:stretch; }
 .service-detail-hero .soporta-secondary-actions { flex-direction:column; align-items:stretch; }
 .service-detail-hero .soporta-hero-actions a { text-align:center; }
}
/* Contraste accesible para los dos accesos sobre el fondo oscuro del hero. */
.service-detail-hero .soporta-secondary-actions .soporta-atlanta-link {
  color:#fff !important;
  border-color:rgba(255,255,255,.88) !important;
  background:rgba(10,31,54,.48) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28);
}
.service-detail-hero .soporta-secondary-actions .soporta-atlanta-link:hover,
.service-detail-hero .soporta-secondary-actions .soporta-atlanta-link:focus-visible {
  color:#fff !important;
  border-color:#fff !important;
  background:rgba(8,169,187,.46) !important;
  outline:3px solid rgba(255,255,255,.28);
  outline-offset:2px;
}