/* ACM public site language control and single-service mobile layout. */
.language-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--ln2, rgba(58, 58, 58, .22));
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg, #ede6dd) 78%, transparent);
  flex: none;
}

.language-switch button {
  display: grid;
  min-width: 38px;
  min-height: 38px;
  place-items: center;
  padding: 0 8px;
  border-radius: 999px;
  color: var(--tx2, #655d57);
  font: 700 10px/1 DMSans, sans-serif;
  letter-spacing: .08em;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

.language-switch button:hover { background: color-mix(in srgb, var(--act, #795f55) 10%, transparent); }
.language-switch button[aria-pressed="true"] { background: var(--btn, #8d6e63); color: var(--no-btn, #fffdf9); }
.language-switch button:focus-visible { outline: 2px solid var(--act, #795f55); outline-offset: 2px; }

@media (max-width: 599px) {
  .topo-in { gap: 12px; }
  .marca-logo { width: min(174px, 41vw); }
  .topo-acoes { gap: 8px; }
  .language-switch button { min-width: 36px; min-height: 36px; }
  .bento--single { grid-auto-columns: 100%; overflow: visible; scroll-snap-type: none; scroll-padding-inline: 0; margin-inline: 0; padding: 4px 0 12px; }
  .bento--single > .bt { width: 100%; grid-column: 1 / -1; }
  .svc--bento .bento--single + .arraste { display: none !important; }
}

@media (max-width: 600px) {
  .faq-ajuda { min-width: 0; padding: 18px; }
  .faq-ajuda .btn { width: 100%; min-width: 0; justify-self: stretch; min-height: 48px; padding: 10px 12px; white-space: normal; text-align: center; line-height: 1.25; }
}

html[lang="pt-BR"] .js .real > span {
  background: none !important;
  color: var(--ac-cla, #795f55) !important;
  -webkit-text-fill-color: var(--ac-cla, #795f55) !important;
  animation: none !important;
}

@media (max-width: 760px) {
  .js .m.vis.real > span {
    background: none !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    animation: none !important;
  }
}

@media (max-width: 359px) {
  .topo-in { gap: 10px; }
  .topo-acoes { gap: 6px; }
  .marca-logo { width: 126px; }
  .language-switch button { min-width: 34px; min-height: 36px; padding-inline: 6px; }
  .hamb { width: 42px; height: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .language-switch button { transition: none; }
}