body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
}

@font-face {
  font-family: 'NewBlack';
  src: url('../fonts/NewBlackTypeface-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'NewBlack';
  src: url('../fonts/NewBlackTypeface-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'NewBlack';
  src: url('../fonts/NewBlackTypeface-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'NewBlack';
  src: url('../fonts/NewBlackTypeface-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'NewBlack';
  src: url('../fonts/NewBlackTypeface-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'NewBlack';
  src: url('../fonts/NewBlackTypeface-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'NewBlack';
  src: url('../fonts/NewBlackTypeface-UltraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}

/* Fonte base */
.font-newblack {
  font-family: 'NewBlack', sans-serif;
}

/* Estilos de peso */
.font-newblack-thin {
  font-family: 'NewBlack', sans-serif;
  font-weight: 200; /* UltraLight */
}

.font-newblack-light {
  font-family: 'NewBlack', sans-serif;
  font-weight: 300; /* Light */
}

.font-newblack-regular {
  font-family: 'NewBlack', sans-serif;
  font-weight: 400; /* Regular */
}

.font-newblack-medium {
  font-family: 'NewBlack', sans-serif;
  font-weight: 500; /* Medium */
}

.font-newblack-semibold {
  font-family: 'NewBlack', sans-serif;
  font-weight: 600; /* SemiBold */
}

.font-newblack-bold {
  font-family: 'NewBlack', sans-serif;
  font-weight: 700; /* Bold */
}

.font-newblack-extrabold {
  font-family: 'NewBlack', sans-serif;
  font-weight: 800; /* ExtraBold */
}


.scale-aside {
    transform-origin: top left;
    transform: scale(1);
  }

  @media (max-width: 1200px) {
    .scale-aside {
      transform: scale(calc(100vw / 1200));
    }
  }

  @media (min-width: 360px) {
    .xxs\:text-\[18px\] { font-size: 18px; }
    .xxs\:text-\[24px\] { font-size: 24px; }
    .xxs\:text-\[16px\] { font-size: 16px; }
    .xxs\:text-\[26px\] { font-size: 26px; }
    .xxs\:text-\[17px\] { font-size: 17px; }
    .xxs\:text-\[0\.65em\] { font-size: 0.65em; }
  }

  /* XS Breakpoint (min-width: 480px) */
  @media (min-width: 480px) {
    .xs\:text-\[19px\] { font-size: 19px; }
    .xs\:text-\[26px\] { font-size: 26px; }
    .xs\:text-\[17px\] { font-size: 17px; }
    .xs\:text-\[28px\] { font-size: 28px; }
    .xs\:text-\[18px\] { font-size: 18px; }
    .xs\:text-\[0\.7em\] { font-size: 0.7em; }
  }

/* Tamanhos personalizados */
:root {
    /* Larguras */
    --w-26-66: 26.66%;
    --w-50: 50%;
    --w-60: 60%; /*cidades e meio ambiente*/
    --w-100: 100%;
    --w-18-33: 23.75%;
    --w-45: 28.75%;
    --w-40: 40%; /*educacao*/
    /* Alturas */
    --h-200: 200px;
    --h-250: 288px;
    --h-400: 400px;
  }
  
  /* Tamanhos personalizados */
  .w-panorama {
    width: var(--w-26-66);
  }
  
  .h-panorama {
    height: var(--h-200);
  }
  
  .w-transicao {
    width: var(--w-26-66);
  }
  
  .h-transicao {
    height: var(--h-400);
  }
  
  .w-educacao {
    width: 40%;
  }
  
  .h-educacao {
    height: var(--h-400);
  }
  
  .w-cidades {
    width: var(--w-60);
  }
  
  .h-cidades {
    height: var(--h-200);
  }
  
  .w-meioambiente {
    width: var(--w-60);
  }
  
  .h-meioambiente {
    height: var(--h-200);
  }
  
  .w-povos {
    width: var(--w-100);
  }
  
  .h-povos {
    height: var(--h-200);
  }
  
  .w-quilombolas {
    width: var(--w-18-33);
  }
  
  .h-quilombolas {
    height: var(--h-250);
  }
  
  .w-igualdade {
    width: var(--w-18-33);
  }
  
  .h-igualdade {
    height: var(--h-250);
  }
  
  .w-mulheres {
    width: var(--w-18-33);
  }
  
  .h-mulheres {
    height: var(--h-250);
  }
  
  .w-criancas {
    width: var(--w-45);
  }
  
  .h-criancas {
    height: var(--h-250);
  }

@keyframes gentle-rotate {

    0%,
    100% {
        transform: translateX(-50%) rotate(-2deg);
    }

    50% {
        transform: translateX(-50%) rotate(2deg);
    }
}

.animate-gentle-rotate {
    animation: gentle-rotate 6s ease-in-out infinite;
}

@keyframes floatingSlow {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(10px, -10px); }
  }

  @keyframes floatingMedium {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-15px, 15px); }
  }

  @keyframes floatingFast {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(12px, 5px); }
  }

  .animate-floating-slow {
    animation: floatingSlow 6s ease-in-out infinite;
  }

  .animate-floating-medium {
    animation: floatingMedium 4s ease-in-out infinite;
  }

  .animate-floating-fast {
    animation: floatingFast 3s ease-in-out infinite;
  }

  @keyframes floatingCard {
    0%, 100% {
      transform: translate(-50%, -50%) rotate(6deg) translateY(0);
    }
    50% {
      transform: translate(-50%, -50%) rotate(6deg) translateY(-10px);
    }
  }

  .animate-floating-card {
    animation: floatingCard 5s ease-in-out infinite;
  }