/* ==== IMPORTAÇÃO DE FONTES ==== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@600;700;800&display=swap');

/* ==== VARIÁVEIS ==== */
:root {
  --cor-laranja: #F17D37;
  --cor-rosa: #E82A78;
  --cor-azul: #009BCF;
  --focus-outline: 2px dashed #000;
}

/* ==== GLOBAL ==== */
html {
  scroll-padding-top: 90px;
}
body {
  padding-top: 90px;
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  line-height: 1.8;
  margin: 0;
  background-color: #fff;
  color: #333;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
h1, h2, h3, h4 {
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  line-height: 1.3;
}
p, li {
  font-size: 1.25rem;
}
a:focus-visible, button:focus-visible {
  outline: var(--focus-outline);
  outline-offset: 4px;
}
body > .hero-carousel,
body > .section.banners-index {
  margin-top: -90px;
}

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