/**************/



.box-retangular-logo{

width:220px;
height:70px;
margin:10px 10px 5px 10px;
padding:5px;
float:left;
display: inline-block;
color:aliceblue; 
font-size:40px;



}
@media (max-width: 900px) {
.box-retangular-logo {
font-size:30px;
margin-top:20px

}
}

box-retangular-logo {
  width:220px;
  height: 70px;
  background-color: aqua;
  margin: 10px 10px 5px 10px;
  padding: 5px;
  float: left;
  display: inline-block;
  color: aliceblue;
  font-size: 40px;
}

/* controle direto da imagem dentro da caixa */
.box-retangular-logo img {
  height: 70px;  /* padrão desktop */
  width: auto;   /* mantém proporção */
}

/* versão mobile */
@media (max-width: 900px) {
  .box-retangular-logo {
    font-size: 30px;
    margin-top: 20px;
    height: auto; /* deixa a altura da div se ajustar à imagem */
  }

  .box-retangular-logo img {
    height: 50px; /* reduz tamanho no celular */
  }
}









.box-retangular-contato{

width:60px;
height:auto;
margin:25px 20px 5px 20px;
padding:5px;
font-size:15px;
float:right;
right: 0;
position: absolute;
color: #FFCC00;
text-decoration: none;

}




/***************/


.header {
	width:100%;
	height: 100px;
	background-color:#fff;
	border-radius:1px;  
	text-align:center;  
	cursor:pointer;
	
	top: 0;
	
	/*display: flex;*/
	flex-wrap: wrap;
	box-shadow: -1px 3px 30px 3px rgba(0,0,0,0.30);
	-webkit-box-shadow: -1px 3px 5px 3px rgba(0,0,0,0.30);
	-moz-box-shadow: -1px 3px 20px 3px rgba(0,0,0,0.30);
	
}







.box-retangular-menu{

width:auto;
height:auto;
margin:10px 3px 1px 15px;
padding:1px;
text-align:center;
float:left;



}




.banner {

background-color: #e74c3c;
padding: 20px;
height:2px;
width:80%;
margin-top:150px;
margin-left:auto;
margin-right:auto;


}

/*.container-corpo {
background:var(--card);
background:url('../img/BG-header.png')no-repeat center center;
border-radius:var(--radius);
box-shadow:0 8px 30px rgba(4,30,60,0.06);
 background-size: cover;   /* cobre toda a div 
  
   overflow: hidden; evita que a imagem transborde 
  
}
*/

	.container-corpo-1 {
	
	box-shadow:0 8px 30px rgba(4,30,60,0.06);
	overflow: hidden; /* evita que a imagem transborde */
	height:auto;;
	width:100%;
	background-color:#0066CC;
	
	}
	
	.Banner-top-logo{
	
	font-size: 18px;
	background: #FFcc00;
	background: -webkit-linear-gradient(to right, #FFcc00 0%, #FFA73D 30%, #FF7C00 60%, #FF7F04 100%);
	background: -moz-linear-gradient(to right, #FFcc00 0%, #FFA73D 30%, #FF7C00 60%, #FF7F04 100%);
	background: linear-gradient(to right, #FFcc00 0%, #FFA73D 30%, #FF7C00 60%, #FF7F04 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Arial, sans-serif;
	animation: animarTexto 2s infinite alternate; /* Define a animação */
	
	
	}

/* Define a animação usando @keyframes */
@keyframes animarTexto {
  0% {
    transform: scale(1); /* Estado inicial */
  }
  60% {
    transform: scale(1.1); /* Estado final */
  }
}

@media (max-width: 900px) {
.div-container {
width: 100%;
}
}




.footer {
 display: flex;
    flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha */
    justify-content: center; /* Centraliza os itens horizontalmente */
    align-items: flex-start; /* Alinha os itens no topo da linha */
    gap: 20px;
    padding: 30px;
    color:#292929;
    border-top: 5px solid #0668b2; 

}

/* Estilo para cada caixa (item) do rodapé */
.footer-box {
    flex-basis: 250px; /* Largura base para cada item */
    flex-grow: 1; /* Permite que os itens cresçam para preencher o espaço disponível */
    padding: 15px;
    text-align: center; /* Centraliza o texto dentro de cada caixa */
}

/* Estilos de links e texto para o rodapé */
.footer-box a {
    color: #292929;
    text-decoration: none;
    font-weight: bold;
}

.footer-box a:hover {
    text-decoration: underline;
}

.footer-box p {
    margin: 0 0 10px 0;
}

/* --- Media Query para Dispositivos Móveis --- */
@media (max-width: 900px) {
    .footer-box {
        flex-basis: 100%; /* Em telas menores, cada caixa ocupa a largura total */
    }
}
			




.div-left{

width:20%;
border-radius:5px;
margin:15px 10px 10px 10px; 
padding:1px;
height:auto;
float:left;
flex-wrap: wrap;
align-items: center;


}



@media only screen and (max-width: 900px) {
.div-left {
display: none;
}
}



.div-center{
width:55%;
min-height:400px;
border-radius:5px;
margin:15px 5px 15px 5px;
padding:5px;
float:left;
text-align: center;
display: flex; /* Usar flex container */
justify-content: space-between; /* Espaço igual entre elementos */
align-items: center; /* Centralizar verticalmente */




}

@media (max-width: 900px) {
.div-center {
width: 98%;
}
}

.box-1{

width: 280px;
height: 250px;
background-color: #fff; 
border: 3px solid #0668b2; 
border-radius:10px;
font-size:1em;
margin-bottom:10px;
padding:15px;
margin-right:15px;



}

.box-1 a {

text-decoration:none;
color:#292929;



}

.box-1:hover {

background: rgb(6, 104, 178); 
background: linear-gradient(3deg, #0668b2 0%, #044d80 67%);

color: #fff; /* Cor da fonte quando o mouse passa por cima */
border-radius:10px;
border:1px solid #6945B1; 
}

.box-1:hover a {


color: #fff; /* Cor da fonte quando o mouse passa por cima */
}



/* Media query para dispositivos móveis (largura menor que 768px) */
@media screen and (max-width: 768px) {

.div-center {
flex-direction: column; /* Divs abaixo uma da outra */
align-items: center; /* Centralizar verticalmente */


}
.quadra {
margin-bottom: 15px; /* Espaço entre as divs */
}
}





.div-right {

width:20%;
border-radius:5px;
margin:15px 10px 10px 10px; 
padding:1px;
height:auto;
float:left;
align-items: center;
justify-content: center;


}




@media only screen and (max-width: 900px) {
.div-right {
display: none;
}
}





.div-bg-n{
width:80%; 
height:auto; 
background-color:#FFCC66;
margin: 10px; 
border-radius: 5px;
box-shadow: 1px 2px 2px 2px rgba(12,12,12,0.2); 
border:2px #FFCC00 solid;
padding:20px; 
line-height:35px; 
margin-right: auto; 
margin-left: auto;
flex-wrap: wrap;  
display: flex;
justify-content: center;



}

@media (max-width: 900px) {
.div-bg-n{
width:98%;
}
}

.div-coluna-bg {
width:40%;
border-radius:5px;
margin:15px 10px 10px 10px; 
padding:5px 25px 5px 25px;
height:auto;
display: inline-block;  
/** centralizador**/
align-items: center;
justify-content: center;
/** centralizador**/
font-size:18px;
font-family:Arial, Helvetica, sans-serif;


}

@media (max-width: 900px) {
.div-coluna-bg {
width:98%;
}
}



.auto-style2 {
font-size:30px;
font-family:"Courier New", Courier, monospace;
}




.auto-style3 {
font-size: large;
}


	.div-bg-t{
		width:35%; 
		height:auto; 
		padding:10px 30px 15px 30px;; 	
		margin:0 auto;
		margin-bottom:10px;
		background-color:#fff;
		color:#000;

		}
		
		@media (max-width: 900px) {
		.div-bg-t{
		width:90%;
		}
		}



h1{
	color:#0668b2;

}

h2{
	color:#003366;

}


.box-retangular1{
 margin-left:30px; 
 margin-top:10px;  
 width:250px; 

 color:#000;
 text-align: center; 

	
}