@font-face {
    font-family: 'Raleway'; /*a name to be used later*/
    src: url('./fonts/Raleway-VariableFont_wght.ttf'); /*URL to font*/
    font-display: fallback;
}

@font-face {
  font-family: 'sans-serif';
  src: local('sans-serif');
}

:root {
	--color-kt-green: #5c7347;
	--color-kt-blue: #30045a;
	--color-kt-beige: #f5eacb;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	font-family: Raleway, sans-serif;
	background-color: var(--color-kt-green);
}

img {
	max-width: 100%;
	max-height: 100%;
}
div {
	-webkit-backface-visibility: hidden !important;
}
#botao-zap {
	background-image: url('./images/whatsapp.svg');
	height: 64px;
	width: 64px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	cursor: pointer;
}
#chat-zap {
	display: none;
	background-image: url('./images/whatsapp-bg.jpg');
	background-size: cover;
	width: 300px;
	border-radius: 20px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 101;
	overflow: hidden;
	
	#chat-zap-header {
		width: 100%;
		height: 80px;
		background-color: #008069;
		display: flex;
		align-items: center;
		color: #fff;
		font-weight: 200;
		font-size: 12px;
		box-shadow: 0px -4px 10px 5px rgba(0, 0, 0, .3);
		
		#foto {
			margin: 0 12px;
			height: 56px;
			width: 56px;
			border-radius: 100%;
			background-color: #fff;
			background-image: url('./images/eu-zap.webp');
			background-size: cover;
			
		}
		
		#status {
			display: flex;
			flex-direction: column;
			
			span:nth-child(1) {
				font-weight: bold;
				font-size: 14px;
			}
		}
		
		#min-zap {
		    content: '';
		    background: url('./images/arrow-down.svg') no-repeat center;
			opacity: 0.8;
		    background-size: 100%;
		    position: absolute;
		    right: 12px;
			top: 12px;
		    width: 18px;
			height: 18px;
			cursor: pointer;
			border: none;
		}
	}
	
	#chat-zap-content {
		padding: 15px;
		
		#zap-hello-msg {
			background-color: #fff;
			width: 200px;
			height: 100px;
			padding: 10px;
			border-radius: 10px;
			box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.5);
			position: relative;
			margin-bottom: 40px;
			
			&::before {
				content: '';
				background-image: url('./images/balao.svg');
				position: absolute;
				width: 10px;
				height: 10px;
				bottom: 0;
				left: -5px;
				display: block;
			}
		}
		
		#conversar-zap {
			background-color: #27d045;
			color: #fff;
			text-decoration: none;
			font-weight: 700;
			height: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 270px;
			border-radius: 25px;
			box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.5);
			
			&::before {
				content: '';
				display: block;
				background-image: url('./images/whatsapp-simple.svg');
				height: 32px;
				width: 32px;
				margin-right: 5px;
			}
		}
	}
}
#chat-zap.visible {
	display: flex;
	flex-direction: column;
}
#header {
    height: 100px;
    transition: height .3s ease-out;
    
    &.minimized {
        height: 40px;
    }
}
#logo {
    background-size: 140px;
    transition: background-size .3s ease-out;
    
    &.minimized {
        background-size: 90px;
    }
}
.section-eu-decoration-3 {
	background-image: url('./images/eu.webp');
	background-size: 110%;
	background-position-y: bottom;
	background-position-x: center;
}
h3 {
	font-size: 29px;
	font-weight: bold;
	text-align: center;
}

/* desktop media */
@media screen and (min-width: 720px) {
	h1 {
		font-size: 29px;
		font-weight: bold;
		margin-bottom: 1em;
	}
	h2 {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 2em;
	}
	p {
		font-size: 19px;
		line-height: 1.5em;
	}
	
	#header {
		background-color: var(--color-kt-beige);
		position: fixed;
		z-index: 100;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#botao-menu {
		display: none;
	}
	#logo {
		height: 80%;
		width: 150px;
		margin-right: 100px;
		background-image: url(./images/logo.png);
		/*background-size: 120px;*/
		background-repeat: no-repeat;
		background-position: top;
	}
	#header-menu {
		color: var(--color-kt-blue);
		
		ul {
			display: flex;
            		margin: 0;
            		padding: 0;
            		list-style-type: none;
            		height: 100%;
            		align-items: center;
			
			li {
				width: 100%;
				margin: 0 20px;
				cursor: pointer;
			}
		}

		a, a:visited {
			text-decoration: none;
			color: var(--color-kt-blue);
		}
	}
	#section-eu {
		background-color: var(--color-kt-blue);
		min-height: 820px;
		display: flex;
		justify-content: center;
		position: relative;
		
		#historia {
			
		}
	}
	.section-eu-decoration-1 {
		width: 60px;
		z-index: 2;
		position: relative;
		bottom: 0;
		align-content: end;
	}
	.section-eu-decoration-2 {
		max-width: 380px;
		background-color: var(--color-kt-beige);
		padding: 30px 100px 60px 80px;
		margin-left: -30px;
		z-index: 1;
		color: var(--color-kt-blue);
		position: relative;
		top: 220px;
		height: fit-content;
		margin-bottom: 320px;
	}
	.section-eu-decoration-3 {
		width: 375px;
		height: 500px;
		aspect-ratio: 3/4;
		margin-left: -70px;
		z-index: 2;
		margin-top: 300px;
		margin-bottom: 80px;
	}
	.section-eu-decoration-4 {
		width: 160px;
		height: 580px;
		margin-left: -80px;
		z-index: 3;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 260px;
		
		.carimbo {
			height: 160px;
			width: 160px;

			background-size: 100%;
		}
		#section-eu-c1 {
			background-image: url('./images/lampada-anim.svg');
		}
		#section-eu-c2 {
			background-image: url('./images/cerebro-core-anim.svg');
		}
		#section-eu-c3 {
			background-image: url('./images/olho-azul-anim.svg');
		}
	}
	.planta {
		background-image: url(./images/planta.svg);
		background-size: 60px;
		background-repeat: no-repeat;
		width: 60px;
		height: 600px;
	}
	.planta.fora {
		max-height: 10!important;
	}
	.pote {
		background-image: url(./images/pote.svg);
		background-size: contain;
		background-repeat: no-repeat;
		height: 42px;
		aspect-ratio: 200/140;
	}
	#section-exp {
		display: flex;
	}
	.section-exp-decoration-1 {
		background-color: var(--color-kt-beige);
		width: 60%;
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		align-content: flex-end;
		
		.section-exp-decoration-1-container {
			display: flex;
			justify-content: flex-end;
			padding: 0 20px;
			height: 100%;
			width: 100%;
			padding-left: 20%;
		}
		
		.exp-subsec {
			/*margin: 0 20px;*/
			display: flex;
			width: 100%;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			/*margin-right: 40px;*/
			
			.carimbo {
				height: 150px;
				width: 100%;
				max-width: 150px;
				margin-top: 40px;
				background-size: 100%;
				background-repeat: no-repeat;
			}
			
			#section-exp-1-c1 {
			background-image: url('./images/cerebro-peca-anim.svg');
    		}
    		#section-exp-1-c2 {
    			background-image: url('./images/cerebro-eng-anim.svg');
    		}
    		#section-exp-1-c3 {
    			background-image: url('./images/sinapses-anim.svg');
    		}
    		#section-exp-1-c4 {
    			background-image: url('./images/cerebro-relogio-anim.svg');
    		}
			
			#planta1 {
				height: 60%;
				max-height: 500px;
				transition: max-height 1.5s ease-out;
			}
			#planta2 {
				height: 75%;
				max-height: 600px;
				transition: max-height 1.5s ease-out;
			}
			#planta3 {
				height: 55%;
				max-height: 480px;
				transition: max-height 1.5s ease-out;
			}
			#planta4 {
				height: 70%;
				max-height: 550px;
				transition: max-height 1.5s ease-out;
			}
		}
	}
	.triangulos {
		background-size: calc(var(--size) * 2) var(--size);
		height: var(--size);
		width: 100%;
		margin-top: calc(var(--size) * -1);
		-webkit-backface-visibility: hidden;
	}
	.tri-green {
		--size: 10px;
		
		background-image: url('./images/tri-green.svg');
	}
	.tri-beige {
		background-image: url('./images/tri-beige.svg');
	}
	.section-exp-decoration-2 {
		background-color: var(--color-kt-green);
		height: 100%;
		width: 40%;
		color: var(--color-kt-beige);
		font-weight: 200;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		padding: 40px 120px 120px 40px;
		position: relative;
		
		.zap {
			position: absolute;
			bottom: 40px;
		}
	}
	.zap {
		height: 40px;
		width: 240px;
		background-color: var(--color-kt-beige);
		color: var(--color-kt-green);
		font-weight: bold;
		border: none;
		font-size: 19px;
		cursor: pointer;
		transition: 0.2s ease-in;
		text-decoration: none;
        text-align: center;
        line-height: 40px;
		
		&:hover {
			background-color: #ffdb75;
		}
	}
	.separation-green {
		height: 20px;
		width: 100%;
		background-color: var(--color-kt-green);
	}
	#section-blog {
		background-color: var(--color-kt-blue);
		display: flex;
		justify-content: center;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0 100px;
		
		h1 {
			color: var(--color-kt-beige);
		}
		
		#blog-header {
			width: 200px;
			height: fit-content;
			justify-items: center;
			text-align: center;
			position: relative;
			margin: 60px 0;
			
			#linha-blog {
				width: 0;
				transition: 0.3s ease-in-out;
				border-bottom: 6px solid var(--color-kt-beige);
				position: absolute;
				left: 0;
			
				&.visto {
					width: 200px;
				}
			}
		}
		
		#blog-content {
			display: flex;
			width: 100%;
			flex-wrap: wrap;
			flex-direction: row;
			justify-content: center;
			padding-bottom: 100px;
			
			.blog-post {
				background-color: var(--color-kt-beige);
				min-width: 20%;
				max-width: 20%;
				color: var(--color-kt-blue);
				padding: 20px;
				margin: 10px;
				
				h2 {
					font-size: 20px;
					min-height: 40px;
					margin: 0;
				}
				
				p {
					font-size: 16px;
				}
			}
		}
		
	}
	#tri-blog-end {
		--size: 30px;
		bottom: 0;
	}
	#section-faq {
		background-color: var(--color-kt-beige);
		color: var(--color-kt-blue);
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0;
		
		#faq-content {
			height: 100%;
			width: 100%;
			display: flex;
			flex-direction: row-reverse;
			
			.section-faq-decoration-1 {
				position: relative;
				width: calc(40% - 120px);
				padding: 0 60px;
				font-size: 20px;
				text-align: center;
				display: flex;
				flex-direction: column;
				align-items: center;
				
				#section-faq-c1 {
					height: 150px;
					width: 150px;
					background-image: url('./images/duvidas-anim.svg');
					background-size: 100%;
					background-repeat: no-repeat;
					margin: 40px;
				}
				
				h2 {
					font-size: 24px;
					margin-top: 0;
				}
				
				p {
					margin-bottom: 50px;
				}
		
				.zap {
					color: var(--color-kt-beige);
					background-color: var(--color-kt-blue);
					margin-bottom: 100px;
					
					&:hover {
						background-color: #7635b4;
					};
				}
				
				#planta-faq {
					position: absolute;
					bottom: 0;
					right: -30px;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: flex-end;
					
					.planta {
						max-height: 100%;
						height: 75%;
					}
					
					.pote {
					    background-image: url(./images/pote2.svg);
					}
				}
			}
			
			.section-faq-decoration-2 {
				width: 60%;
				height: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				
				#faq-header {
					width: 200px;
					height: 100%;
					justify-items: center;
					text-align: center;
					position: relative;
					margin: 60px 0;
			
					#linha-faq {
						width: 0;
						transition: 0.3s ease-in-out;
						border-bottom: 6px solid var(--color-kt-blue);
						position: absolute;
						left: 0;
			
						&.visto {
							width: 200px;
						}
					}
				}
				
				#perguntas {
					margin-left: 40px;
					width: 80%;
					
					ul {
						margin: 0;
						padding: 0;
						list-style-type: none;
						
						li {
							font-weight: 100;
							
							&.faq-pergunta {
								font-size: 20px;
								font-weight: 400;
								position: relative;
								padding: 10px 40px 10px 10px;
								border-top: 1px solid var(--color-kt-blue);
								cursor: default;
								
								&:nth-child(1) {
									border: none;
								}
								
								&:before {
									content: '+';
									font-size: 30px;
									font-weight: 300;
									right: 20px;
									position: absolute;
                                    height: 100%;
                                    align-content: center;
									margin-top: -10px;
								}
								
								&.expanded:before {
									content: '-';
								}
							}
							&.faq-resposta {
								font-size: 20px;
								max-height: 0;
								transition: 0.2s ease-in-out;
								overflow: hidden;
								margin-left: 10px;
								font-weight: 200;
								
								&.visible {
									max-height: 100px;
									margin: 0 10px 10px 10px;
								}
							}
						}
					}
				}
			}
		}
	}
	
	#section-contato {
		background-color: var(--color-kt-green);
		color: var(--color-kt-beige);
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0;
		
		#contato-header {
			width: 200px;
			height: fit-content;
			justify-items: center;
			text-align: center;
			position: relative;
			margin: 60px 0;
			
			#linha-contato {
				width: 0;
				transition: 0.3s ease-in-out;
				border-bottom: 6px solid var(--color-kt-beige);
				position: absolute;
				left: 0;
			
				&.visto {
					width: 200px;
				}
			}
		}
		
		table {
			margin-top: 40px;
            font-size: 20px;
		}
		td {
			text-align: center;
			padding: 0 20px;
			&:nth-child(1) {
				border-right: 2px solid var(--color-kt-beige);
			}
		}
		a {
			color: var(--color-kt-beige);
			text-decoration: none;
		}
		
		#nome {
			margin-top: 40px;
			font-weight: 700;
		}
		#prof {
			
		}
		#crp {
			margin-bottom: 40px;
		}
	}
}

/* mobile media thin devices */
@media screen and (max-width: 360px) {
#section-exp-c2 {
		bottom: 35 !important;
	}
}
/* mobile media */
@media screen and (max-width: 720px) {
	h1 {
		font-size: 29px;
		font-weight: bold;
		margin-bottom: 2em;
	}
	h2 {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 2em;
	}
	p {
		font-size: 19px;
		line-height: 1.5em;
	}
	div {
		-webkit-backface-visibility: hidden;
	}
	#chat-zap {
		width: calc(100% - 40px);
		
		#conversar-zap {
			margin-left: calc(50% - 135px);
		}
	}
	#main {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	#header {
		min-height: 40px;
		background-color: var(--color-kt-beige);
		position: fixed;
		z-index: 100;
		width: 100vw;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	div#div-botao-menu {
	    height: 100%;
	    display: flex;
	    align-items: center;
	}
	#botao-menu {
		--button-size: 35px;
		background-image: url('./images/menu-lista.svg');
		background-color: transparent;
		background-size: var(--button-size);
		border: none;
		height: var(--button-size);
		width: var(--button-size);
		position: absolute;
		left: 20px;
	}
	#header-menu {
		display: flex;
		width: 100vw;
		height: 200px;
		background-color: var(--color-kt-beige);
		color: var(--color-kt-blue);
		transition: 0.3s ease-out;
		overflow: hidden;
		
		ul {
			display: flex;
            		margin: 0;
            		padding: 0 10px;
            		list-style-type: none;
            		align-items: center;
					flex-direction: column;
					width: 100%;
			
			li {
				cursor: pointer;
				height: 40px;
				width: 100%;
				text-align: center;
				align-content: center;
			}
			
			a, a:visited {
				text-decoration: none;
				color: var(--color-kt-blue);
			}
		}
	}
	#header-menu.mobile-hidden {
		height: 0px;
	}
	#logo {
		height: 80%;
		width: 150px;
		background-image: url(./images/logo.png);
		background-repeat: no-repeat;
		background-position: top;
	}
	#header-menu {
		
	}
	#section-eu {	
		background-color: var(--color-kt-blue);
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		position: relative;
	}
	.section-eu-decoration-1 {
		width: 20%;
		z-index: 3;
		position: absolute;
		bottom: 0;
		right: 20px;
	}
	.section-eu-decoration-2 {	
		background-color: var(--color-kt-beige);
		z-index: 1;
		color: var(--color-kt-blue);
		margin: 120px 20px 0px 20px;
		padding: 20px 20px 140px 20px;
		
		h2 {
			margin-top: 2em;
			margin-bottom: 1em;
		}
	}
	.section-eu-decoration-3 {
		width: 70%;
		aspect-ratio: 3/4;
		margin-top: -100px;	
		z-index: 2;
	}
	.section-eu-decoration-4 {
		width: 100%;
		z-index: 3;
		display: flex;
		justify-content: center;
		margin-top: -25%;
		overflow-x: hidden;
		
		.carimbo {
			aspect-ratio: 1/1;
			background-size: 100%;
		}
		#section-eu-c1,#section-eu-c3 {
			display: none;
		}
		#section-eu-c2 {
			width: 50%;
			background-image: url('./images/cerebro-core-anim.svg');
		}
	}
	.planta {
		background-image: url('./images/planta.svg');
		background-size: 100% auto;
		background-repeat: no-repeat;
		/*animation: parallax-mobile;
		animation-timeline: scroll();*/
		height: 110vw;
		--tamanho: 110vw;
	}
	.pote {
		background-image: url(./images/pote.svg);
		background-size: contain;
		background-repeat: no-repeat;
		aspect-ratio: 200 / 140;
		width: 100%;
	}
	.section-exp-decoration-1 {
		display: none;
	}
	.section-exp-decoration-2 {
		background-color: var(--color-kt-green);
		color: var(--color-kt-beige);
		font-weight: 200;
		display: flex;
		justify-content: center;
		padding: 0 40px 40px 40px;;
		position: relative;
		flex-direction: column;
		
		h1 {
			margin: 0;
			display: flex;
			position: relative;
			height: 60px;
			align-items: flex-end;
			font-size: 25pt;
		}
		
		.carimbo {
			aspect-ratio: 1/1;
			background-size: 100%;
		}
		#section-exp-c1 {
			width: calc(60vw - 40px);
			height: calc(60vw - 40px);
			position: relative;
			background-image: url('./images/olho-verde-anim.svg');
			top: 0;
			margin-top: 20px;
		}
		#section-exp-c2 {
		    width: calc(40vw - 40px);
			height: calc(40vw - 40px);
		    background-image: url('./images/lampada-verde-anim.svg');
			position: absolute;
			right: 0;
		}
		
	}
	.zap {
		height: 60px;
		width: 100%;
		background-color: var(--color-kt-beige);
		color: var(--color-kt-green);
		font-weight: bold;
		border: none;
		font-size: 24px;
		margin-bottom: 40px;
		cursor: pointer;
		transition: 0.2s ease-in;
		text-decoration: none;
        text-align: center;
        line-height: 60px;
		
		&:hover {
			background-color: #ffdb75;
		}
	}
	#section-blog {
		background-color: var(--color-kt-blue);
		display: flex;
		justify-content: center;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0 40px;
		
		h1 {
			color: var(--color-kt-beige);
		}
		
		#blog-header {
			width: 200px;
			height: fit-content;
			justify-items: center;
			text-align: center;
			position: relative;
			margin: 60px 0;
			
			#linha-blog {
				width: 0;
				transition: 0.3s ease-in-out;
				border-bottom: 6px solid var(--color-kt-beige);
				position: absolute;
				left: 0;
			
				&.visto {
					width: 200px;
				}
			}
		}
		
		#blog-content {
			display: flex;
			width: 100%;
			flex-wrap: wrap;
			flex-direction: column;
			justify-content: center;
			margin-bottom: 40px;
			
			.blog-post {
				background-color: var(--color-kt-beige);
				width: calc(100% - 40px);
				color: var(--color-kt-blue);
				padding: 20px;
				margin-bottom: 20px;
				
				h2 {
					font-size: 20px;
					min-height: 40px;
					margin: 0;
				}
				
				p {
					font-size: 16px;
				}
			}
		}
		
	}
	#tri-blog-end {
		--size: 30px;
		bottom: 0;
	}
	.triangulos {
		background-size: calc(var(--size) * 2) var(--size);
		height: var(--size);
		width: 100%;
		margin-top: calc(var(--size) * -1);
		-webkit-backface-visibility: hidden;
	}
	.tri-green {
		--size: 10px;
		
		background-image: url('./images/tri-green.svg');
	}
	.tri-beige {
		background-image: url('./images/tri-beige.svg');
	}
	#section-faq {
		background-color: var(--color-kt-beige);
		color: var(--color-kt-blue);
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0 20px;
		
		#faq-content {
			height: 100%;
			width: 100%;
			display: flex;
			flex-direction: column;
			
			.section-faq-decoration-1 {
				position: relative;
				width: 100%;
				font-size: 20px;
				text-align: center;
				display: flex;
				flex-direction: column;
				align-items: center;
				
				#section-faq-c1 {
					height: 45vw;
					width: 45vw;
					background-image: url('./images/duvidas-anim.svg');
					background-size: 100%;
					background-repeat: no-repeat;
					margin: 40px 0;
				}
				
				h2 {
					font-size: 24px;
					margin-top: 0;
				}
				
				p {
					margin-bottom: 50px;
				}
		
				.zap {
					color: var(--color-kt-beige);
					background-color: var(--color-kt-blue);
					margin-bottom: 40px;
					
					&:hover {
						background-color: #7635b4;
					};
				}
				
				#planta-faq {
					display: none;
				}
			}
			
			.section-faq-decoration-2 {
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				
				#faq-header {
					width: 200px;
					height: 100%;
					justify-items: center;
					text-align: center;
					position: relative;
					margin: 60px 0;
			
					#linha-faq {
						width: 0;
						transition: 0.3s ease-in-out;
						border-bottom: 6px solid var(--color-kt-blue);
						position: absolute;
						left: 0;
			
						&.visto {
							width: 200px;
						}
					}
				}
				
				#perguntas {
					width: 100%;
					
					ul {
						margin: 0;
						padding: 0;
						list-style-type: none;
						
						li {
							font-weight: 100;
							
							&.faq-pergunta {
								font-size: 20px;
								font-weight: 400;
								position: relative;
								padding: 10px 40px 10px 10px;
								border-top: 1px solid var(--color-kt-blue);
								cursor: default;
								
								&:nth-child(1) {
									border: none;
								}
								
								&:before {
									content: '+';
									font-size: 30px;
									font-weight: 300;
									right: 20px;
									position: absolute;
                                    height: 100%;
                                    align-content: center;
									margin-top: -10px;
								}
								
								&.expanded:before {
									content: '-';
								}
							}
							&.faq-resposta {
								font-size: 20px;
								max-height: 0;
								transition: 0.2s ease-in-out;
								overflow: hidden;
								margin-left: 10px;
								font-weight: 200;
								
								&.visible {
									max-height: 100px;
									margin: 0 10px 10px 10px;
								}
							}
						}
					}
				}
			}
		}
	}
	#section-contato {
		background-color: var(--color-kt-green);
		color: var(--color-kt-beige);
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		text-align: center;
		padding: 0 40px;
		
		#contato-header {
			width: 200px;
			height: fit-content;
			justify-items: center;
			text-align: center;
			position: relative;
			margin: 60px 0;
			
			#linha-contato {
				width: 0;
				transition: 0.3s ease-in-out;
				border-bottom: 6px solid var(--color-kt-beige);
				position: absolute;
				left: 0;
			
				&.visto {
					width: 200px;
				}
			}
		}
		
		table {
			margin-top: 40px;
		}
		tr {
			display: flex;
			flex-direction: column;
		}
		td {
			text-align: center;
			padding: 10px 0;
		}
		a {
			color: var(--color-kt-beige);
			text-decoration: none;
		}
		
		#nome {
			margin-top: 40px;
			font-weight: 700;
		}
		#prof {
			
		}
		#crp {
			margin-bottom: 40px;
		}
	}
}

@media (prefers-reduced-motion: reduce) {
	#section-eu-c1 {
		background-image: url('./images/lampada.svg') !important;
	}
	#section-eu-c2 {
		background-image: url('./images/cerebro-core.svg') !important;
	}
	#section-eu-c3 {
		background-image: url('./images/olho-azul.svg') !important;
	}
	#section-exp-1-c1 {
		background-image: url('./images/cerebro-peca.svg') !important;
	}
	#section-exp-1-c2 {
		background-image: url('./images/cerebro-eng.svg') !important;
	}
	#section-exp-1-c3 {
		background-image: url('./images/sinapses.svg') !important;
	}
	#section-exp-1-c4 {
		background-image: url('./images/cerebro-relogio.svg') !important;
	}
	#section-exp-c1 {
		background-image: url('./images/olho-verde.svg') !important;
	}
	#section-exp-c2 {
	    background-image: url('./images/lampada-verde.svg') !important;
	}
	#section-faq-c1 {
		background-image: url('./images/duvidas.svg') !important;
	}
}