/* DIV Pai */
.hero 
{
    width: 100%;
    height: calc(45vh - 60px);

    /*
	display: flex;
    align-items: center;      
    justify-content: flex-start; 
	*/
	
	min-height:350px;
	max-height:850px;

    overflow: hidden;
	
	font-family: var(--fonte);
	color:var(--dark);
	font-size:40px;
	
	/*font-weight:700;*/
	line-height:1.05;
	flex-direction: column; /* Garante o fluxo vertical */
	box-sizing: border-box; /* Garante que paddings não estoure o tamanho */
	background-size:cover;
	/*background-position:right;*/
	background-image:url(../img/f6.jpg);
	background-position: 65% center;
}

.frase_hero
{
	font-size:20px;
	text-align:center
}

.frase2_hero
{
	font-size:20px; 
	line-height: 1.8;
	text-align:center
}

/* DIV Filho */
.filho 
{
    display: flex;
    align-items: center;
    justify-content: flex-start;

    margin: 0;
    padding: 0;
    border: 0;

    
    line-height: 0.9;   /* ou 1 */
    text-align: left;
    /*background: rgba(255, 255, 255, 0.8);*/
    font-size:60px
}

/* Todo o conteúdo dentro da DIV Filho */
.filho,
.filho * 
{
    margin: 0;
    padding: 0;
    line-height: .8;
}

.tam_conteudo2
{
	/*
	width:1100px;
	height:100%;
	*/
	/*background:pink;*/
	
	
	/*
	display: flex;
    align-items: center;      
    justify-content: flex-start;
	*/
	max-width:538px;
}
.tam_conteudo
{
	position:relative;
	width:calc(100% - 40px);
	height:100%;
	/*background:green;*/
	
	
	display: flex;
    align-items: center;      
    justify-content: center;
	
/*	max-width:533px;*/
}

.galeria_blocos_meio_destaques_hero
{
	position:relative;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.blocos_meio_1
{
	/*
	position:relative;
	width:calc(33% - 0px);
	padding:0px;
	background:transparent;
	border-radius:var(--border-radius);
	border:0px solid var(--light-gray);
	text-align:center;
	font-size:var(--tam_fonte_15);
	color:var(--dark);
	-webkit-transition: var(--transition);
	transition: var(--transition);
	transform-origin: center center;
   	will-change: transform;
   	backface-visibility: hidden;
		
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between; 
	box-sizing: border-box;
	font-weight:bold;
	
	line-height:.1;
	*/
	position:relative;
		width:calc(25% - 0px);
		padding:10px;
		background:var(--branco);
		border-radius:var(--border-radius);
		/*border:1px solid var(--light-gray);*/
		text-align:center;
		font-size:var(--tam_fonte_15);
		color:var(--dark);
		-webkit-transition: var(--transition);
		transition: var(--transition);
		transform-origin: center center;
     	will-change: transform;
     	backface-visibility: hidden;
		
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: space-between; 
		box-sizing: border-box;
		
		line-height: 1.5;
		
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.3)
}

.bolinha_hero
{
	position:relative; 
	/*width:40px; 
	height:40px; 
	border-radius:50%; 
	*/
	/*
	background-color:#FFFFFF33;
	background-color:var(--light-gray);
	*/
	display: flex;
	justify-content: center;
	align-items: center;
}

.cp_busca_hero
{
	height:100%; 
	width:100%;
	margin:0;
	border:0;
	outline:0;
	font-family: var(--fonte);
	font-size:var(--tam_fonte_16);
	color:var(--dark);
	
	 overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Aplica em todos os inputs e textareas do site */
input::placeholder, 
textarea::placeholder {
  color: #000000;
  opacity: 1; /* Garante que o navegador não aplique transparência automática */
}

/*
.seu-campo::placeholder {
  color: #000000;
  opacity: 1;
}
*/

.bt_busca_hero
{
	outline:0;
	border:0;
	margin:0;
	height:50px;
	background-color: var(--primary);
	border-radius:8px;
	padding-left:20px;
	padding-right:20px;
	
	font-family: var(--fonte);
	font-size:var(--tam_fonte_20);
	color:var(--branco);
	
	cursor:pointer;
	transition:  0.3s ease;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.bt_busca_hero:hover, .bt_busca_hero:focus
{
	background-color: var(--verde-primario);
}

.hero_frasesinha
{
	display:none;
}

.bloco_direita
{
	display:none;
}

.galeria_blocos_meio_hero
{
	position:relative;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.blocos_meio_02_hero
{
    /* Faz com que cabem 2 cards por linha no lado direito (descontando o gap) */
    width: calc(50% - 10px); 
    padding: 8px;
    background: var(--branco, #fff);
    border-radius: var(--border-radius, 8px);
    
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    text-align: center;
	line-height:1.3;
	
	-webkit-transition: var(--transition);
	transition: var(--transition);
	transform-origin: center center;
   	will-change: transform;
   	backface-visibility: hidden;
	
	display: flex;		
		flex-direction: column;
		justify-content: space-between; 
		box-sizing: border-box;		
		flex-wrap: wrap;
}
.separador_hero
{
	width:100%; height:100px;display:none
}

@media screen and (min-width: 961px) and (max-width: 1119px)
{
	.tam_conteudo
	{
		width:calc(100% - 40px);
		height:100%;	
		
		display: flex;
		align-items: center;      
		justify-content: flex-start;
		
	/*	max-width:533px;*/
	}

	.hero 
	{
		height: calc(50vh - 60px);
		background-position: 65% center;
		background-size:auto;
		font-size:60px;
    }
	
	.frase_hero
	{
		font-size:32px;
		text-align:left
	}
	
	.frase2_hero
	{
		font-size:20px; 
		line-height: 1.2;
		text-align:left
	}
	
	.hero_frasesinha
	{
		display:block;
	}
	
	.cp_busca_hero
	{
		height:100%; 
		width:100%;
		margin:0;
		border:0;
		outline:0;
		font-family: var(--fonte);
		font-size:var(--tam_fonte_20);
		color:var(--dark);
	}
	
	.bloco_direita
	{
		position:absolute; 
		/*background:red; */
		top:0; 
		right:0; 
		width:310px; 
		height:100%; 
		display: flex;
		justify-content: center;
		align-items: center;
		
		font-family: var(--fonte);
		font-size:var(--tam_fonte_15);
		color:var(--dark);			
	}
	
	.galeria_blocos_meio_hero
	{
		position:relative;
		display: none;
		gap: 20px;
		flex-wrap: wrap;
	}
	
	.blocos_meio_02_hero
	{
		/* Faz com que cabem 2 cards por linha no lado direito (descontando o gap) */
		width: calc(50% - 10px); 
		padding: 8px;
		background: var(--branco, #fff);
		border-radius: var(--border-radius, 8px);
		
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		text-align: center;
		line-height:1.3;
		
		-webkit-transition: var(--transition);
		transition: var(--transition);
		transform-origin: center center;
		will-change: transform;
		backface-visibility: hidden;
		
		display: none;		
			flex-direction: column;
			justify-content: space-between; 
			box-sizing: border-box;		
			flex-wrap: wrap;
	}
	.separador_hero
	{
		width:100%; height:100px;display:none
	}
	
	.blocos_meio_02_hero:hover
	{
		transform: scale(1.05);
	}
	
	.direitinha:hover
	{
		transform: scale(1.05);
	}
	
	.direitinha
	{
		background:white; 
		width:90%;
		position:relative; 
		border-radius:8px; 
		padding:8px;  
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
		
		transition: var(--transition);
		transform-origin: center center;
		will-change: transform;
		backface-visibility: hidden;
	}
}

@media screen and (min-width: 1120px)
{
	.tam_conteudo
	{
		width:1100px;
		height:100%;	
		
		display: flex;
		align-items: center;      
		justify-content: flex-start;
		
	/*	max-width:533px;*/
	}
	
	.hero 
	{
		height: calc(45vh - 60px);
		background-position: right;
		font-size:60px;
		/*height:430px;*/
    }
	
	.frase_hero
	{
		font-size:32px;
		text-align:left
	}
	
	.frase2_hero
	{
		font-size:20px; 
		line-height: 1.2;
		text-align:left
	}
	
	.hero_frasesinha
	{
		display:block;
	}
	
	.cp_busca_hero
	{
		height:100%; 
		width:100%;
		margin:0;
		border:0;
		outline:0;
		font-family: var(--fonte);
		font-size:var(--tam_fonte_20);
		color:var(--dark);
	}
	
	.bloco_direita
	{
		position:absolute; 
		/*background:red; */
		top:0; 
		right:0; 
		width:320px; 
		height:100%; 
		display: flex;
		justify-content: center;
		align-items: center;
		
		font-family: var(--fonte);
		font-size:var(--tam_fonte_15);
		color:var(--dark);		
	}
	
	.galeria_blocos_meio_hero
	{
		position:relative;
		display: none;
		gap: 20px;
		flex-wrap: wrap;
	}
	
	.blocos_meio_02_hero
	{
		/* Faz com que cabem 2 cards por linha no lado direito (descontando o gap) */
		display: none;	
		width: calc(50% - 10px); 
		padding: 0px;
		background: var(--branco, #fff);
		border-radius: var(--border-radius, 8px);
		
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		text-align: center;
		line-height:1.3;
		
		-webkit-transition: var(--transition);
		transition: var(--transition);
		transform-origin: center center;
		will-change: transform;
		backface-visibility: hidden;
		
		display: none;		
			flex-direction: column;
			justify-content: space-between; 
			box-sizing: border-box;		
			flex-wrap: wrap;
	}
	.separador_hero
	{
		width:100%; height:100px;display:none
	}
	
	.direitinha:hover
	{
		transform: scale(1.05);
	}
	
	.direitinha
	{
		background:white; 
		width:90%;
		position:relative; 
		border-radius:8px; 
		padding:8px;  
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
		
		transition: var(--transition);
		transform-origin: center center;
		will-change: transform;
		backface-visibility: hidden;
	}
}