@font-face {
    font-family: 'Lagarto Letreiros';
    src: url('../livro/fontes/Lagarto-Letreiros.woff2') format('woff2'),
         url('../livro/fontes/Lagarto-Letreiros.woff') format('woff');
}
/*		General CSS		*/
body{
	padding: 0px;
	margin: 0px;


	
}

a:focus{
	color: #fff!important;
	text-decoration: none!important;
}


.container{
	max-width: 1130px;
	height: 100%;
	
}


/*		Header 		*/

header{
	position: fixed;
	display: block;
	width: 100%;
	height: 100px;
	z-index: 99;
	padding: 0px;
	margin: 0px;
	background-color: #ffd731;
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	
}

hr {
border-top: 1px dashed #E14A42;
margin-top:10px;
margin-bottom: 10px;
width:100%;

}


header .topo {
	
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	
	}


header .logo{
width:325px;
	height:35px;
	float: left;
	margin-right: 20px;
	}


	header img{
	max-width:325px;
	margin-left: 100px;
	}
		
header .menu{
	width:100%;
	max-width: 700px;
	height:35px;
	padding:0px;
	float:right;
	padding-top: 5px;
	margin-right: 100px;


	
	}

header .menu .nav li{
	float: left;
	margin-left: 20px;
	text-align: right;
		}

header .menu .nav li:last-child{
	margin-right: 0px;
	}

header .menu .nav li a{
	color: #e14a42;
	font-family: "Merriweather Sans", serif;
	font-weight: 700;
	font-size: 1EM;
	padding: 0px;
		background-color: #ffd731;
}

header .menu .nav li a:active,
header .menu .nav li a:hover,
header .menu .nav li a:focus{
	text-decoration: none;
	color: rgba(225, 74, 68, 0.5)!important;
	background-color:transparent;
}




header .topo .menu .navresp{
		display: none;
	}


header .burger_icon{
	display: none;
	float: right;
	background-color: #E14A42;
	padding: 5px 10px;
	text-transform: uppercase;
	color: #ffd731;
	font-family: "Merriweather Sans", serif;
	font-weight: 400;
	font-size: 1em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 32px 10px 0 0;
}

header .burger_icon:hover{
	cursor: pointer;
}

header .burger_icon.active{
	background: #e14a42;
	color: #ffd731;
}


/*		Hero section 		*/

/* Hero Section */
.hero {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 700px; /* Altura do hero */


    z-index: 3;
    
}

/* Container do Carrossel */
.carousel-container {
    position: relative;
    overflow: hidden;
    width: 100%; /* Ajuste o tamanho conforme necessário */

  height: 700px;

	
}

/* Área dos itens do carrossel */
.carousel {
    height: 700px;
   display: flex;
    transition: transform 0.5s ease-in-out; /* Transição suave */

}

/* Cada item do carrossel */
.carousel-item {
    display: flex; /* Ativa o Flexbox */
    flex-direction: column; /* Organiza os elementos em coluna (de cima para baixo) */
    justify-content: center; /* Centraliza o conteúdo verticalmente */
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    flex: 0 0 100%; /* Cada item ocupa 100% da largura do container */
    text-align: center;
    box-sizing: border-box;
    padding: 0 20px; /* Espaçamento interno */
}

.carousel-item p {
color: #E14A42;
	font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-size: 1.3em;
    line-height: 1.6;
	margin: 0px 0 0px 0;
	  z-index: 2;
	  max-width: 535px;
}

/* Estilos específicos para cada item */
.item-one {
    color: #880e4f;
    background-image: url('../livro/imagens/fundo.png');
    background-color: #ffd731;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    height: 700px;
	padding-top: 50px;
	margin-top: 20px;
}

.item-two {
   color: #880e4f;
    background-image: url('../img/fundo_abencoada.png');
   background-color: #ffd731;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    height: 700px;
	padding-top: 50px;
	margin-top: 20px;
}

.item-three {
    background-color: #e8f5e9; /* Verde claro */
    color: #43a047;
}


/* Estilo das imagens */
.carousel-item img {
    max-width: 475px;
    height: auto;
    margin-bottom: 0px;

}

/* Botões de controle */
/* Controles de navegação do carrossel */
.carousel-controls {
    position: absolute;
    top: 50%; /* Centraliza verticalmente */
    left: 50%; /* Centraliza horizontalmente a partir do centro */
    transform: translateX(-50%) translateY(-50%); /* Ajusta o alinhamento vertical e horizontal */
    width: auto; /* Largura automática */
    display: flex;
    justify-content: space-between; /* Garante espaço entre os controles */
    z-index: 5;
	
}

.carousel-controls img {
 max-width: 35px;
	
}

.carousel-controls button {
    background: transparent; /* Sem fundo para os botões */
    border: none; /* Remove a borda dos botões */
    cursor: pointer;
    padding: 10px; /* Espaçamento interno */
    transition: opacity 0.3s ease; /* Transição suave na opacidade */
	
}

.carousel-controls button:hover {
    opacity: 0.7; /* Dá um efeito de hover */
}

/* Define a largura dos botões e a distância entre eles */
.carousel-controls .prev,
.carousel-controls .next {
    width: 40px; /* Largura dos botões */
    height: 40px; /* Altura dos botões */
    margin: 0 500px; /* Distância específica entre os botões */
}



.carousel-item .buy-presentation {
    display: inline-block;
    margin: 25px 5px;
    padding: 10px 20px;
    text-decoration: none;
    color: #ffd731;
    background-color: #e14a42;
	border: 2px solid #e14a42; /* Adiciona borda de 2px na cor #e14a42 */
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
	font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1em;
	
    
}

.carousel-item .buy-presentation:hover { 
    display: inline-block;
    margin: 25px 5px;
    padding: 10px 20px;
    text-decoration: none;
    color: #e14a42;  /* Cor do texto */
    background-color: #ffd731 ;
    border: 2px solid #e14a42; /* Adiciona borda de 2px na cor #e14a42 */
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Adiciona transição para a cor da borda */
    font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1em;
}





/* Responsividade Vitrine */
@media (max-width: 1024px) {
    .hero {
        height: 500px; /* Ajusta a altura do hero para telas menores */
    }

    .carousel-item img {
        max-width: 80%; /* Reduz o tamanho das imagens */
    }

    .carousel-controls .prev,
    .carousel-controls .next {
        margin: 0 30px; /* Ajusta a distância entre os botões */
    }

    .carousel-item p {
        font-size: 1.1em; /* Diminui o tamanho do texto */
        max-width: 90%; /* Ajusta a largura do texto */
    }
}

@media (max-width: 768px) {
    .hero {
        height: 500px; /* Ajusta a altura do hero para telas menores */
    }

    .carousel-container {
        height: 500px; /* Ajusta o container do carrossel */
    }

    .carousel-item {
        padding: 10px; /* Ajusta o espaçamento interno */
    }

    .carousel-item p {
        font-size: 1em; /* Reduz o tamanho da fonte */
        max-width: 90%; /* Ajusta a largura do texto */
    }

    .carousel-controls .prev,
    .carousel-controls .next {
        margin: 0 20px; /* Ajusta a distância entre os botões */
    }
	
	.item-one {
    height: 500px;
	padding-top: -20px;
	margin-top: 0px;
}
	
}

@media (max-width: 480px) {
    .hero {
        height: 400px; /* Ajusta a altura do hero para dispositivos muito pequenos */
    }

    .carousel-container {
        height: 400px; /* Ajusta o container do carrossel */
    }

    .carousel-item {
        padding: 5px; /* Ajusta o espaçamento interno */
    }

.item-one {
   
    height: 400px;
	padding-top: -200px;
	margin-top: 0px;
	background-size: 200%;/* Ajusta o fundo para "contain" ou um valor mais adequado */
        background-attachment: scroll; /* Ajusta o background para não ficar fixo */
        
}

.item-two {
   background-size: 220%;/* Ajusta o fundo para "contain" ou um valor mais adequado */
        background-attachment: scroll; /* Ajusta o background para não ficar fixo */
    height: 400px;
	padding-top: -200px;
	margin-top: 0px;
}

    .carousel-item p {
        font-size: 0.9em; /* Reduz o tamanho da fonte para telas muito pequenas */
        max-width: 95%; /* Ajusta a largura do texto */

		margin: 0;
		padding: 0;
    }

    .carousel-controls .prev,
    .carousel-controls .next {
        margin: 0 100px; /* Ajusta a distância entre os botões */
		
    }
	
	
	.carousel-controls {
    position: absolute;
    top: 85%; /* Centraliza verticalmente */
    
	
}
	
	.carousel-controls img {
 max-width: 25px;
	
}
}

/*		MIOLO 		*/

.miolo{
	width: 100%;
	padding: 60px 0 100px 0;
	position: relative;
	top:100px;
	

}



.miolo .container  {

	margin-left:auto;
	margin-right:auto;


}

.miolo .container .container_projeto {
max-width: 740px;
	margin-left:auto;
	margin-right:auto;


}

.miolo .container  p {
max-width: 550px;
	margin-left:auto;
	margin-right:auto;


}

.miolo .container .container_projeto  .box1 {
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	text-align: left;
	padding: 10px;
	border: 1px solid #4081b3;
	width: 360px;
	margin-bottom:50px;
	float: left;
	color: #4081b3;
 }
 
 .miolo .container .container_projeto  .box2 {
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	padding: 10px;
	border: 1px solid #4081b3;
	width: 360px;
	margin-bottom:50px;
	float: right;
	text-align: left;
	color: #4081b3;
 }
 
.miolo .container .miolo_list p {
  		color: #4081b3;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	margin-left: auto;
	margin-right: auto;
	text-align: left;

	
}

.miolo .container .miolo_list .centralizado {
  		color: #4081b3;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 750px;

	
}

.miolo .container .miolo_list {
  		color: #4081b3;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

	
}


.miolo .container .midia_list {
  		color: #4081b3;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
	
}

.miolo .container .midia_list .cinza {
  		color: #a2a2a2;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
	
}







.miolo .container .buy-presentation {
    display: inline-block;
    margin: 25px 5px;
    padding: 10px 20px;
    text-decoration: none;
    color: #ffd731;
    background-color: #E14A42;
	border: 2px solid #E14A42; /* Adiciona borda de 2px na cor #e14a42 */
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
	font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1em;
    
}

.miolo .buy-presentation:hover { 
    display: inline-block;
    margin: 25px 5px;
    padding: 10px 20px;
    text-decoration: none;
    color: #e14a42;  /* Cor do texto */
    background-color: #fff ;
    border: 2px solid #e14a42; /* Adiciona borda de 2px na cor #e14a42 */
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Adiciona transição para a cor da borda */
    font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1em;
}

 .miolo .container   img{
	max-width: 100%;
		
 }
 

.miolo  h1{
  	color: #E14A42;
  	font-family: 'Lagarto Letreiros';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 4.5em;
	margin: -5px 0 20px 0;
	word-break: break-word;
}

.miolo   p{
	color: #4081b3;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	margin-bottom: 10px;
	max-width: 750px;
	
}

.miolo .email {
	color: #4081b3;
	font-family: "Merriweather Sans", serif;
    font-weight: 800;
    font-size: 1.4em;

}

.miolo h2{
	color: #E14A42;
  	font-family: 'Lagarto Letreiros';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 3.5em;
	margin: -5px 0 20px 0;
	word-break: break-word;
}

.miolo h3{
		color: #E14A42;
  	font-family: 'Lagarto Letreiros';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 2.5em;
	margin: -5px 0 20px 0;
	word-break: break-word;
}

.miolo h4{
	
	word-break: break-word;
	line-height:20px;
}


.miolo img{
	margin: 0px 10px 15px 0px;
}

/* Redes sociais do autor */
.author-social {
text-align: left;

	margin-left: -35px;
}

.author-social li {
    display: inline-block;
	

}

.miolo .container .box1 .author-social a,
 {
    background-color: transparent;
    color: #ff00ff;
    display: inline-block;
    font-size: 20px;
    height: 45px;
padding-left: -50px;
    text-align: left;
    width: 45px;
    transition: all 0.3s ease 0s;
}



.miolo .container .box1 .author-social.author-social a:hover,
.miolo .container .box1 .author-social.author-social a:focus, 
.miolo .container .box1 .author-social.author-social a:link, 
.miolo .container .box1 .author-social.author-social a:visited, 
.miolo .container .box1 .author-social.author-social a:active {
    background-color: transparent;
    color: #E14A42;
    display: inline-block;
    font-size: 20px;
    height: 45px;
padding-left: -50px;
    text-align: left;
    width: 45px;
    transition: all 0.3s ease 0s;
}

.miolo .container .box2 .author-social a,
 {
    background-color: transparent;
    color: #ff00ff;
    display: inline-block;
    font-size: 20px;
    height: 45px;
padding-left: -50px;
    text-align: left;
    width: 45px;
    transition: all 0.3s ease 0s;
}



.miolo .container .box2 .author-social.author-social a:hover,
.miolo .container .box2 .author-social.author-social a:focus, 
.miolo .container .box2 .author-social.author-social a:link, 
.miolo .container .box2 .author-social.author-social a:visited, 
.miolo .container .box2 .author-social.author-social a:active {
    background-color: transparent;
    color: #E14A42;
    display: inline-block;
    font-size: 20px;
    height: 45px;
padding-left: -50px;
    text-align: left;
    width: 45px;
    transition: all 0.3s ease 0s;
}






/* Responsividade para dispositivos móveis */
@media (max-width: 768px) {
    .authors-section h2 {
		 font-size: 3em; /* Reduz ainda mais o tamanho da fonte do título */
		line-height: 0.70em;
    }

    .authors-container {
        max-width: 90%; /* Aumenta a largura do container para 90% da tela */
    }

    .authors-image {
        width: 100%; /* Faz a imagem ocupar toda a largura disponível */
        max-width: 350px; /* Limita a largura máxima */
    }

    .author-name {
        font-size: 1.4em; /* Reduz o tamanho do nome */
    }

    .author-bio {
        font-size: 0.9em; /* Reduz o tamanho da fonte da biografia */
    }

    .author-social {
        margin-bottom: 15px;
    }

    .author-social a {
        font-size: 18px; /* Ajusta o tamanho dos ícones de redes sociais */
        width: 40px;
        height: 40px;
    }
}

/*		Hero section 		*/










.buy-presentation {
    display: inline-block;
    margin: 25px 5px;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    background-color: #e14a42;
	border: 2px solid #e14a42; /* Adiciona borda de 2px na cor #e14a42 */
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
	font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1em;
    
}

.buy-presentation:hover { 
    display: inline-block;
    margin: 25px 5px;
    padding: 10px 20px;
    text-decoration: none;
    color: #e14a42;  /* Cor do texto */
    background-color: #fff;
    border: 2px solid #e14a42; /* Adiciona borda de 2px na cor #e14a42 */
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Adiciona transição para a cor da borda */
    font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1em;
}

.email { 

	margin-top: -30px;
    color: #4081b3;  /* Cor do texto */
    

    
    font-family: "Merriweather Sans", serif;
    font-weight: 800;
  
    font-size: 2em;
}



/*		PROJETO 		*/




.projeto {
    width: 100%;
 padding: 75px 0 60px 0;
    display: flex; /* Ativa o Flexbox */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    padding: 0; /* Remove padding para evitar deslocamento */
    position: relative; /* Permite o uso de posicionamentos adicionais, se necessário */
    
	
}

.projeto_list {
    max-width: 500px; /* Define a largura */
    padding: 65px 0 60px 0; /* Define espaçamentos internos */
    text-align: center; /* Centraliza o texto dentro, se necessário */

}



.projeto .projeto_list h1{
  	color: #E14A42;
  	font-family: 'Lagarto Letreiros';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 4.5em;
	margin: -5px 0 20px 0;
	word-break: break-word;
}

.projeto .projeto_list p{
	color: #4081b3;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	margin-bottom: 10px;
	text-align: left;
	max-width: 750px;
}

.projeto .projeto_list .buy-presentation {
    display: inline-block;
   
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    background-color: #e14a42;
	border: 2px solid #e14a42; /* Adiciona borda de 2px na cor #e14a42 */
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
	font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1em;
    
}

.projeto .projeto_list .buy-presentation:hover { 
    display: inline-block;
     padding: 10px 20px;
    text-decoration: none;
    color: #e14a42;  /* Cor do texto */
    background-color: #fff;
    border: 2px solid #e14a42; /* Adiciona borda de 2px na cor #e14a42 */
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Adiciona transição para a cor da borda */
    font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1em;
}





/*		REGISTROS 		*/

.registros{
	width: 100%;
	padding: 75px 0 60px 0;
	background-color: #ffd731;
		position: relative;
	

}



.registros .registros_list h1{
	color: #E14A42;
  	font-family: 'Lagarto Letreiros';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 4.5em;
	margin: -5px 0 20px 0;
	word-break: break-word;
}

.registros .registros_list p{
	color: #E14A42;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	margin-bottom: 30px;
	
		max-width: 500px;
}

.registros img {
margin: 0px 0px 0px 10px;
}




/*		APOIE 		*/

.apoie{
	width: 100%;
	padding: 60px 0 0px 0;
		position: relative;


}



.apoie .apoie_list h1{
		color: #E14A42;
  	font-family: 'Lagarto Letreiros';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 4.5em;
	margin: -5px 0 20px 0;
	word-break: break-word;
	
}

.apoie .apoie_list p{
	color: #4081b3;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
		max-width: 500px;
		text-align: left;
}

.apoie .container_apoie {
	width: 750px;
	margin-left:auto;
	margin-right:auto;


}

.apoie .container_apoie .box1 {
	color: #6a70a8;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	padding: 10px;
	border: 1px solid #4081b3;
	width: 320px;
	float:left;
	margin-bottom:50px;
 }
 
 .apoie .container_apoie .box2 {
	color: #6a70a8;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	padding: 10px;
	border: 1px solid #4081b3;
	width: 320px;
	float:right;
		margin-bottom:50px;

 }

.apoie h3{
		color: #E14A42;
  	font-family: 'Lagarto Letreiros';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 2.5em;

	word-break: break-word;
}


a.apoie_link{
	text-decoration: none;
	color: #E14A42;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
}

a.apoie_link:hover,
a.apoie_link:active,
a.apoie_link:focus{
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	color: #8389c2!important;
	text-decoration:underline;
}

a.apoie_link {
	transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}



/*		CONTATO 		*/

.contato{
	width: 100%;
	padding: 60px 0 100px 0;
	background-color: #ffd731;
		position: relative;
	top:100px;

}

.contato_list h1{
		color: #E14A42;
  	font-family: 'Lagarto Letreiros';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 4.5em;
	margin: -5px 0 20px 0;
	word-break: break-word;
}

.contato_list p{
	color: #e14a42;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;

	
		max-width: 500px;
}

.formulario{
	color: #6a70a8;
	font-family: "Merriweather Sans", serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
	background-color: #fff;
	border: 2px solid #E14A42;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 8px;
	max-width:500px;
	width:100%;
	padding:5px;
	
 }

 
.btformulario{
    color: #f9f6f7;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size: 12pt;
    line-height: 22px;
	background-color: #E14A42;
	border: 2px solid #E14A42;
	border-radius: 8px;
	padding:5px;
	margin: 5px;
 }


/*		RODAPÉ 		*/

#footer{
	width: 100%;
	padding: 60px 0 20px 0;
	background-color: #E14A42;
	
	position: relative;
	
	
	height: 100%;
	font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-size: 0.8em;
    line-height: 1.8;
	color: #ffd731;

}

.patrocinio {
	width: 100%;
   margin-left:auto;
  margin-right:auto;
   margin-top: 20px;
  
}

.patrocinio p {
	width: 100%;
   margin-left:auto;
  margin-right:auto;
   margin-top: 20px;
   
}

.patrocinio img {
	margin: 5px 10px 20px 10px;
}


.social-icons {
  width: 247px;
  height:93px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(../img/splash.png);
  background-repeat:no-repeat;
  padding-top:20px;
}


.social-icons > a {

  color: #ffffff;
}
.social-icons > a i {
  font-size: 26px;
}
.fh5co-social-icons > a:hover, .fh5co-social-icons > a:focus, .fh5co-social-icons > a:active {
  text-decoration: none;
  color: #5a5a5a;
}

#footer p a {
  color: rgba(255, 255, 255, 0.5);
}
#footer p a:hover, #footer p a:active, #footer p a:focus {
  color: rgba(255, 255, 255, 0.9) !important;
}





/*		Responsive CSS 		*/

@media (max-width: 360px) {
	.featured_on li{
		display: block;
		width: 100%;
	}
	
}




@media (max-width: 768px) {


	/*		Header 		*/
	header{
	position: absolute;
	width: 100%;
	height: 80px;
	z-index: 99;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	
}
	

	header .burger_icon{
	display: block;
	position: relative;
	top: -40px;
	margin-right: 20px;
	}
	
	header .topo .logo{
		max-width:100%;
		position: relative;
		top: -6px;
		left: 10px;
		
		}
		
	header .topo .logo img{
		width:100%;
		margin-left: 20px;
		
		}
	
	header .topo .menu .nav{

		display: none;
		}
	
	header .topo .menu .nav{
		width: 100%;
		float: none;
		background-color: #ffd731;
		position: absolute;
		top:70px;
		left: 0;
		display: none;
		
		}

	header .topo .menu .nav .show{
		display: block;
		
		
	}


	header .topo .menu .nav li{
		display: block;
		width: 100%;
		margin: 0px;
		text-align: center;
		position: relative;
		top: 0px;
				}

	header .topo .menu .nav li a{
		display: block;
		width: 100%;	
		padding: 10px 0;
		border-bottom: 1px solid #f9f6f7;
		
	}

	header .topo .menu .nav li:first-child a{
		border-top: 1px solid #f9f6f7;
		margin: 0px;
				
	}

	

	












/* Ajustes para telas menores */
@media (max-width: 480px) {
	
	header{
	position: fixed;
	}
	
    header .logo {
        width: 260px; /* Reduz o tamanho da logo */
		top: 0;
    }

    header .menu .nav li a {
        font-size: 16px; /* Reduz o tamanho da fonte */
    }
}
		

 
 

















/* Topo Responsivo */
@media (max-width: 768px) {
    .hero {
        height: 500px; /* Reduz altura */
    }

    .hero .caption {
        max-width: 90%; /* Reduz a largura máxima */
        padding: 40px 15px; /* Ajusta padding */
    }

    .hero .caption h1 {
        font-size: 1.3em; /* Diminui tamanho do título */
    }

    .hero .caption p {
        font-size: 1em; /* Diminui tamanho do texto */
    }

    .caption .buy-presentation {
        font-size: 1em; /* Ajusta tamanho do botão */
    }
}


@media (max-width: 480px) {
    .hero {
        height: auto; /* Permite que a altura se ajuste ao conteúdo */
        background-attachment: scroll; /* Remove o efeito de fundo fixo */
		top: 80px;
    }

    .hero .caption {
        padding: 30px 10px; /* Reduz o padding */
    }

    .hero .caption h1 {
        font-size: 1.1em; /* Ajusta tamanho do título */
    }

    .hero .caption p {
        font-size: 1em; /* Ajusta tamanho do texto */
    }

    .caption .buy-presentation {
        padding: 8px 15px; /* Ajusta o padding do botão */
        font-size: 1em; /* Ajusta tamanho da fonte */
    }
	.hero .caption img{
	align: center;
	max-width: 300px;
	
}
}

/* Miolo  Responsivo */
@media (max-width: 768px) {
  /* Ajustes para celulares */
  .miolo .container {
	  max-width: 90%;
    padding: 15px;
	overflow: auto; /* Permite que o conteúdo rolável apareça se ultrapassar a altura */
	
  }
  

  .miolo .container .container_projeto {
    max-width: 100%;
    text-align: center;
	
  }

  .miolo .container p {
    max-width: 100%;
	   
  }
.miolo .container .container_projeto .box1{
 width: 100%; /* Define a largura das caixas */
  margin: 0 0 20px 0; /* Centraliza horizontalmente e adiciona espaçamento vertical */
  display: block; /* Garante que o elemento seja tratado como um bloco */
  
 
}

.miolo .container .container_projeto .box2 {
  width: 100%; /* Define a largura das caixas */
  margin: 0 0 80px 0; /* Centraliza horizontalmente e adiciona espaçamento vertical */
  display: block; /* Garante que o elemento seja tratado como um bloco */
}


  .miolo h1 {
    font-size: 3em;
  }

  .miolo h2 {
    font-size: 2em;
  }

  .miolo h3 {
    font-size: 2.5em;
  }

  .miolo .buy-presentation {
    font-size: 1em; /* Botões menores */
    padding: 8px 16px; /* Ajuste do preenchimento */
  }
}

@media (max-width: 480px) {
  /* Ajustes para telas muito pequenas */
  .miolo {
    padding: 10px 0 50px 0;
	overflow: auto; /* Permite que o conteúdo rolável apareça se ultrapassar a altura */
  }
  }

  .miolo h1 {
    font-size: 3em;
  }

  .miolo p {
    font-size: 1em;
    line-height: 1.8; /* Melhora a leitura em telas pequenas */
  }

  .miolo .container .buy-presentation {
    font-size: 0.8em;
    padding: 6px 12px;
	margin-bottom:25px;
  }
}


/* Conteúdo Responsivo */
@media (max-width: 768px) {
    .projeto {
        padding: 20px; /* Adiciona espaçamento interno */
        flex-direction: column; /* Alinha os elementos verticalmente */
    }

    .projeto_list {
        width: 90%; /* Reduz a largura */
        padding: 175px 0 30px 0; /* Ajusta o espaçamento interno */
    }

    .projeto .projeto_list h1 {
        font-size: 3em; /* Reduz o tamanho do título */
        margin: -5px 0 15px 0;
    }

    .projeto .projeto_list p {
        font-size: 1em; /* Reduz o tamanho do texto */
        line-height: 1.8;
        max-width: 100%; /* Remove a largura fixa */
    }


	
}

/* Ajuste para telas pequenas */
@media (max-width: 480px) {
    .projeto {
        padding: 10px; /* Reduz ainda mais o espaçamento interno */
        flex-direction: column;
    }

    .projeto_list {
        max-width: 90%; /* Garante que ocupa toda a largura disponível */
        padding: 145px 0 20px 0; /* Ajusta o espaçamento interno */
    }

    .projeto .projeto_list h1 {
        font-size: 3em; /* Ajusta o tamanho do título */
        margin: -5px 0 10px 0;
    }

    .projeto .projeto_list p {
        font-size: 1em; /* Reduz o tamanho do texto */
        line-height: 1.8; /* Ajusta o espaçamento entre linhas */
    }


}


/* Registros Responsivo */
@media (max-width: 768px) {
    .registros .registros_list h1 {
        font-size: 3em; /* Reduz o tamanho do título para telas menores */
    }

    .registros .registros_list p {
        font-size: 1em; /* Ajusta o tamanho da fonte do parágrafo */
        
    }
}

@media (max-width: 480px) {
    .registros {
        padding: 50px 10px 20px 10px; /* Ajusta o padding para dispositivos muito pequenos */

    }

    .registros .registros_list h1 {
        font-size: 3em; /* Ajusta ainda mais o tamanho do título */
    }

    .registros .registros_list p {
        font-size: 1em; /* Reduz ainda mais o tamanho da fonte do parágrafo */
        
    }

    .registros img {
        margin:  10px; /* Centraliza a imagem */
        display: block; /* Garante que a imagem fique sozinha em sua linha */
    }
}


/* apoie Responsivo */
@media (max-width: 768px) {
    .apoie .apoie_list h1 {
        font-size: 3.2em;
    }

    .apoie .container_apoie .box1,
    .apoie .container_apoie .box2 {
        width: 100%; /* Caixas ocupam 100% da largura */
    }

    .apoie .apoie_list p {
        font-size: 1em;
    }

    .apoie h3 {
        font-size: 2.5em;
    }
}

@media (max-width: 480px) {
    .apoie {
        padding: 100px 10px 70px 10px; /* Ajusta o padding para dispositivos menores */

    }

    .apoie .apoie_list h1 {
        font-size: 3em; 
line-height: 0.70em;
margin: 10px 0 15px 0;
    }

    .apoie .apoie_list p {
        font-size: 1em;    
    }

    .apoie h3 {
        font-size: 2.5em;
    }
	
	
 .apoie .container_apoie .box1,
    .apoie .container_apoie .box2 {
        width: 100%; /* Garante que as divs ocupem 100% da largura disponível */
        max-width: 100%; /* Remove qualquer largura fixa que ultrapasse os limites */
        padding: 10px; /* Mantém um padding consistente, sem causar overflow */
        margin: 0 auto 20px; /* Centraliza as divs e adiciona margem inferior */
        box-sizing: border-box; /* Inclui padding e bordas na largura total */
    }

    .apoie .container_apoie {
        padding: 0 10px; /* Adiciona padding interno ao container para evitar overflow */
		max-width: 80%;
    }	
	
}













/* Contato Responsivo */

@media (max-width: 768px) {
    .contato_list h1 {
        font-size: 3em; 
line-height: 0.70em; /* Reduz tamanho do título */
    }

    .contato_list p {
        font-size: 1em; /* Reduz tamanho do texto */
     
    }

    .formulario {
        max-width: 90%; /* Reduz largura máxima */
        padding: 10px;
    }

    .btformulario {
        font-size: 11pt; /* Ajuste de fonte para botões */
        padding: 8px 15px;
    }
}


@media (max-width: 480px) {
    .contato_list h1 {
        font-size: 3em; 
line-height: 0.70em; /* Ajuste para títulos menores */
        margin: 0px 0 15px 0;
    }

.email { 
	margin-top: -10px;
    font-size: 1.5em;
}


    .contato_list p {
        font-size: 1em; /* Ajusta tamanho do texto */
    }

    .formulario {
        max-width: 100%; /* Garante ocupação completa da tela */
        padding: 8px;
    }

    .btformulario {
        font-size: 10pt; /* Ajusta tamanho da fonte */
        padding: 6px 10px;
    }
}










/* Rodapé Responsivo */

@media (max-width: 768px) {
    #footer {
        font-size: 0.9em;
line-height: 1.8; /* Reduz o tamanho da fonte */
        padding: 30px 15px;
    }

    .social-icons {
        max-width: 247px; /* Reduz tamanho da área dos ícones */
    }

    .social-icons > a i {
        font-size: 22px; /* Reduz tamanho dos ícones */
    }
}

@media (max-width: 480px) {
    #footer {
        font-size: 0.9em; /* Reduz ainda mais o tamanho da fonte */
        padding: 20px 10px;
    }

    .social-icons {
        max-width: 247px; /* Reduz tamanho da área dos ícones */
    }
	  .social-icons img {
        max-width: 50px; /* Ajusta tamanho da área dos ícones para telas menores */
		
	}
	

    .patrocinio img {
        max-width: 80%; /* Ajusta imagens para ocupar menos espaço */
    }
}