/***************** PINDORAMA CIÊNCIA *****************/

/*********************************************************************************/
/* Uteis estilizações gerais                                                     */
/*********************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Redressed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

*{
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}

ul{ list-style: none; }

a{ text-decoration: none; }

section h1{
	text-align: center;
}

.container{
	background-color: #ffffff;
}

.contem-slider{
	width: 100%;
	max-width: 800px;
	max-height: 200px;
	height: auto;
	margin-top: 100px; 
	margin-bottom: 20px;
}

/*Ajustes*/
.em{
	margin-bottom: 0.5em; 
}

.em2{
	margin-top: 1em;
}

.b2{ border-top: 2px solid gray; }

.mob-txt{
	display: none;
	order: 3;
}

.desk{
	display: block;
}


/*********************************************************************************/
/* Cabeçalho                                                                     */
/*********************************************************************************/
.cabecalho{
	width: 100%;
	/*display: flex;
	flex-direction: column;
	align-items: center;
	background-color: black;
	background-image: url("../img/james_webb.png");
	z-index: 3;*/
	top: 0;
}

.logo-pindo-cie{
	width: 100%;
	height: 100px;
	background-image: url("../img/logo_pindorama_ciencia.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.logo-pindo-cie-2{
	width: 100%;
	height: 200px;
	background-image: url("../img/logo_pindorama_ciencia.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.logo-pindo-cie img{
	width: 100%;
}

.logo-pindo-cie-2 img{
	width:150%;
}

.menu{
	width: 100%;
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
	background-color: #000;
}

.menu-2{
	width: 101%;
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
	background-color: #000;
}

.menu-btn{ display: none; }

.naveg.comp{
	width: 100%;
}

.naveg.comp ul{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.naveg.comp li{
	display: inline-block;
}

.naveg.comp li a{
	color: #fff;
	display: block;
	padding: 20px 0;
	font-size: 1.2em;
	transition: all .3s;
}

.naveg.comp li a:hover{
	color: darkviolet;
}

/*Navegação*/
.nav{
	background-color: #000;
	width: 100%;
	max-width: 300px;
	height: 100vh;
	position: fixed;
	z-index: 3;
	top: 177px;
	left: 0;
	transition: all .5s;
}

.nav a{
	display: block;
	padding: 25px 5px; 
	color: white;
	text-align: center;
	font-size: 1.2em;
	text-decoration: none;
	transition: all .2s;
}

.nav a:hover{
	color: #00BFFF;
}

.nav.active{
	left: -300px;
}

.list-menu{
	list-style: none;
	width: 100%;
}


/*********************************************************************************/
/* Colunas                                                                       */
/*********************************************************************************/
.grade-colunas{
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	padding: 30px 0;
}


/*********************************************************************************/
/* Seção de destaques                                                            */
/*********************************************************************************/
.destaques{
	width: 25%;
	border-right: #b3b3b3 solid 3px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.prop-destaque{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.001cm;
}

.prop-destaque  .frase{
	width: 80%;
	text-align: center;
	font-family: 'sans-serif', cursive;
	font-size: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: #b3b3b3 solid 2px;
}

.prop-destaque .u{
	width: 60%;
	display: inline-block;
	text-align: center;
	margin-bottom: 10px;
	color: rgb(40, 40, 40);
	font-size: .8em;
}

.prop-destaque a:hover{
	text-decoration: underline;
}

.prop-destaque img{
	width: 100%;
}

.prop-list{
	width: 80%;
	padding: 30px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: rgb(0, 0, 0);
	background-color: aquamarine;
}

.prop-list ul{
	list-style: none;
}

.prop-list li{
	padding: 5px 0;
	text-align: center;
}

.prop-list h1{
	font-size: 2em;
	margin-bottom: 10px;
}

.prop-list a{
	display: inline-block;
	color: rgb(0, 0, 0);
	font-size: 1.2em;
}

.prop-list a:hover{
	text-decoration: underline;
}


/*********************************************************************************/
/* Seção de propagandas                                                          */
/*********************************************************************************/
.propagandas{
	width: 100%;
	margin-top: 120px;
	padding: 50px 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: center;
	background: url(../img/bib.jpg) fixed center;
}

.prop{
	width: 20%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 4% 0;
	background-color: #fff;
}

.prop a{
	width: 100%;
}

.prop img{
	width: 100%;
}

.lnk-prop{
	font-size: 1.3em;
	font-style: italic;
	text-align: center;
	color: #000;
}

.lnk-prop:hover{
	text-decoration: underline;
}


/*********************************************************************************/
/* Seção redes sociais                                                           */
/*********************************************************************************/
.redes-soc{
	width: 100%;
	padding: 3em 0;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	background-color: #DCDCDC;
}

.redes-soc-1{
	width: 110%;
	padding: 2em 0;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	}

.redes{
	width: 60%;
	/*background-color: green;*/
	display: flex;
	flex-flow: row wrap;
}

.redes-1{
	width: 100%;
	/*background-color: green;*/
	
}


.col-red{
	width: 50%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	/*background-color: red;*/
}

.bloc-red{
	display: inline-flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	width: 90%;
	padding: 20px 0;
	border-bottom: solid 3px black;
	/*background-color: purple;*/
}

.bloc-red.n{
	border-bottom: none;
}

.col-red img{
	width: 70px;
	height: 70px;
}

.sol{
	border-radius: 15px;
}

.lnk-red{
	font-family: 'Playfair Display', serif;
	font-size: 1.5em;
	color: #000;
	padding-left: 1em;
}

.lnk-red:hover{
	text-decoration: underline;
}

.girafa{
	width: 40%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.girafa a{
	width: 80%;
}

.girafa img{
	width: 100%;
}


/*********************************************************************************/
/* Rodapé                                                                        */
/*********************************************************************************/
.rodape{
	width: 100%;
	padding: 4em 0;
	background-color: #08298A;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-around;
}

.rodape img{
	width: 20%;
}

.rodape span{
	color: #fff;
	font-size: 1.2em;
	padding: 20px;
}

.rodape p{
	color: #fff;
	font-size: 1.3em;
}

.rodape p a{
	font-family: 'Dancing Script', cursive;
	color: #fff;
	font-size: 1.5em;
	margin-left: 15px;
	transition: all .5s;
}

.rodape p a:hover{
	cursor: pointer;
	color: #000;
}


/*********************************************************************************/
/* Rodapé                                                                        */
/*********************************************************************************/
.rodape-pag{
	padding: 1.5%;
	background-image: linear-gradient(to bottom right, #0000CD, black);
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}

.baixo-rodape{ 
	text-align: center; 
	color: white;
	font-size: 1.2em;
	padding: 2em 0em;
}

.logo-rodape{
	width: 15%; 		
}


/*********************************************************************************/
/*********************************************************************************/
/* Pindorama Ciência                                                             */
/*********************************************************************************/
/*********************************************************************************/


/*********************************************************************************/
/* Cabeçalho - Pindorama Ciência                                                 */
/*********************************************************************************/
.logo-pindo-cie{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	padding: 2em 0;
}

.logo-pindo-cie span{
	font-size: 3em;
}

.espp{
	height: 15px;
}


/*********************************************************************************/
/* artigo - Pindorama Ciência                                                    */
/*********************************************************************************/
.artigo{
	display: flex;
	flex-direction: column;
	align-items: center, left, right;
	width: 60%;
	padding: 0 5%;
}

.tit-art{
	font-size: 2em;
	color: indigo;
	margin-bottom: 30px;
}

.tit-art-expediente{
	font-size: 2.5em;
	color: indigo;
	margin-bottom: 40px;
}

.tit-art-y{
	display:flexbox;
	align-items: left;
	font-size: 1.5em;
	color: rgb(0, 0, 0);
	text-align: justify;
	margin-bottom: 20px;

}

.tit-art.x{
	font-size: 1.2em;
	margin-top: 60px;
}

.subtit-art{
	margin-bottom: 10px;
	text-align: center;
}


.subtit-art.x{
	color: rgb(50, 50, 50);
	margin-bottom: 50px;
	font-size: .9em;
}

.par-art{
	text-indent: 2em;
	margin-bottom: 15px;
	text-align: justify;
	font-size: 1.2em;
}

.par-art-a{
	text-indent: 1em;
	margin-bottom: 8px;
	text-align:right;
	font-size: 1em;
}

.par-art-b{
	text-indent: 1cm;
	margin-bottom: 8px;
	text-align:left;
	font-size: 1.35em;
	font-style: oblique ;
	color: rgb(168, 12, 12);
	
}

.par-art-c{
	text-indent: 2em;
	margin-bottom: 20px;
	text-align:justify;
	font-size:1.2em;
	font-weight: bolder;
}

.par-art-1{
	text-indent: 2em;
	margin-bottom: 20px;
	text-align:justify;
	font-size:1.2em;
	font-weight: bolder;
}

.tit-art-2{
	font-size: 2em;
	color: rgb(0, 0, 0);
	margin-bottom: 30px;
}



.par-art.x{
	text-indent: 0px;
}

.par-art.x a{
	color: indigo;
}

.img-art{
	width: 100%;
	margin-bottom: 25px;
	
}

.img-art-95{
	width: 95%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.img-art-90{
	width: 90%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.img-art-85{
	width: 85%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.img-art-80{
	width: 80%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.img-art-75{
	width: 75%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.img-art-70{
	width: 70%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.img-art-65{
	width: 65%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.img-art-60{
	width: 60%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.img-art-55{
	width: 55%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	
}

.img-art-50 {
	width: 50%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
  }

.img-art-45{
	width: 45%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.img-art-40{
	width: 40%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.img-art-25{
	width: 25%;
	align-content: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.legimg-art{
	text-align: center;
	margin-bottom: 50px;
}

.legimg-art a{
	color: #0000CD;
}

.legimg-art a:hover{
	color: rgb(0, 0, 100);
	transition: all .2s;
	text-decoration: underline;
}


/*********************************************************************************/
/* artigo - Pindorama Ciência                                                    */
/*********************************************************************************/
.chamada_art{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	background-color: #D8BFD8;
	border: solid #8B008B 2px;
	padding: 30px 10px 30px 0;
	border-radius: 10px;
	margin-bottom: 30px;
}

.chamada_art .esq{
	width: 30%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.chamada_art .esq a{
	width: 80%;
	max-width: 150px;
}

.chamada_art .esq img{
	width: 100%;
	border-radius: 10px;
}

.chamada_art .dir{
	width: 68%;
	padding-left: 20px;
	border-left: solid black 2px;
}


.chamada_art .dir a{
	color: #363636;
	font-size: 1.8em;
}


.chamada_art .dir a:hover{
	text-decoration: underline;
}


/*********************************************************************************/
/* Rodapé - Pindorama Ciência                                                    */
/*********************************************************************************/
.rodape .logo-pindo-cie{
	width: 100%;
	padding: 0 0 30px 0;
}

.rodape .logo-pindo-cie span{
	font-size: 2em;
	padding: 0;
}