@charset "utf-8";

/* Geral /////////////////////////////////// */
body { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #fff; color: #1B1B1B; font-family: 'Lota Grotesque'; }
a { color: inherit; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }

/*
.background-image: url("img.jpg");
.height: 50vh;
.style="background-image: url('img/foto1.jpg');"
.width: calc(100% - 150px);
.font-family: 'Open Sans', sans-serif;
.rgb(0, 0, 0, 0.2)
.rgb(255, 255, 255, 0.2)
*/

/* DENTRO DO PROJETO  /////////////////////////////////// */
.o_projeto { font-weight: 300; font-size: 18px; line-height: 24px; letter-spacing: 1px; margin: 0 0 50px 0; }
.o_projeto span { font-weight: bold; padding: 0; margin: 0 10px 0 0; }
.texto_a { width: 40%; float: left; margin: 0 10% 30px 0; }
.texto_b { width: 50%; float: left; margin: 0 0 100px 0%; }
.projeto_img { width: 100%; display: table; }
.projeto_img img { width: 50%; padding: 0; margin: 0 0 0px 0; display: table; float: left; border: 0px; }
.o_projeto h1 { font-size: 65px; letter-spacing: 2px; font-weight: 900; margin: 0 0 20px 0; padding: 0; width: 100%; display: table; line-height: normal; }

.todos_textos { width: 94%; display: table; padding: 0 3% 0 3%; margin: 0 0 80px 0; border-bottom: 1px solid #7A7A7A; }

.titulos_topo_internas { width: 94%; display: table; padding: 30px 3.1% 80px 2.9%; margin: 0 auto; font-size: 65px; font-weight: bold; text-transform: uppercase; line-height: 60px; letter-spacing: 2px; text-align: left; border-bottom: 1px solid #7A7A7A; border-top: 0px solid #7A7A7A;}


.texto_a_estudio { width: 50%; float: left; margin: 0 10% 100px 0; font-size: 38px; line-height: 38px  }
.texto_b_estudio  { width: 40%; float: left; margin: 0 0 100px 0%; }
.estudio_img { width: 100%; display: table; }
.estudio_img img { width: 33%; padding: 0; margin: 0 0 0px 0; display: table; float: left; border: 0px; }

.texto_a_estudio a{ text-decoration: underline;  }
.texto_a_estudio a:hover{ text-decoration: underline; color: #ccc; }

.texto_obs { width: 100%; display:table; margin: 0; font-size: 12px; font-family: 'Lota Grotesque Extra'; letter-spacing: 1px; padding: 0; }


/* LISTA DOS PROJETOS  /////////////////////////////////// */
.lista_projeto_geral { width: 100%; display: table; padding: 30px 0 0px 0; margin: 0 auto; font-size: 65px; font-weight: bold; line-height: 60px; letter-spacing: 2px; }



.lista_projeto { width: 50%; display: block; float: left; margin: -11px 0 0 0; padding: 0; position: relative; }
.lista_projeto img { border-radius: 1px; }
.lista_projeto a:hover { opacity: 0.8; }
.lista_projeto .bloco_a { width: 100%; display: table; margin: 10px 0 40px 0; }
.lista_projeto h1 { font-size: 12px; letter-spacing: 1px; font-weight: normal; margin: 0 0 28px 3%; padding: 0; width: 100%; display: table; line-height: normal; position: absolute; bottom: 0; left: 0; }

.lista_projeto .bloco_b { width: 100%; display: table; }
.lista_projeto .bloco_b img { width: 100%; }




/* VIDEOS */
.projeto_video { width: calc(100% - 100px); padding: 50px;  }
.projeto_video h1 { font-size: 16px; letter-spacing: 2px; font-weight: normal; margin: 0 0 20px 0; padding: 0; width: 100%; display: table; line-height: normal; }
.video-inner { height: 0px; position: relative; width: 100%; display: table; }
.video { width: 50%; display: table; float: left; margin: 0; padding: 0; aspect-ratio: 16/9; }


@media screen and (max-width:700px) {


	.texto_a_estudio { width: 100%; float: none; margin: 0 0 50px 0; font-size: 30px; }
	.texto_b_estudio  { width: 100%; float: none; margin: 0 0 50px 0; font-size: 30px;  font-size: 14px; }
	.estudio_img { width: 100%; display: table; }
	.estudio_img img { width: 50%; padding: 0; margin: 0 0 0px 0; display: table; float: left; border: 0px; }




	.titulos_topo_internas { padding: 30px 3.1% 40px 2.9%; margin: 0 auto; font-size: 45px;}

	.lista_projeto { width: 100%; display: block; float: left; margin: -11px 0 0 0; }

	.lista_projeto_geral { width: 100%; display: table; padding: 50px 0 0 0; margin: 0 0 0 0; font-size: 65px; font-weight: bold; line-height: 60px; letter-spacing: 2px; }

	.todos_textos { width: 94%; display: table; padding: 0 3% 0 3%; margin: 0 0 50px 0; border-bottom: 1px solid #7A7A7A; }
	.texto_a { width: 100%; float: none; margin: 0 0 50px 0; }
	.texto_b { width: 100%; float: none; margin: 0 0 50px 0%; }


	.o_projeto h1 { font-size: 45px; letter-spacing: 1px; font-weight: 900; margin: 0 0 50px 0; padding: 0; width: 100%; line-height: 40px; display: table; }

	.o_projeto { font-weight: 300; font-size: 18px; line-height: 24px; letter-spacing: 1px; margin: 0 0 0px 0; }

	.projeto_img img { width: 100%; padding: 0; margin: 0 0 0px 0; display: table; float: left; border: 0px; }
	.projeto_video { width: calc(100% - 40px); padding: 50px 20px; background-color: #EBEBEB; }
	.projeto_video h1 { font-size: 12px; letter-spacing: 2px; font-weight: normal; margin: 0 0 10px 0; padding: 0; width: 100%; display: table; line-height: normal; }
	.video { width: 100%; display: table; float: left; margin: 0; padding: 0 0 10px 0; aspect-ratio: 16/9; }
}