/*********************************************************************************/
/* 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=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
/*font-family: 'Dancing Script', cursive;*/
/*font-family: 'Libre Baskerville', serif;*/

a{ text-decoration: none; }

/*a:hover{ text-decoration: underline; }*/

.bloco-livro.mob{ display: none; }

.slogan{
	font-family: 'Libre Baskerville', serif;
	display: block;
	text-align: center;
	font-size: 2.2em;
	padding: 30px;
	line-height: 1.3;
}

.prop-ban img{
	padding-top: 50px;
	width: 100%;
}

.destaque_vermelho{
	font-size: 1.3em;
	font-weight: bolder;
	color: darkred;
	text-align: center;
}

.flexbox-coluna{
	margin-top: 3em;
	display: flex;
	flex-direction: column;
	align-items: center;	
}

.title2em{ 
	display: block; 
	text-align: center; 
	font-size: 2em; 
	margin-bottom: 1em;
}

.centro{
	display: block;
	text-align: center;
}

.centro.x{
	font-size: 4em;
}

.just{ 
	text-align: justify; 
	text-indent: 3em;
}

.contem-2btn{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	background-color: red;
}

.container-flex{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
}

/*Assinaturas*/
.assinatura{
	display: block;
	float: right;
	font-family: 'Dancing Script', cursive;
	font-weight: bold;
	font-size: 2.5em;
	clear: right;
	margin-bottom: 10px;
}

.assinatura.sub{
	font-weight: 500;
	font-size: 2em;	
}

/*Botões*/
.voltar{
	position: fixed;
	top: 0;
	text-decoration: none;
}

.button.voltar.desk{
	left: 0;
	display: inline-block;
	font-size: 2em;
	margin: 3%;
	padding: 1%;
	padding-top: 0.5%;
}

.button.voltar.mob{
	right: 0;
	display: none;
	margin: 0%;
	width: auto;
	padding-top: 0%;
	top: 5px;
	right: 5px;
	padding: 1% 3% 3% 3%; 
	font-size: 2em;
}

/*********************************************************************************/
/* Cabeçalho do site                                                             */
/*********************************************************************************/

/*Logo da editora*/
.logo{
	display: block;
	text-align: center;
}

.logo img{
	width: 50%;
}

/*********************************************************************************/
/* Index do site                                                                 */
/*********************************************************************************/

.legenda_img{
	font-size: 1em;
	text-align: center;
}

.quad{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 15em;
	margin-bottom: 2em;
}

.po{
	background-image: linear-gradient(to bottom right, #0B610B, black);
}

.n{
	background-image: linear-gradient(to bottom right, darkmagenta, gold);
}

.pri{
	background-image: linear-gradient(to bottom right, #0000CD, black);
}

.quad img{ width: 80%; }
.quad.pri img{ width: 95%; }

.quad span{
	width: 90%;
	margin-bottom: 15px;
	margin-left: 10%;
	color: #fff;
	font-size: 1.3em;
	text-align: justify;
}

/*********************************************************************************/
/* Contato - index                                                               */
/*********************************************************************************/

.container-contato{
	width: 100%;
	margin-top: 5em;
	display: flex;
	flex-flow: row wrap;
	align-items: baseline;
	justify-content: center;
}

/*Coluna da esquerda*/
.contato-esq{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

	.contato-esq h2{
		display: block;
		text-align: center;
		font-size: 2em;
		padding-bottom: 30px;
	}

.colunas{
	display: flex;
	flex-flow: row wrap;
	align-items: baseline;
	padding: 5px;
}

	.colunas section{
		width: 50%;
	}

.danc{
	font-family: 'Dancing Script', cursive;
	font-size: 2em;
	font-weight: 600;
	color: #000;
	padding-left: 10px;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.girafa-amarela{ 
	width: 70%;
	text-align: justify;
	display: flex;
	flex-direction: column;
}

	.girafa-amarela p{
		margin-top: 1.5em;
	}

.img-girafa{ width: 100%; }

.link-img-girafa{ 
	display: block; 
	text-align: center; 
}


/*Linha com Whatsapp e e-mail*/
.linha{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	margin-bottom: 5em;
}

.contem-divul{
	width: 50%;
	display: inline-flex;
}

.centraliza{
	width: 85%;
	display: inline-flex;
	flex-direction: row;
	padding-left: 5%;
	align-items: center;
	height: 100%;
}

	.centraliza a{
		text-decoration: none;
		color: black;
	}

		.centraliza a:hover{
			color: green;
			text-decoration: underline;
		}

.contem-img-divul{
	width: 15%;
	display: inline-block;
}

.img-cont-linha{
	width: 100%;
}


/*Formulário de contato*/
.secao-form{
	display: flex;
	justify-content: center;
	width: 50%;
}

.contato{
	width: 100%;
	max-width: 500px;
	background-image: linear-gradient(to bottom right, #00FF7F, #008000);
	padding: 50px;
	border-radius: 10px;
}

.contato h2{
	font-size: 2em;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

.form{
	display: flex;
	flex-direction: column;
}

.field{
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #DDD;
	border-radius: 5px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	transition: all 0.1s;
}

.field.a:hover{
	background-color: #C0C0C0;/* #98FB98*/
}

textarea{
	height: 150px;
}

/*********************************************************************************/
/* Jogos educativos - Jogos                                                      */
/*********************************************************************************/
.cont-pagina-cont{
	display: block;
}

.img-btn{
	display: inline-flex;
	width: 30%;
	flex-direction: column;
	align-items: center;
	float: left;
	margin-right: 5%;
}

	.img-btn img{
		width: 100%;
	}

.just.parMedio{
	font-size: 1.3em;
}

/*********************************************************************************/
/* Livros - Index                                                                */
/*********************************************************************************/

.bloco-livro{
	width: 20%;
	/*background-color: darkblue;*/
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	margin: 40px 1% 0 1%;
}

	.bloco-livro a{
		text-align: center;
	}

	.bloco-livro img{
		width: 100%;
		transition: all 0.3s;
	}

		.bloco-livro img:hover{
			opacity: 0.7;
		}

	.bloco-livro a:hover{
		text-decoration: underline;
	}

.borda_cinza{
	display: block;
	width: 100%;
	border-bottom: 3px solid #DCDCDC;
	height: 1px;
}

.borda_cinza.mob{ display: none; }

/*MENU DE NAVEGAÇÃO LIVROS*/
.meu_nav{
	width: 20%;
	position: absolute;
}

.meu_nav ul{
	background-color: green;
	margin: 0;
	list-style: none; 
	width: 100%;
}

.meu_nav li{
	display: block;
	margin: 0;
}

.meu_nav ul li a{
	display: block;
	margin: 0;
	text-decoration: none;
	color: white;
	font-size: 1.3em;
	transition: all 0.2s;
	padding: 15px;
}

.meu_nav ul li a:hover{
	background-color: darkgreen;
}

.botao-menu{
	width: 25px;
	margin-left: 12px;
}	

.bt{
	display: inline-block;
	background-color: green;
	padding: 15px;
	text-decoration: none;
	color: white;
	font-size: 1.5em;
	margin-bottom: 1em;
	border-radius: 15px;
	transition: background-color 0.5s;
}

.bt:hover{
	background-color: darkgreen;
}

.meu_menu{
	display: none;
}

/*********************************************************************************/
/* Posteres - Poster                                                             */
/*********************************************************************************/

.cont_poster1{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	margin-bottom: 50px;
}

.cont_poster1 .esq{
	width: 59%;
}

.cont_poster1 .dir{
	display: flex;
	align-items: center;
	width: 30%;
}

.prop_lado{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.prop_lado h1{
	width: 100%;
	font-size: 1.5em;
	margin-bottom: 20px;
}

.prop_lado img{
	margin-top: 30px;
	transition: all 0.3s;
}

.prop_lado img:hover{
	opacity: 0.7;
}

.prop_lado a{ margin-bottom: 20px; }

.prop_lado a:hover{ text-decoration: underline; }

.prop_lado div{
	width: 100%;
	border: 1px DarkGray solid;
}

/*********************************************************************************/
/* Livro surpresa - Index                                                        */
/*********************************************************************************/
.lista_bolinha{
	list-style: disc inside;
}

.texto .button{
	color: white;
}

.img_ls{
	width: 80%;
}

/*********************************************************************************/
/* Livro surpresa - Index                                                        */
/*********************************************************************************/
.texto{
	font-size: 1.2em;
}

.texto p{
	text-indent: 2.5em;
}

.texto .lista_numerada{
	list-style: decimal inside;
	padding-top: 1.5em;
}

.texto ul li{
	padding: 0.5em 0;
}

.texto h1{
	padding-top: 1em;
}

.img_lf{
	width: 60%;
}

/*********************************************************************************/
/* Modelo Poodcast                                                               */
/*********************************************************************************/
.poodcast{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	padding: 3% 2% 3% 2%;
	border-bottom: 2px solid gray; 
	background-color: white;
	margin-bottom: 1em;
	border-radius: 5px;
	width: 90%;
}

.poodcast .autor-podcast{
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.poodcast .img-pod{
	width: 150px;
	height: 150px;
}

.poodcast .img-pod img{
	width: 150px;
	height: 150px;
	border-radius: 100px;
}

.poodcast .bloco-desc-pod{
	width: 70%;
}

.poodcast .titulo-pod{ 
	font-size: 2em; 
	color: #0B610B;
	margin-bottom: .5em;
}

.poodcast .desc-pod{
	color: #000;
	font-size: 1.2em;
	text-align: justify;
}

.poodcast .data-pod{
	font-size: 1.2em; 
	color: gray;
	font-weight: bold;
}

.poodcast .cont2btn{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}

.poodcast .audio{
	width: 100%;
	max-width: 400px;
}

.poodcast .btn-pod{
	padding: 10px;
	margin-left: 5%;
	border-radius: 5px;
	border: 4px solid #0B610B;
	color: black;
	font-size: 1.5em;
	text-decoration: none;
	background-color: #fff;
}

.poodcast .btn-pod:hover{
	cursor: pointer;
	background-color: #0B610B; 
	color: #fff;
	transition: all .2s;
}

/*********************************************************************************/
/* link lenga lenga                                                              */
/*********************************************************************************/
.link_l{
	width: 100%; 
	margin-top: 50px; 
	display: flex; 
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.link_l .audio{
	width: 100%;
	max-width: 400px;
}

.link_l h1{
	color: #005500;
	margin-bottom: 10px;
}

.ajusta_vid{ width: 70% }

/*.embed{
	position: relative;
	width: 80%;
}*/

.embed iframe{
	/*position: absolute;*/
	width: 100%;
	height: 100%;
	border: none;
}

/*********************************************************************************/
/*********************************************************************************/
/* RESPONSIVO MOBILE                                                             */
/*********************************************************************************/
/*********************************************************************************/


@media (max-width: 700px){
	/*********************************************************************************/
	/* Uteis estilizações gerais                                                     */
	/*********************************************************************************/
	
	.bloco-livro.mob{ display: block; }
	.centro.x{ font-size: 3em; }
	.flexbox-coluna{ padding-bottom: 5em; }
	.slogan{ font-size: 1.8em; }

	/*Botões*/
	.button.voltar.desk{ display: none; }
	.button.voltar.mob{ display: none; }


	/*********************************************************************************/
	/* Cabeçalho do site                                                             */
	/*********************************************************************************/

	/*Logo do site*/
	.logo{ margin-bottom: 1em; }
	.logo img{ width: 80%; }


	/*********************************************************************************/
	/* Index do site                                                                 */
	/*********************************************************************************/

	.legenda_img{ font-size: 1.2em; }


	/*********************************************************************************/
	/* Contato - index                                                               */
	/*********************************************************************************/

	.container-contato{ flex-direction: column; }

	.contato-esq{ 
		width: 100%; 
		margin-top: 5em; 
		order: 2;
	}

	.colunas{ flex-direction: column; }
		.colunas section{ width: 100%; }

	.girafa-amarela{ width: 100%; }

	/*Formulário de contato*/
	.secao-form{ 
		width: 100%; 
		order: 1; 
	}

	/*Linha com Whatsapp e e-mail*/
	.contem-divul{ 
		width: 100%; 
		margin-bottom: 2em; 
	}

	.linha{ margin-bottom: 0em; }

	/*********************************************************************************/
	/* Jogos educativos - Jogos                                                      */
	/*********************************************************************************/

	.cont-pagina-cont{
		display: flex;
		flex-direction: column;
	}

	.img-btn{
		float: none;
		width: 100%;
		margin: 0 0 6% 0;
		align-items: center;
	}

	.img-btn a{ width: 70%; }

	/*********************************************************************************/
	/* Livros - Index                                                                */
	/*********************************************************************************/

	.bloco-livro{ 
		width: 40%;
		margin-top: 40px;
	}

	.borda_cinza.mob{ display: block; }

	/*MENU DE NAVEGAÇÃO LIVROS*/
	.meu_nav{
		width: 50%;
	}

	.meu_nav ul li a{
		font-size: 1.3em;
	}

	/*********************************************************************************/
	/* Posteres - Poster                                                             */
	/*********************************************************************************/

	.cont_poster1{
		display: flex;
		flex-flow: column;
		justify-content: space-evenly;
		margin-bottom: 20px;
	}

	.cont_poster1 .esq{
		width: 100%;
	}

	.cont_poster1 .dir{
		padding-top: 30px;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	/*********************************************************************************/
	/* Livro surpresa - Index                                                        */
	/*********************************************************************************/
	.img_ls{
		width: 100%;
	}
}