.inicio,
.inicio * {
  box-sizing: border-box;
}

.inicio {
  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;
  align-self: stretch;
  flex-shrink: 0;
  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;
}

.projetos {
  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;
}

.hero {
  background: var(--background, #fff5e0);
  padding: var(--margin, 80px) 80px var(--margin, 80px) 80px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.container2 {
  display: flex;
  flex-direction: row;
  gap: var(--margin-2, 32px);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: var(--container, 1120px);
  position: relative;
}

.text {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}

.overlay {
  background: rgba(240, 148, 172, 0.2);
  border-radius: 9999px;
  padding: 4px 16px 4px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.sem-fins-lucrativos-em-barcarena {
  color: var(--pink-soft, #f094ac);
  text-align: center;
  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: 286.52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.defender-direitos-garantir-futuro {
  text-align: left;
  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;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.defender-direitos-garantir-futuro-span {
  color: var(--text-main, #665e6e);
}

.defender-direitos-garantir-futuro-span2 {
  color: var(--primary, #7ca3e6);
}

.em-barcarena-centenas-de-fam-lias-convivem-diariamente-com-os-desafios-do-transtorno-do-espectro-autista-a-gaopa-atua-para-que-nenhuma-delas-enfrente-essa-jornada-sozinha-somos-uma-associa-o-sem-fins-lucrativos-que-transforma-informa-o-em-inclus-o-acolhimento-em-for-a-e-mobiliza-o-em-conquista-de-direitos {
  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;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.container3 {
  display: flex;
  flex-direction: row;
  gap: var(--space-16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.button2 {
  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;
  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;
}

.button2: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);
}

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

.button3 {
  border-radius: 9999px;
  border-style: solid;
  border-color: var(--primary, #7ca3e6);
  border-width: 2px;
  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);
  transition: all 0.3s ease;
}

.button3:hover {
  background: var(--primary, #7ca3e6);
  box-shadow: 0px 6px 12px -4px rgba(0, 0, 0, 0.15),
    0px 12px 20px -3px rgba(0, 0, 0, 0.1);
}

.button3:hover .bot-o-secund-rio {
  color: #fff5e0;
}

.button3:hover img {
  filter: brightness(0) invert(1);
}

.bot-o-secund-rio {
  color: var(--primary, #7ca3e6);
  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;
  transition: color 0.3s ease;
}

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

.img {
  background: rgba(255, 255, 255, 0);
  border-radius: 48px;
  border-style: solid;
  border-color: var(--background-light, #f6f5f3);
  border-width: 8px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
  transform-origin: 0 0;
  transform: rotate(2deg) scale(1, 1);
  overflow: hidden;
}

.gradient {
  flex-shrink: 0;
  width: 512px;
  height: 380px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
  object-position: center 100%;
  transform: scale(1.15);
}

.section {
  background: var(--background-light, #f6f5f3);
  padding: var(--margin, 80px) 0px var(--margin, 80px) 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.text2 {
  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;
}

.a-realidade-que-precisa-ser-enfrentada {
  color: var(--pink-soft, #f094ac);
  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;
}

.o-autismo-n-o-invis-vel-invis-vel-ainda-a-falta-de-pol-ticas-p-blicas-eficientes-informa-o-acess-vel-e-suporte-cont-nuo-s-fam-lias-sem-apoio-muitas-fam-lias-enfrentam-barreiras-no-acesso-a-direitos-b-sicos-inclus-o-escolar-e-reconhecimento-social-a-gaopa-existe-para-mudar-esse-cen-rio {
  text-align: center;
  font-family: var(--body-v1-font-family, "-", 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;
}

.o-autismo-n-o-invis-vel-invis-vel-ainda-a-falta-de-pol-ticas-p-blicas-eficientes-informa-o-acess-vel-e-suporte-cont-nuo-s-fam-lias-sem-apoio-muitas-fam-lias-enfrentam-barreiras-no-acesso-a-direitos-b-sicos-inclus-o-escolar-e-reconhecimento-social-a-gaopa-existe-para-mudar-esse-cen-rio-span {
  color: rgba(46, 46, 46, 0.8);
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
}

.o-autismo-n-o-invis-vel-invis-vel-ainda-a-falta-de-pol-ticas-p-blicas-eficientes-informa-o-acess-vel-e-suporte-cont-nuo-s-fam-lias-sem-apoio-muitas-fam-lias-enfrentam-barreiras-no-acesso-a-direitos-b-sicos-inclus-o-escolar-e-reconhecimento-social-a-gaopa-existe-para-mudar-esse-cen-rio-span2 {
  color: var(--primary, #7ca3e6);
  font-family: var(--body-v1-font-family, 'DM Sans', sans-serif);
  font-weight: var(--body-v1-font-weight, 700);
}

.section2 {
  background: rgba(124, 163, 230, 0.05);
  padding: var(--margin, 80px) 0px var(--margin, 80px) 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.container4 {
  padding: 0px 80px 0px 80px;
  display: flex;
  flex-direction: column;
  gap: var(--1-column, 64px);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: var(--container, 1120px);
  position: relative;
}

.nosso-impacto-em-barcarena {
  color: var(--primary, #7ca3e6);
  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;
  width: 100%;
  max-width: var(--8-column, 736px);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.container6 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}

.background-border {
  background: var(--background-light, #f6f5f3);
  border-radius: 9999px;
  border-style: solid;
  border-color: rgba(124, 163, 230, 0.2);
  border-width: 2px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  position: relative;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1),
    0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}

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

.di-logos {
  color: var(--text-main, #665e6e);
  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;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.background-border2 {
  background: var(--background-light, #f6f5f3);
  border-radius: 9999px;
  border-style: solid;
  border-color: rgba(240, 148, 172, 0.2);
  border-width: 2px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  position: relative;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1),
    0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}

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

.assistente-social {
  color: var(--text-main, #665e6e);
  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;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.background-border3 {
  background: var(--background-light, #f6f5f3);
  border-radius: 9999px;
  border-style: solid;
  border-color: rgba(204, 172, 237, 0.2);
  border-width: 2px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  position: relative;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1),
    0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}

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

.semin-rios {
  color: var(--text-main, #665e6e);
  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;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.background-border4 {
  background: var(--background-light, #f6f5f3);
  border-radius: 9999px;
  border-style: solid;
  border-color: rgba(252, 221, 96, 0.4);
  border-width: 2px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  position: relative;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1),
    0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}

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

.caminhadas {
  color: var(--text-main, #665e6e);
  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;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.apoio-social {
  color: var(--text-main, #665e6e);
  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;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.horizontal-border {
  border-style: solid;
  border-color: #fcdd60;
  border-width: 2px 0px 0px 0px;
  padding: 32px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.cada-a-o-representa-dignidade-cada-parceria-representa-continuidade {
  color: var(--text-main, #665e6e);
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
  line-height: 32.5px;
  font-weight: 700;
  position: relative;
  width: 100%;
  max-width: var(--8-column, 736px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.frame-7 {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  height: 787px;
  position: relative;
}

.frame-4 {
  background: #f192a5;
  width: 100%;
  height: 659px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-6 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  right: 289.09px;
  left: 290px;
  top: 65px;
}

.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;
}

.corrida-da-gaopa {
  color: var(--background-light, #f6f5f3);
  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;
}

.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: 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;
  width: 589.45px;
}

.frame-5 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
  width: 1164px;
  position: absolute;
  left: 72px;
  top: 530px;
}

.image-3 {
  border-radius: 48px;
  flex-shrink: 0;
  width: 318px;
  height: 257px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 318/257;
}

.image-2 {
  border-radius: 48px;
  flex-shrink: 0;
  width: 317px;
  height: 257px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 317/257;
}

.image-1 {
  border-radius: 48px;
  flex-shrink: 0;
  width: 318px;
  height: 257px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 318/257;
}

.frame-8 {
  background: #fff5e0;
  padding: 87px 80px 87px 80px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1067px;
  height: 833px;
  position: relative;
  overflow: hidden;
}

.frame-10 {
  align-self: stretch;
  flex-shrink: 0;
  height: 423px;
  position: relative;
}

.frame-9 {
  display: flex;
  flex-direction: column;
  gap: 39px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 589.45px;
  position: absolute;
  left: 318px;
  top: 0px;
}

.ciptea {
  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-ciptea-carteira-de-identifica-o-da-pessoa-com-transtorno-do-espectro-autista-agora-est-dispon-vel-em-formato-digital-podendo-ser-solicitado-diretamente-pelo-celular-com-isso-o-processo-ficou-mais-r-pido-pr-tico-e-acess-vel-permitindo-que-fam-lias-fa-am-a-emiss-o-sem-precisar-sair-de-casa-a-vers-o-digital-garante-os-mesmos-direitos-da-f-sica-facilitando-a-identifica-o-e-o-acesso-a-atendimentos-priorit-rios {
  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;
}

.background {
  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;
}

.background2 {
  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;
  align-self: stretch;
  flex-shrink: 0;
  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: center;
  flex-shrink: 0;
  width: 100%;
  position: relative;
}

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

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

.container13 {
  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-projetos {
  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;
}

.container14 {
  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;
}

.container15 {
  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-border5 {
  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-border2 {
  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;
}

.container16 {
  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;
}

.frame-7-inner {
  width: 100%;
  max-width: 1280px;
  height: 100%;
  position: relative;
}



/* ========================================================
   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;
}

/* ========================================================
   RESPONSIVIDADE GERAL DA PÁGINA INICIAL (HOME)
   ======================================================== */
@media (max-width: 992px) {

  /* 1. HERO SECTION */
  .inicio {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .hero {
    flex-direction: column !important;
    padding: 40px 24px !important;
    /* Zerando o padding de 80px original */
    height: auto !important;
    min-height: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    align-items: center !important;
  }

  .hero .container2 {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .hero .text {
    align-items: center !important;
    width: 100% !important;
  }

  .hero .defender-direitos-garantir-futuro {
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    text-align: center !important;
  }

  .hero .defender-direitos-garantir-futuro-span,
  .hero .defender-direitos-garantir-futuro-span2 {
    font-size: 42px !important;
    /* Tamanho reduzido para caber na tela */
    line-height: 1.1 !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  .hero .em-barcarena-centenas-de-fam-lias-convivem-diariamente-com-os-desafios-do-transtorno-do-espectro-autista-a-gaopa-atua-para-que-nenhuma-delas-enfrente-essa-jornada-sozinha-somos-uma-associa-o-sem-fins-lucrativos-que-transforma-informa-o-em-inclus-o-acolhimento-em-for-a-e-mobiliza-o-em-conquista-de-direitos {
    text-align: center !important;
    width: 100% !important;
    font-size: 16px !important;
  }

  .hero .container3 {
    flex-direction: column !important;
    width: 100% !important;
  }

  .hero .button2,
  .hero .button3 {
    width: 100% !important;
    justify-content: center !important;
  }

  .hero .img {
    display: none !important;
  }

  /* 2. A REALIDADE QUE PRECISA SER ENFRENTADA */
  .section,
  .section .text2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
  }

  .section .a-realidade-que-precisa-ser-enfrentada {
    font-size: 32px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    width: 100% !important;
  }

  .section .o-autismo-n-o-invis-vel-invis-vel-ainda-a-falta-de-pol-ticas-p-blicas-eficientes-informa-o-acess-vel-e-suporte-cont-nuo-s-fam-lias-sem-apoio-muitas-fam-lias-enfrentam-barreiras-no-acesso-a-direitos-b-sicos-inclus-o-escolar-e-reconhecimento-social-a-gaopa-existe-para-mudar-esse-cen-rio-span,
  .section .o-autismo-n-o-invis-vel-invis-vel-ainda-a-falta-de-pol-ticas-p-blicas-eficientes-informa-o-acess-vel-e-suporte-cont-nuo-s-fam-lias-sem-apoio-muitas-fam-lias-enfrentam-barreiras-no-acesso-a-direitos-b-sicos-inclus-o-escolar-e-reconhecimento-social-a-gaopa-existe-para-mudar-esse-cen-rio-span2 {
    font-size: 18px !important;
    text-align: center !important;
  }

  /* 3. NOSSO IMPACTO */
  .section2 .container4 {
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important;
  }

  .section2 .nosso-impacto-em-barcarena {
    font-size: 32px !important;
    text-align: center !important;
    width: 100% !important;
  }

  .section2 .container5 {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
  }

  .section2 .container6 {
    width: 45% !important;
    /* Fica 2 por linha no celular */
    margin-bottom: 20px !important;
  }

  .section2 .cada-a-o-representa-dignidade-cada-parceria-representa-continuidade {
    font-size: 24px !important;
    text-align: center !important;
  }

  .section2 .horizontal-border {
    height: auto !important;
    padding: 20px !important;
  }

  /* 4. CORRIDA DA GAOPA */
  .frame-7 {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: #f192a5 !important;
    /* Aplica o fundo rosa direto na section */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .frame-4 {
    display: none !important;
    /* Oculto — o fundo agora vai via .frame-7 */
  }

  .frame-7-inner {
    flex-direction: column !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding: 40px 24px !important;
    gap: 32px !important;
    box-sizing: border-box !important;
  }

  .frame-6 {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .frame-7 .corrida-da-gaopa {
    font-size: 28px !important;
    text-align: center !important;
    width: 100% !important;
  }

  .frame-7 .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 {
    text-align: center !important;
    width: 100% !important;
  }

  .frame-5 {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 16px !important;
    box-sizing: border-box !important;
  }

  .image-1,
  .image-2,
  .image-3 {
    width: 100% !important;
    height: auto !important;
    position: static !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    left: auto !important;
    top: auto !important;
  }

  /* 5. CIPTEA */
  .frame-8 {
    padding: 40px 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    position: static !important;
  }

  .frame-8 .frame-10 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
    gap: 0 !important;
  }

  /* Vídeo no topo, com tamanho correto de celular */
  .video {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
    aspect-ratio: 236 / 423 !important;
    border-radius: 20px !important;
    object-fit: cover !important;
    margin: 0 auto !important;
    display: block !important;
    order: -1 !important;
    /* Coloca o vídeo primeiro */
  }

  /* Bloco de texto e botão abaixo do vídeo */
  .frame-8 .frame-9 {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
    padding: 32px 24px !important;
    box-sizing: border-box !important;
    gap: 24px !important;
  }

  .frame-8 .ciptea {
    font-size: 32px !important;
    text-align: center !important;
  }

  .frame-8 .o-ciptea-carteira-de-identifica-o-da-pessoa-com-transtorno-do-espectro-autista-agora-est-dispon-vel-em-formato-digital-podendo-ser-solicitado-diretamente-pelo-celular-com-isso-o-processo-ficou-mais-r-pido-pr-tico-e-acess-vel-permitindo-que-fam-lias-fa-am-a-emiss-o-sem-precisar-sair-de-casa-a-vers-o-digital-garante-os-mesmos-direitos-da-f-sica-facilitando-a-identifica-o-e-o-acesso-a-atendimentos-priorit-rios {
    text-align: center !important;
    width: 100% !important;
    font-size: 16px !important;
  }

  .frame-8 .button4 {
    width: 100% !important;
    max-width: 400px !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* 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 ======= */
  .footer2 {
    padding: 48px 24px 40px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Reduz gap enorme entre seções do footer */
  .container11 {
    gap: 40px !important;
    width: 100% !important;
  }

  /* Empilha as colunas Navegação + Informações verticalmente */
  .container12 {
    flex-direction: column !important;
    gap: 32px !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  /* Menu de navegação ocupa largura total */
  .menu,
  .contato2,
  .container13 {
    width: 100% !important;
    flex: none !important;
  }

  /* Menu links: altura auto */
  .menu2 {
    height: auto !important;
  }

  /* Linha de divisão */
  .divider,
  .line,
  hr {
    width: 100% !important;
  }

  /* Copyright - empilha em vez de ficar lado a lado */
  .container15,
  .frame-2 {
    flex-direction: column !important;
    gap: 8px !important;
    text-align: center !important;
    align-items: center !important;
    width: 100% !important;
  }

  /* Texto do copyright */
  ._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;
  }
}