body {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'NewBlack';
src: url(//inesc.org.br/wp-content/themes/inesc/fonts/NewBlackTypeface-Bold.woff2) format('woff2');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'NewBlack';
src: url(//inesc.org.br/wp-content/themes/inesc/fonts/NewBlackTypeface-ExtraBold.woff2) format('woff2');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'NewBlack';
src: url(//inesc.org.br/wp-content/themes/inesc/fonts/NewBlackTypeface-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'NewBlack';
src: url(//inesc.org.br/wp-content/themes/inesc/fonts/NewBlackTypeface-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'NewBlack';
src: url(//inesc.org.br/wp-content/themes/inesc/fonts/NewBlackTypeface-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'NewBlack';
src: url(//inesc.org.br/wp-content/themes/inesc/fonts/NewBlackTypeface-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'NewBlack';
src: url(//inesc.org.br/wp-content/themes/inesc/fonts/NewBlackTypeface-UltraLight.woff2) format('woff2');
font-weight: 200;
font-style: normal;
} .font-newblack {
font-family: 'NewBlack', sans-serif;
} .font-newblack-thin {
font-family: 'NewBlack', sans-serif;
font-weight: 200; }
.font-newblack-light {
font-family: 'NewBlack', sans-serif;
font-weight: 300; }
.font-newblack-regular {
font-family: 'NewBlack', sans-serif;
font-weight: 400; }
.font-newblack-medium {
font-family: 'NewBlack', sans-serif;
font-weight: 500; }
.font-newblack-semibold {
font-family: 'NewBlack', sans-serif;
font-weight: 600; }
.font-newblack-bold {
font-family: 'NewBlack', sans-serif;
font-weight: 700; }
.font-newblack-extrabold {
font-family: 'NewBlack', sans-serif;
font-weight: 800; }
.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; }
} @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; }
} :root { --w-26-66: 26.66%;
--w-50: 50%;
--w-60: 60%; --w-100: 100%;
--w-18-33: 23.75%;
--w-45: 28.75%;
--w-40: 40%;  --h-200: 200px;
--h-250: 288px;
--h-400: 400px;
} .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;
}