html {
  scroll-behavior: smooth;
}

.snap-container {
  height: 100vh;
  width: 100%;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE e Edge */
}
.snap-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari e Opera */
}


.projetos,
.projetos * {
  box-sizing: border-box;
}
.projetos {
  background: #fff5e0;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.header {
  background: var(--background-light, #f6f5f3);
  border-style: solid;
  border-color: rgba(124, 163, 230, 0.1);
  border-width: 0px 0px 1px 0px;
  padding: var(--space-16, 16px) 80px var(--space-16, 16px) 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: stretch;
  width: 100%;
  position: relative;
  backdrop-filter: blur(6px);
}
.container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._426202085-889915803133947-2864478479450006781-n-1 {
  border-radius: 251px;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.nav {
  display: flex;
  flex-direction: row;
  gap: var(--space-32, 32px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.link {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.in-cio {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  width: 42.31px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sobre {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  position: relative;
  width: 54px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 64px;
  position: relative;
}
.projetos2 {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  width: 117.25px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.blog {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  width: 33px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link3 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 63px;
  position: relative;
}
.contato {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  width: 101.95px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button {
  background: var(--pink-soft, #f094ac);
  border-radius: 9999px;
  padding: 15px 32px 15px 32px;
  display: flex;
  flex-direction: row;
  gap: var(--space-8, 8px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.bot-o-principal {
  color: var(--background-light, #f6f5f3);
  text-align: center;
  font-family: var(--cta-font-family, 'DM Sans', sans-serif);
  font-size: var(--cta-font-size, 16px);
  line-height: var(--cta-line-height, 24px);
  font-weight: var(--cta-font-weight, 600);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heart-01 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.section-hero {
  padding: var(--space-80, 80px) 0px var(--space-80, 80px) 0px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text {
  display: flex;
  flex-direction: column;
  gap: var(--space-16, 16px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 736px;
  max-width: var(--8-column, 736px);
  position: relative;
}
.nossos-projetos {
  text-align: center;
  font-family: var(
    --h1-display-72px-font-family,
    'Fredoka',
    sans-serif
  );
  font-size: var(--h1-display-72px-font-size, 64px);
  line-height: var(--h1-display-72px-line-height, 72px);
  font-weight: var(--h1-display-72px-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.nossos-projetos-span {
  color: var(--text-main, #665e6e);
}
.nossos-projetos-span2 {
  color: var(--primary, #7ca3e6);
}
.trabalhamos-diariamente-para-construir-uma-sociedade-mais-inclusiva-e-informada-atrav-s-de-a-es-concretas-e-suporte-especializado {
  color: var(--text-main, #665e6e);
  text-align: center;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.background {
  background: var(--lavender, #ccaced);
  border-radius: 9999px;
  flex-shrink: 0;
  width: 96px;
  height: 8px;
  position: relative;
}
.frame-7 {
  background: #f091a4;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%; align-self: stretch;
  height: 100vh; scroll-snap-align: start; scroll-snap-stop: always; overflow: hidden;
  position: relative;
}
.frame-11 {
  flex-shrink: 0;
  width: 1093.91px;
  height: 556px;
  position: relative;
}
.frame-6 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 0px;
  left: 393px;
  top: 92px;
}
.gemini-generated-image-h-5-asnuh-5-asnuh-5-as-1 {
  flex-shrink: 0;
  width: 143px;
  height: 140px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 143/140;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.gemini-generated-image-h-5-asnuh-5-asnuh-5-as-1:hover {
  transform: scale(1.05);
}
.corrida-da-gaopa {
  color: var(--background-light, #f6f5f3);
  text-align: left;
  font-family: var(
    --h2-subheadline-48px-font-family,
    'Fredoka',
    sans-serif
  );
  font-size: var(--h2-subheadline-48px-font-size, 48px);
  line-height: var(--h2-subheadline-48px-line-height, 48px);
  font-weight: var(--h2-subheadline-48px-font-weight, 500);
  position: relative;
  align-self: stretch;
}
.a-corrida-da-gaopa-um-evento-solid-rio-realizado-em-barcarena-com-o-objetivo-de-promover-a-conscientiza-o-sobre-o-autismo-e-incentivar-a-inclus-o-al-m-da-pr-tica-esportiva-a-a-o-re-ne-a-comunidade-em-apoio-s-pessoas-com-tea-e-suas-fam-lias {
  color: var(--background-light, #f6f5f3);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  width: 589.45px;
}
.image-3 {
  border-radius: 48px;
  width: 318px;
  height: 257px;
  position: absolute;
  left: 1px;
  top: 0px;
  box-shadow: -1px -11px 15.8px -6px rgba(0, 0, 0, 0.5);
  object-fit: cover;
  aspect-ratio: 318/257;
}
.image-2 {
  border-radius: 48px;
  width: 317px;
  height: 257px;
  position: absolute;
  left: 1px;
  top: 162px;
  box-shadow: -1px -11px 15.8px -6px rgba(0, 0, 0, 0.5);
  object-fit: cover;
  aspect-ratio: 317/257;
}
.image-1 {
  border-radius: 48px;
  width: 318px;
  height: 257px;
  position: absolute;
  left: 0px;
  top: 299px;
  box-shadow: -1px -11px 15.8px -6px rgba(0, 0, 0, 0.5);
  object-fit: cover;
  aspect-ratio: 318/257;
}
.frame-72 {
  background: #7ca3e6;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%; align-self: stretch;
  height: 100vh; scroll-snap-align: start; scroll-snap-stop: always; overflow: hidden;
  position: relative;
}
.frame-112 {
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1094px;
  height: 713px;
  position: relative;
}
.frame-62 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 700.91px;
  position: relative;
}
.vector-1 {
  flex-shrink: 0;
  width: 167px;
  height: 148px;
  position: relative;
  overflow: visible;
  object-fit: cover;
}
.tea-em-movimento {
  color: var(--background-light, #f6f5f3);
  text-align: left;
  font-family: var(
    --h2-subheadline-48px-font-family,
    'Fredoka',
    sans-serif
  );
  font-size: var(--h2-subheadline-48px-font-size, 48px);
  line-height: var(--h2-subheadline-48px-line-height, 48px);
  font-weight: var(--h2-subheadline-48px-font-weight, 500);
  position: relative;
  align-self: stretch;
}
.aqui-est-o-texto-ajustado-com-tudo-que-voc-pediu-mantendo-curto-e-direto-o-tea-em-movimento-o-1-projeto-de-atividades-f-sicas-adaptadas-para-pessoas-com-tea-realizado-pela-gaopa-em-barcarena-totalmente-gratuito-atende-pessoas-a-partir-de-7-anos-at-a-fase-adulta-promovendo-inclus-o-desenvolvimento-motor-socializa-o-e-qualidade-de-vida-por-meio-do-esporte {
  color: var(--background-light, #f6f5f3);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  width: 589.45px;
}
.frame-12 {
  flex-shrink: 0;
  width: 319px;
  height: 556px;
  position: relative;
}
.frame-8 {
  background: #f7d359;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%; align-self: stretch;
  height: 100vh; scroll-snap-align: start; scroll-snap-stop: always; overflow: hidden;
  position: relative;
}
.frame-63 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 0.04px;
  left: 392.955078125px;
  top: 26.5px;
}
.projeto-alfabetiza-o-gaopa {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(
    --h2-subheadline-48px-font-family,
    'Fredoka',
    sans-serif
  );
  font-size: var(--h2-subheadline-48px-font-size, 48px);
  line-height: var(--h2-subheadline-48px-line-height, 48px);
  font-weight: var(--h2-subheadline-48px-font-weight, 500);
  position: relative;
  align-self: stretch;
}
.o-projeto-de-alfabetiza-o-da-gaopa-uma-iniciativa-voltada-ao-desenvolvimento-educacional-de-pessoas-com-tea-com-foco-na-alfabetiza-o-e-no-fortalecimento-das-habilidades-cognitivas-o-projeto-busca-oferecer-apoio-adaptado-s-necessidades-de-cada-aluno-promovendo-inclus-o-autonomia-e-melhor-desempenho-no-processo-de-aprendizagem-al-m-disso-contribui-para-a-integra-o-social-e-o-avan-o-educacional-das-pessoas-atendidas {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  width: 589.45px;
}
.section-default {
  padding: var(--space-80, 80px) 0px var(--space-80, 80px) 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
}
.conteiner {
  display: flex;
  flex-direction: row;
  gap: var(--space-32, 32px);
  row-gap: 32px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  height: 789px;
  max-width: var(--container, 1120px);
  position: relative;
}
.background-border-shadow {
  background: var(--background-light, #f6f5f3);
  border-radius: 40px;
  border-style: solid;
  border-color: rgba(124, 163, 230, 0.05);
  border-width: 2px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: var(--space-16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  min-width: var(--6-column, 544px);
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.overlay {
  background: rgba(124, 163, 230, 0.1);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
}
.bulb {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.conscientiza-o-e-educa-o {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(
    --h3-section-title-30px-font-family,
    'Fredoka',
    sans-serif
  );
  font-size: var(--h3-section-title-30px-font-size, 30px);
  line-height: var(--h3-section-title-30px-line-height, 36px);
  font-weight: var(--h3-section-title-30px-font-weight, 500);
  position: relative;
  align-self: stretch;
}
.realizamos-semin-rios-palestras-e-workshops-voltados-para-escolas-profissionais-de-sa-de-e-comunidade-em-geral-combatendo-o-preconceito-atrav-s-da-informa-o-de-qualidade {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.background-border-shadow2 {
  background: var(--background-light, #f6f5f3);
  border-radius: 40px;
  border-style: solid;
  border-color: rgba(240, 148, 172, 0.05);
  border-width: 2px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: var(--space-16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  min-width: var(--6-column, 544px);
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.overlay2 {
  background: rgba(240, 148, 172, 0.1);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
}
.shield-check {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.defesa-de-direitos {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(
    --h3-section-title-30px-font-family,
    'Fredoka',
    sans-serif
  );
  font-size: var(--h3-section-title-30px-font-size, 30px);
  line-height: var(--h3-section-title-30px-line-height, 36px);
  font-weight: var(--h3-section-title-30px-font-weight, 500);
  position: relative;
  align-self: stretch;
}
.apresentamos-demandas-das-fam-lias-ao-poder-p-blico-e-rg-os-de-controle-garantindo-que-as-pol-ticas-p-blicas-de-inclus-o-sejam-efetivadas-e-respeitadas-em-todos-os-mbitos {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.background-border-shadow3 {
  background: var(--background-light, #f6f5f3);
  border-radius: 40px;
  border-style: solid;
  border-color: rgba(204, 172, 237, 0.1);
  border-width: 2px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: var(--space-16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  min-width: var(--6-column, 544px);
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.overlay3 {
  background: rgba(204, 172, 237, 0.2);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
}
.heart-012 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.apoio-direto-s-fam-lias {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(
    --h3-section-title-30px-font-family,
    'Fredoka',
    sans-serif
  );
  font-size: var(--h3-section-title-30px-font-size, 30px);
  line-height: var(--h3-section-title-30px-line-height, 36px);
  font-weight: var(--h3-section-title-30px-font-weight, 500);
  position: relative;
  align-self: stretch;
}
.oferecemos-atendimento-com-assistente-social-e-rodas-de-conversa-proporcionando-suporte-emocional-e-orienta-o-t-cnica-para-que-as-fam-lias-possam-navegar-melhor-na-jornada-do-tea {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.background-border-shadow4 {
  background: var(--background-light, #f6f5f3);
  border-radius: 40px;
  border-style: solid;
  border-color: rgba(252, 221, 96, 0.1);
  border-width: 2px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: var(--space-16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  min-width: var(--6-column, 544px);
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.overlay4 {
  background: rgba(252, 221, 96, 0.2);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
}
.users-group {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.mobiliza-o-social {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(
    --h3-section-title-30px-font-family,
    'Fredoka',
    sans-serif
  );
  font-size: var(--h3-section-title-30px-font-size, 30px);
  line-height: var(--h3-section-title-30px-line-height, 36px);
  font-weight: var(--h3-section-title-30px-font-weight, 500);
  position: relative;
  align-self: stretch;
}
.promovemos-caminhadas-eventos-culturais-e-campanhas-p-blicas-para-dar-visibilidade-causa-autista-e-fortalecer-os-la-os-entre-as-fam-lias-em-nossa-regi-o {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.button4 {
  background: var(--pink-soft, #f094ac);
  border-radius: 9999px;
  padding: 15px 32px 15px 32px;
  display: flex;
  flex-direction: row;
  gap: var(--space-8, 8px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 589px;
  position: relative;
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  cursor: pointer;
}

.button4:hover {
  background: #f4adc0;
  box-shadow: 0px 6px 12px -4px rgba(0, 0, 0, 0.15),
    0px 12px 20px -3px rgba(0, 0, 0, 0.1);
}

.bot-o-principal2 {
  color: var(--background-light, #f6f5f3);
  text-align: center;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.heart-014 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.video {
  border-radius: 48px;
  width: 236px;
  height: 423px;
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 236/423;
}

.seja-patrocinador-apoiador {
  background: var(--background-light, #f6f5f3);
  padding: var(--margin, 80px) 80px var(--margin, 80px) 80px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100%;
  align-items: center;
  position: relative;
}

.container7 {
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  max-width: 1280px;
  position: relative;
}

.text3 {
  display: flex;
  flex-direction: column;
  gap: var(--space-16, 16px);
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  max-width: var(--8-column, 736px);
  position: relative;
}

.por-que-apoiar-a-gaopa {
  color: var(--text-main, #665e6e);
  text-align: center;
  font-family: var(--h2-subheadline-48px-font-family,
      'Fredoka',
      sans-serif);
  font-size: var(--h2-subheadline-48px-font-size, 48px);
  line-height: var(--h2-subheadline-48px-line-height, 48px);
  font-weight: var(--h2-subheadline-48px-font-weight, 500);
  position: relative;
  align-self: stretch;
}

.sua-contribui-o-o-que-nos-permite-manter-as-portas-abertas-e-os-direitos-garantidos {
  color: var(--text-main, #665e6e);
  text-align: center;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.container8 {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.para-empresas {
  background: rgba(124, 163, 230, 0.05);
  border-radius: 48px;
  border-style: solid;
  border-color: rgba(124, 163, 230, 0.1);
  border-width: 2px;
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}

.container9 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.apoio-icon-bg {
  background: var(--primary, #7ca3e6);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
}

.building-04 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.para-empresas2 {
  color: var(--primary, #7ca3e6);
  text-align: left;
  font-family: var(--h3-font-family, 'Fredoka', sans-serif);
  font-size: var(--h3-font-size, 30px);
  line-height: var(--h3-line-height, 36px);
  font-weight: var(--h3-font-weight, 700);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.circle-check {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.responsabilidade-social-com-impacto-local-direto-em-barcarena {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  width: 358.9px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.circle-check2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.fortalecimento-da-imagem-institucional-ligada-causa-da-inclus-o {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  width: 358.9px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.circle-check3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.apoio-a-projetos-estruturados-com-presta-o-de-contas-transparente {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  width: 358.9px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.overlay-border {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(124, 163, 230, 0.2);
  border-width: 1px;
  padding: 32px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.container10 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.wavy-check {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.entidade-de-utilidade-p-blica {
  color: var(--primary, #7ca3e6);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.reconhecimento-oficial-pela-idoneidade-e-relev-ncia-dos-nossos-servi-os-prestados-sociedade {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.button5 {
  background: var(--primary, #7ca3e6);
  border-radius: 9999px;
  padding: 15px 32px 15px 32px;
  display: flex;
  flex-direction: row;
  gap: var(--space-8, 8px);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.button5:hover {
  background: #9abaf0;
  box-shadow: 0px 6px 12px -4px rgba(0, 0, 0, 0.15),
    0px 12px 20px -3px rgba(0, 0, 0, 0.1);
}

.star2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.para-empresas3 {
  background: rgba(124, 163, 230, 0.05);
  border-radius: 48px;
  border-style: solid;
  border-color: rgba(124, 163, 230, 0.1);
  border-width: 2px;
  padding: 48px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex: 1;
  position: relative;
}

.frame-1 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.apoio-icon-bg2 {
  background: var(--pink-soft, #f094ac);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
}

.user-02 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.para-volunt-rios {
  color: var(--pink-soft, #f094ac);
  text-align: left;
  font-family: var(--h3-font-family, 'Fredoka', sans-serif);
  font-size: var(--h3-font-size, 30px);
  line-height: var(--h3-line-height, 36px);
  font-weight: var(--h3-font-weight, 700);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.circle-check4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.doe-seu-tempo-e-habilidades-para-auxiliar-em-nossas-atividades-e-eventos {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  width: 358.9px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.circle-check5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.ajude-na-organiza-o-de-semin-rios-caminhadas-e-apoio-administrativo {
  color: var(--text-main, #665e6e);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  width: 358.9px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.circle-check6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.button6 {
  background: var(--pink-soft, #f094ac);
  border-radius: 9999px;
  padding: 15px 32px 15px 32px;
  display: flex;
  flex-direction: row;
  gap: var(--space-8, 8px);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.button6:hover {
  background: #f4adc0;
  box-shadow: 0px 6px 12px -4px rgba(0, 0, 0, 0.15),
    0px 12px 20px -3px rgba(0, 0, 0, 0.1);
}

.heart-015 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.footer {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  position: relative;
}
.footer2 {
  background: var(--text-main, #665e6e);
  border-style: solid;
  border-color: var(--pink-soft, #f094ac);
  border-width: 8px 0px 0px 0px;
  padding: var(--margin, 80px) 80px 48px 80px;
  display: flex;
  flex-direction: column;
  gap: var(--space-32, 32px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container6 {
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 1280px;
  position: relative;
}
.container7 {
  display: flex;
  flex-direction: row;
  gap: 64px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container8 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.logo-goapa {
  border-radius: 251px;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.comprometidos-com-a-inclus-o-defesa-de-direitos-e-suporte-emocional-para-fam-lias-com-autismo-em-barcarena-par {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-3 {
  display: flex;
  flex-direction: row;
  gap: var(--space-8, 8px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.mdi-instagram {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.mdi-facebook {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.gaopateamo {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  flex: 1;
}
.menu {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.navega-o {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  width: 102px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.menu2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 194px;
  position: relative;
}
.in-cio2 {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.sobre-n-s {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.nossos-projetos2 {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.blog2 {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.doa-o {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.contato2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.informa-es {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.list2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.endere-o {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.map-pin {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  aspect-ratio: 1;
}
.group {
  width: 58.33%;
  height: 73.94%;
  position: absolute;
  right: 20.83%;
  left: 20.83%;
  bottom: 13.56%;
  top: 12.5%;
  overflow: visible;
}
.container9 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.barcarena-par-brasil {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.telefone {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.phone {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
._91-8564-1584 {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.email {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.mail {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.contato-gaopa-com-br {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.container10 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.heading-4 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.onde-estamos {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background-border {
  border-radius: var(--radius-16, 16px);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 192px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.horizontal-border {
  border-style: solid;
  border-color: var(--background, #fff5e0);
  border-width: 1px 0px 0px 0px;
  padding: 48px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._2024-gaopa-grupo-de-apoio-e-orienta-o-aos-pais-de-autistas-de-barcarena {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.desenvolvido-por-murucupi-ag-ncia {
  color: var(--background, #fff5e0);
  text-align: left;
  font-family: var(--body-small-font-family, 'DM Sans', sans-serif);
  font-size: var(--body-small-font-size, 16px);
  line-height: var(--body-small-line-height, 26px);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.regua-logos {
  background: var(--grey-10, #fbfbfb);
  padding: var(--texts, 24px);
  display: flex;
  flex-direction: row;
  gap: var(--group, 48px);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container11 {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex: 1;
  max-width: 1280px;
  position: relative;
}
.hydro {
  display: flex;
  flex-direction: column;
  gap: var(--16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.realiza-o {
  color: var(--grey-70, #585859);
  text-align: left;
  font-family: var(--legend-smal-font-family, "NunitoSans-Regular", sans-serif);
  font-size: var(--legend-smal-font-size, 10px);
  line-height: var(--legend-smal-line-height, 120%);
  font-weight: var(--legend-smal-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.logos {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.hydro2 {
  flex-shrink: 0;
  width: 37px;
  height: 37px;
  position: relative;
  overflow: hidden;
}
.camada-1 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.albras {
  flex-shrink: 0;
  width: 43px;
  height: 31px;
  position: relative;
  overflow: hidden;
}
.camada-12 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.line-7 {
  margin-top: -1px;
  border-style: solid;
  border-color: var(--grey-50, #949495);
  border-width: 1px 0 0 0;
  flex-shrink: 0;
  width: 34px;
  height: 0px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.camada-13 {
  flex-shrink: 0;
  width: 42px;
  height: 33px;
  position: relative;
  overflow: visible;
}
.ibs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  width: 82px;
  height: 65px;
  position: relative;
}
.apoio {
  color: var(--grey-70, #585859);
  text-align: left;
  font-family: var(--legend-smal-font-family, "NunitoSans-Regular", sans-serif);
  font-size: var(--legend-smal-font-size, 10px);
  line-height: var(--legend-smal-line-height, 120%);
  font-weight: var(--legend-smal-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.ibs2 {
  align-self: stretch;
  flex-shrink: 0;
  height: 30px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 82/30;
}
.camada-14 {
  width: 100%;
  height: 100.01%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -0.01%;
  top: 0%;
  overflow: visible;
}
.murucupi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  width: 75px;
  height: 65px;
  position: relative;
}
.execu-o {
  color: var(--grey-70, #585859);
  text-align: left;
  font-family: var(--legend-smal-font-family, "NunitoSans-Regular", sans-serif);
  font-size: var(--legend-smal-font-size, 10px);
  line-height: var(--legend-smal-line-height, 120%);
  font-weight: var(--legend-smal-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.murucupi2 {
  align-self: stretch;
  flex-shrink: 0;
  height: 28px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 75/28;
}
.camada-15 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1120px;
}

/* --- ANIMAÇÕES E SCROLL SNAPPING --- */





/* Estado Inicial Invisível */
.frame-7 .frame-6, .frame-72 .frame-62, .frame-8 .frame-63 {
  opacity: 0;
  transform: translateX(-50px);
  filter: blur(10px);
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.frame-7 img.image-1, .frame-7 img.image-2, .frame-7 img.image-3,
.frame-72 img.image-1, .frame-72 img.image-2, .frame-72 img.image-3,
.frame-8 img.image-1, .frame-8 img.image-2, .frame-8 img.image-3 {
  opacity: 0;
  transform: translateY(50px) scale(0.9);
  filter: blur(10px);
  transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Efeito Cascata nas Fotos */
img.image-3 { transition-delay: 0.1s; }
img.image-2 { transition-delay: 0.3s; }
img.image-1 { transition-delay: 0.5s; }

/* O Gatilho da Animação (Ativado via JS) */
.animate-in .frame-6, .animate-in .frame-62, .animate-in .frame-63 {
  opacity: 1;
  transform: translateX(0);
  filter: blur(0px);
}

.animate-in img.image-1, .animate-in img.image-2, .animate-in img.image-3 {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0px);
}

.animate-in img.image-1:hover, .animate-in img.image-2:hover, .animate-in img.image-3:hover {
  transform: translateY(0) scale(1.05);
}

.frame-15,
.frame-15 * {
  box-sizing: border-box;
}
.frame-15 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.section-hero {
  padding: var(--space-80, 80px) 0px var(--space-80, 80px) 0px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 700px;
  position: relative;
}
.text {
  display: flex;
  flex-direction: column;
  gap: var(--space-16, 16px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 736px;
  max-width: var(--8-column, 736px);
  position: relative;
}
.nossos-projetos {
  text-align: center;
  font-family: var(
    --h1-display-72px-font-family,
    "Fredoka-SemiBold",
    sans-serif
  );
  font-size: var(--h1-display-72px-font-size, 64px);
  line-height: var(--h1-display-72px-line-height, 72px);
  font-weight: var(--h1-display-72px-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.nossos-projetos-span {
  color: var(--text-main, #665e6e);
}
.nossos-projetos-span2 {
  color: var(--primary, #7ca3e6);
}
.trabalhamos-diariamente-para-construir-uma-sociedade-mais-inclusiva-e-informada-atrav-s-de-a-es-concretas-e-suporte-especializado {
  color: var(--text-main, #665e6e);
  text-align: center;
  font-family: var(--body-v1-font-family, "DmSans-Regular", sans-serif);
  font-size: var(--body-v1-font-size, 20px);
  line-height: var(--body-v1-line-height, 32.5px);
  font-weight: var(--body-v1-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.background {
  background: var(--lavender, #ccaced);
  border-radius: 9999px;
  flex-shrink: 0;
  width: 96px;
  height: 8px;
  position: relative;
}
.frame-14 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  overflow: visible;
}

/* Modal Image */
.image-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.image-modal .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 900px;
  animation-name: zoom;
  animation-duration: 0.3s;
  border-radius: 10px;
  object-fit: contain;
  max-height: 80vh;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

.image-modal .close-modal {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
}

.image-modal .close-modal:hover,
.image-modal .close-modal:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.hero-wrapper {
  scroll-snap-align: start;
}

/* Animações de Entrada */
@keyframes pageLoad {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.section-hero {
  animation: pageLoad 0.8s ease-out 0s forwards;
}

/* ========================================================
   RESPONSIVIDADE: HEADER MOBILE (MENU LATERAL)
   ======================================================== */
.menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 21px;
    cursor: pointer;
    z-index: 10000;
}

.menu-toggle .bar {
    height: 3px;
    width: 100%;
    background-color: var(--primary, #7ca3e6);
    border-radius: 3px;
    transition: all 0.3s ease;
}

/* Animação do Hamburger virando X */
.menu-toggle.active .bar:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}
.menu-toggle.active .bar:nth-child(2) {
    opacity: 0;
}
.menu-toggle.active .bar:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

@media (max-width: 992px) {
    .menu-toggle {
        display: flex;
        margin-left: auto;
    }

    .nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        max-width: 320px;
        height: 100vh;
        background-color: var(--background-light, #f6f5f3);
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 40px 20px;
        transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        z-index: 9999;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);
        gap: 24px !important;
    }

    .nav.nav-open {
        right: 0;
    }
    
    .header {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .header-content {
        justify-content: space-between !important;
    }
}

/* Correção do z-index do Header para sobrepor o resto do site */
.header {
    z-index: 99999 !important;
}

@media (max-width: 992px) {
  
  .snap-container {
    height: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: none !important;
  }

  /* ======= HERO SECTION (PROJETOS) ======= */
  .section-hero {
    height: auto !important;
    padding: 100px 24px 40px !important;
  }
  .projetos-em-andamento {
    font-size: 32px !important;
    line-height: 40px !important;
    white-space: normal !important;
    width: 100% !important;
    text-align: center !important;
  }
  .nossos-projetos {
    font-size: 40px !important;
    line-height: 48px !important;
    text-align: center !important;
  }
  .trabalhamos-diariamente-para-construir-uma-sociedade-mais-inclusiva-e-informada-atrav-s-de-a-es-concretas-e-suporte-especializado {
    font-size: 16px !important;
    line-height: 24px !important;
    width: 100% !important;
  }
  .text {
    width: 100% !important;
  }

  /* List of Projects (Corrida, TEA, Alfabetização) */
  .frame-7, .frame-72, .frame-8 {
    padding: 40px 24px !important;
    height: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    scroll-snap-align: none !important;
  }
  .frame-11, .frame-112 {
    flex-direction: column !important;
    height: auto !important;
    width: 100% !important;
    gap: 24px !important;
    position: static !important;
  }
  .frame-6, .frame-62, .frame-63 {
    width: 100% !important;
    height: auto !important;
    position: static !important;
    align-items: center !important;
    text-align: center !important;
  }
  .corrida-da-gaopa, .tea-em-movimento, .projeto-alfabetiza-o-gaopa {
    font-size: 28px !important;
    line-height: 34px !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 16px !important;
  }
  
  .a-corrida-da-gaopa-um-evento-solid-rio-realizado-em-barcarena-com-o-objetivo-de-promover-a-conscientiza-o-sobre-o-autismo-e-incentivar-a-inclus-o-al-m-da-pr-tica-esportiva-a-a-o-re-ne-a-comunidade-em-apoio-s-pessoas-com-tea-e-suas-fam-lias,
  .aqui-est-o-texto-ajustado-com-tudo-que-voc-pediu-mantendo-curto-e-direto-o-tea-em-movimento-o-1-projeto-de-atividades-f-sicas-adaptadas-para-pessoas-com-tea-realizado-pela-gaopa-em-barcarena-totalmente-gratuito-atende-pessoas-a-partir-de-7-anos-at-a-fase-adulta-promovendo-inclus-o-desenvolvimento-motor-socializa-o-e-qualidade-de-vida-por-meio-do-esporte,
  .o-projeto-de-alfabetiza-o-da-gaopa-uma-iniciativa-voltada-ao-desenvolvimento-educacional-de-pessoas-com-tea-com-foco-na-alfabetiza-o-e-no-fortalecimento-das-habilidades-cognitivas-o-projeto-busca-oferecer-apoio-adaptado-s-necessidades-de-cada-aluno-promovendo-inclus-o-autonomia-e-melhor-desempenho-no-processo-de-aprendizagem-al-m-disso-contribui-para-a-integra-o-social-e-o-avan-o-educacional-das-pessoas-atendidas {
    font-size: 16px !important;
    line-height: 24px !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 24px !important;
  }

  .frame-12 {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    align-items: center !important;
  }
  
  .frame-7 img, .frame-72 img, .frame-8 img {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 8px 0 !important;
    
  }

  .frame-7 img.gemini-generated-image-h-5-asnuh-5-asnuh-5-as-1,
  .frame-8 img.gemini-generated-image-h-5-asnuh-5-asnuh-5-as-1,
  .frame-72 img.vector-1 {
    width: 100px !important;
    max-width: 100px !important;
    height: auto !important;
    margin: 0 auto 16px !important;
  }

  /* 4 Cards Grid - "Atuação GAOPA" */
  .section-default {
    padding: 40px 24px !important;
    height: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .conteiner {
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
  }
  .background-border-shadow, .background-border-shadow2, .background-border-shadow3, .background-border-shadow4 {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    position: static !important;
    padding: 24px !important;
    box-sizing: border-box !important;
  }
  .conscientiza-o-e-educa-o, .defesa-de-direitos, .apoio-direto-s-fam-lias, .mobiliza-o-social {
    white-space: normal !important;
    width: 100% !important;
    height: auto !important;
  }
  

  /* 6. APOIO / EMPRESAS / VOLUNTÁRIOS */
  /* 6. APOIO / EMPRESAS / VOLUNTÁRIOS */
  .seja-patrocinador-apoiador {
    height: auto !important;
    padding: 60px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .seja-patrocinador-apoiador .container7 {
    width: 100% !important;
  }

  .seja-patrocinador-apoiador .text3 {
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
  }

  .seja-patrocinador-apoiador .por-que-apoiar-a-gaopa {
    font-size: 32px !important;
    text-align: center !important;
  }

  .seja-patrocinador-apoiador .sua-contribui-o-o-que-nos-permite-manter-as-portas-abertas-e-os-direitos-garantidos {
    text-align: center !important;
    width: 100% !important;
  }

  .seja-patrocinador-apoiador .container8 {
    flex-direction: column !important;
    gap: 30px !important;
    width: 100% !important;
  }

  /* Cartões Para Empresas e Para Voluntários */
  .para-empresas,
  .para-empresas3 {
    width: 100% !important;
    padding: 30px 24px !important;
    height: auto !important;
    box-sizing: border-box !important;
    flex: none !important;
  }

  /* Itens de texto da lista: reset das dimensões fixas */
  .item {
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
  }

  .responsabilidade-social-com-impacto-local-direto-em-barcarena,
  .fortalecimento-da-imagem-institucional-ligada-causa-da-inclus-o,
  .apoio-a-projetos-estruturados-com-presta-o-de-contas-transparente {
    width: auto !important;
    flex: 1 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Textos do card de Voluntários */
  /* Itens de texto do card Voluntários - reset dimensões fixas */
  .doe-seu-tempo-e-habilidades-para-auxiliar-em-nossas-atividades-e-eventos,
  .ajude-na-organiza-o-de-semin-rios-caminhadas-e-apoio-administrativo {
    width: auto !important;
    flex: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* Espaçamento uniforme entre listas de ambos os cards */
  .list {
    gap: 16px !important;
  }

  .list .item {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* Mais espaço entre os itens da lista de voluntários */
  .list2 {
    gap: 16px !important;
  }

  .list2 .item {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* Botões dos cards */
  .button4,
  .button5 {
    width: 100% !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* Cabeçalho do card Para Empresas - gap específico */
  .para-empresas .container9 {
    gap: 8px !important;
  }

  /* Cabeçalho do card Para Voluntários - gap específico e independente */
  .para-empresas3 .container9 {
    gap: 4px !important;
  }

  /* Título do card - remove o padding indevido */
  .para-volunt-rios {
    flex: none !important;
    padding: 0 !important;
  }
  /* ======= FOOTER MOBILE ======= */
  .footer2 {
    padding: 48px 24px 40px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .container6 {
    gap: 40px !important;
    width: 100% !important;
  }
  .container7 {
    flex-direction: column !important;
    gap: 32px !important;
    align-items: flex-start !important;
    width: 100% !important;
  }
  .menu, .contato2, .container10 {
    width: 100% !important;
    flex: none !important;
  }
  .menu2 {
    height: auto !important;
  }
  .divider, .line, hr {
    width: 100% !important;
  }
  .horizontal-border {
    flex-direction: column !important;
    gap: 8px !important;
    text-align: center !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
  }
  ._2026-gaopa-grupo-de-apoio-e-orienta-o-aos-pais-de-autistas-de-barcarena,
  .desenvolvido-por-murucupi-ag-ncia {
    text-align: center !important;
    width: 100% !important;
  }
  /* Régua de logos */
  .regua-logos {
    padding: 24px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .container11 {
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    width: 100% !important;
  }
  .hydro, .ibs, .murucupi {
    width: auto !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
  }
  .realiza-o, .apoio, .execu-o {
    text-align: center !important;
  }
  .logos {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
  .ibs2, .murucupi2 {
    width: auto !important;
    height: auto !important;
    position: static !important;
  }
  .camada-14, .camada-15 {
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-height: 40px !important;
  }
}