/*
 * Camada pequena de desempenho e acessibilidade.
 * Ela respeita o desenho existente e apenas torna os elementos navegáveis,
 * estáveis e legíveis para leitores de tela e dispositivos de baixa potência.
 */

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }

.skip-link:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  width: auto;
  z-index: 99999;
  padding: .75rem 1rem;
  left: 1rem;
  top: 1rem;
  color: #fff;
  background: #1d2734;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid #f58220;
  outline-offset: 3px;
}

/* Botões com contraste AA, mantendo a paleta laranja da marca. */
.elementor-button,
.elementor-button:visited {
  color: #fff;
  background-color: #b94718;
}

.elementor-button:hover,
.elementor-button:focus {
  color: #fff;
  background-color: #92340f;
}

img {
  content-visibility: auto;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* O ajuste abaixo existe somente no celular e impede animações por visibility. */
@media (max-width: 767px) {
  .elementor-icon {
    animation-name: none !important;
    visibility: visible !important;
  }
}
/* Banner dos artigos: mesma imagem, enquadramento e altura das páginas institucionais. */
.elementor-139 .elementor-element.elementor-element-144790c > .elementor-background-overlay {
  background-image: url("content/uploads/2023/12/sobrenos.webp");
  background-position: 0 -217px;
}

@media (max-width: 1024px) {
  .elementor-139 .elementor-element.elementor-element-144790c > .elementor-background-overlay {
    background-position: 0 0;
  }
}