@charset "utf-8";
*{
  margin:0px; 
  padding:0;
  border:0;
  
} 

  body{
	  background:#FFFFFF;
	  overflow-x: hidden;
      font-family: 'Montserrat', sans-serif;
           
	 
	 
  }

   a:link { 
   
  text-decoration:none; 
} 

a { 

  text-decoration:none; 
} 

 @media screen and (max-width:1920px) and (orientation: landscape) {
	 
	 
	 @viewport{
    zoom: 0.0;
    width: device-width;
	
	 }
     
     .container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 40px;
}

#container-principal{
	
	width:100%;
	min-width:1000px;
	height:100%;
	float:left;
	margin:auto;
	text-align:center; 
	

 }
	 
	 

#banner{
	
	position:relative;
float:left;
	width:100%;
	height:654px;	
	z-index: 77;
   background: url("../img/banner01.jpg") no-repeat top;
   background-size: cover;
	
	
}




	 #bemvindo{
	float:left;
		 width:100%;
		 height:710px;
		 position:relative;
		 z-index: 78;
		 background:url("../img/fundobemvindo.jpg") no-repeat bottom;
		 		
	 }

	 #conteudo-bemvindo{
		 width:1000px;
		 height:710px;
		 margin:auto;
		
		 
	 }
     
     
        #conteudo-bemvindo h1{
 font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
		 font-size: 54px;
		 font-display: swap;
		color: rgba(66,66,66,1.00);
		text-align: center;
		 margin-top: 47px;
		
		 width:1000px;
		 height:60px;
		 float:left;
		 
	 }
     
      #conteudo-bemvindo-esq{
      
		 width:440px;
		 height:auto;
		 float: left;
		
		 
	 }
	
	 
	 
     
     
     
      #conteudo-bemvindo-esq img{
		width:440px;
        height:auto;
		 margin-top: 95px;
		
		 
	 }
     
     
      #conteudo-bemvindo-dir{
		 width:540px;
		 height:auto;
		 float: right;
         text-align: right;
		
		 
	 }
     
  
	 
	 
	 
	 #conteudo-bemvindo-dir p{
     font-family: "Assistant", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;		
 font-size: 21px;
		 font-display: swap;
		 color:rgba(39,39,39,1.00);		 
		margin-top:170px;		
		 text-align:left;
		 line-height: 40px;
		 width:440px;
		 height:auto;
         margin-left: 37px;
		 float:left;
         text-overflow:ellipsis;
    overflow:hidden;
  	white-space:pre-line;
	display:list-item;
	direction: ltr;
		 
	 }
	 

#produtos{
margin-top: 47px;
float:left;
width:100%;
height:auto;
position: relative;

}

#conteudo-produtos{
margin:auto;
width:1000px;
height:auto;

}


#conteudo-produtostitulo{
margin:auto;
width:1000px;
height:auto;
text-align: center;
}


#conteudo-produtostitulo h1{
margin:auto;
width:1000px;
height:70px;
text-align: center;
color:rgba(66,66,66,1.00);
font-size: 47px;
margin-top: 57px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;




}


#dados-produtos{


width:100%;
height:554px;
float:left;


margin-top: 70px;
text-align: center;
background: url("../img/fundoservicos01.jpg") repeat center;

}


#conteudo-dadosprodutos{


width:1000px;
height:auto;
margin: auto;


margin-top: 40px;
text-align: center;

}





#conteudo-dadosprodutos h1{


width:400px;
height: auto;
margin-top: 160px;
margin-bottom: 27px;
text-align: center;
color:rgba(0,0,0,1.00);
font-size: 40px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: bolder;
  font-style: normal;
  line-height: 45px;
  letter-spacing: 3px;




}





#conteudo-dadosprodutos  a p{

margin-left: 87px;

width:220px;
height: 45px;

padding-top: 14px;
text-align: center;
color:rgba(255,255,255,1.00);
font-size: 26px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(44,49,144,1.00);
border-radius: 0px;
	transition: all 0.4s ease; 
letter-spacing: 1px;


}

#conteudo-dadosprodutos  a:hover p{



width:220px;
height: 45px;

padding-top: 14px;
text-align: center;
color:rgba(44,49,144,1.00);
font-size: 26px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(245,218,131,1.00);
border-radius: 0px;
	transition: all 0.4s ease; 
letter-spacing: 1px;


}

#conteudo-dadosprodutos img{
position: absolute;
float: right;

margin-top: -270px;
text-align: right;

}




#dados-produtos2{


width:100%;
height:554px;
float:left;


margin-top: 70px;
text-align: center;
background: url("../img/fundoservicos02.jpg") repeat center;

}


#conteudo-dadosprodutos2{


width:1000px;
height:auto;
margin: auto;


margin-top: 40px;
text-align: center;

}


#conteudo-dadosprodutos2 img{

float: left;

margin-top: 47px;
text-align: left;

}



#conteudo-dadosprodutos2 h1{


width:400px;
height: auto;
margin-bottom: 27px;
margin-top: 127px;
text-align: center;
color:rgba(0,0,0,1.00);
font-size: 40px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: bolder;
  font-style: normal;
  line-height: 45px;
  letter-spacing: 3px;
  float: right;




}






#conteudo-dadosprodutos2  a p{





width:220px;
height: 45px;
margin-right: 90px;
padding-top: 14px;
text-align: center;
color:rgba(255,255,255,1.00);
font-size: 26px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(44,49,144,1.00);
border-radius: 0px;
	transition: all 0.4s ease; 
letter-spacing: 1px;
  float: right;



}

#conteudo-dadosprodutos2  a:hover p{




 

width:220px;
height: 45px;

padding-top: 14px;
text-align: center;
color:rgba(44,49,144,1.00);
font-size: 26px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(245,218,131,1.00);
border-radius: 0px;
	transition: all 0.4s ease; 
letter-spacing: 1px;


}



#pecas{

float: left;
position: relative;
width:100%;
height: 735px;
margin-top: 47px;
background:url("../img/fundopecas.png") no-repeat center;

}

#pecas h1{

margin:auto;
width:1000px;
height:70px;
text-align: center;
color:rgba(66,66,66,1.00);
font-size: 47px;
margin-top: 57px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

}


#conteudopecas{



width:1000px;
height:auto;
margin: auto;


}

#conteudopecasesq{
margin-top: 70px;
width:321px;
height:auto;
float: left;


}


#conteudopecasesq img{
width:321px;
height:auto;
border-bottom: 7px solid rgba(245,218,131,1.00);
}

#conteudopecasesq p{
margin-top: 27px;
text-align: center;
font-size: 21px;
width:321px;
height:auto;
color:rgba(245,218,131,1.00);
}

#conteudopecasmeio{

margin-top: 70px;
margin-left: 18px;
width:321px;
height:auto;
float: left;
}

#conteudopecasmeio img{
width:321px;
height:auto;
border-bottom: 7px solid rgba(245,218,131,1.00);
}

#conteudopecasmeio p{
margin-top: 27px;
text-align: center;
font-size: 21px;
width:321px;
height:auto;
color:rgba(245,218,131,1.00);
}



#conteudopecasdir{
margin-top: 70px;
margin-left: 18px;
width:321px;
height:auto;
float: left;
}

#conteudopecasdir img{
width:321px;
height:auto;
border-bottom: 7px solid rgba(245,218,131,1.00);
}

#conteudopecasdir p{
margin-top: 27px;
text-align: center;
font-size: 21px;
width:321px;
height:auto;
color:rgba(245,218,131,1.00);
}


#maispecas {
margin-top: 47px;
width:100%;
height:auto;
text-align: center;
float:left;
}


#maispecas a p2{



width:477px;
height:75px;

padding: 14px;
text-align: center;
color:rgba(255,255,255,1.00);
font-size: 31px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(44,49,144,1.00);
border-radius: 0px;
  transition: all 0.3s ease-in-out;
letter-spacing: 1px;


}

#maispecas a:hover p2{


width:477px;
height: 75px;
padding: 14px;
text-align: center;
color:rgba(44,49,144,1.00);
font-size: 31px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(245,218,131,1.00);
border-radius: 0px;
  transition: all 0.3s ease-in-out;
letter-spacing: 1px;
 transform: translateY(-4px); /* Botão "pula" levemente para cima */
        box-shadow: 0 8px 20px rgba(255, 202, 40, 0.4); /* Cria uma sombra amarela brilhante */


}


.titulo-destaque {
margin-top: 70px;
        color: #1a237e;
        font-weight: 800;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        margin-bottom: 40px;
    }
    .titulo-destaque::after {
        content: '';
        position: absolute;
        width: 60%;
        height: 4px;
        background-color: #ffca28; /* Detalhe amarelo da Paimmaq */
        bottom: -10px;
        left: 20%;
    }

    /* Grid para 3 colunas */
    .destaque-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
        width: 100%;
    }
    @media (max-width: 768px) { .destaque-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 480px) { .destaque-grid { grid-template-columns: 1fr; } }

    /* Cards e Efeitos (mesmo da galeria) */
    .foto-card-destaque {
        border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        transition: transform 0.3s ease; background: #fff; cursor: pointer;
    }
    .foto-card-destaque:hover { transform: translateY(-5px); }
    .foto-img-container-destaque { width: 100%; height: 250px; overflow: hidden; position: relative; }
    .foto-img-container-destaque::after {
        content: '🔍 Ampliar'; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(32, 43, 112, 0.7); color: #ffca28; font-weight: bold;
        display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
        opacity: 0; transition: opacity 0.3s ease;
    }
    .foto-card-destaque:hover .foto-img-container-destaque::after { opacity: 1; }
    .foto-img-destaque { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
    .foto-card-destaque:hover .foto-img-destaque { transform: scale(1.1); }
    .foto-titulo-destaque { color: #1a237e; font-weight: 700; text-align: center; padding: 15px; margin: 0; font-size: 1.1rem; }

    /* Lightbox da Home */
    .lightbox-home {
        display: none; position: fixed; z-index: 99999; padding-top: 50px; left: 0; top: 0;
        width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85);
        justify-content: center; align-items: center; flex-direction: column;
    }
    .lightbox-home.mostrar { display: flex; }
    .lightbox-img-home { max-width: 90%; max-height: 75vh; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); object-fit: contain; }
    .lightbox-fechar-home { position: absolute; top: 20px; right: 40px; color: #f1f1f1; font-size: 50px; font-weight: bold; cursor: pointer; transition: 0.3s; }
    .lightbox-fechar-home:hover { color: #ffca28; }
    .lightbox-titulo-home { color: #fff; font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-align: center; text-shadow: 2px 2px 5px rgba(0,0,0,0.8); }

/* Estilos do Botão da Galeria */
    .btn-galeria {
    margin-top: 47px;
        background-color: #202b70;
        color: #ffffff !important;
        font-weight: 700;
        font-size: 1.3rem;
        text-transform: uppercase;
        padding: 12px 35px;
       
        border: 2px solid #202b70;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
        display: inline-block;
        letter-spacing: 1px;
    }

    /* Efeito ao passar o mouse */
    .btn-galeria:hover {
        background-color: #f5da83; /* Fica amarelo */
        color: #202b70 !important; /* Texto fica azul escuro */
        border-color: #f5da83;
        transform: translateY(-4px); /* Botão "pula" levemente para cima */
        box-shadow: 0 8px 20px rgba(255, 202, 40, 0.4); /* Cria uma sombra amarela brilhante */
    }


#parceiros{
margin-top: 170px;
float:left;
width:100%;
height:870px;
background: url("../img/fundoparceiros.jpg") no-repeat center;
background-size: cover;
position: relative;


}


#parceiros h1{
margin-top: 70px;
float:left;
width:100%;
height:auto;
text-align: center;
font-size: 34px;


}






#parceiros img{
width:100%;
height:auto;
margin-top: 47px;    
text-align: center;
}
	 
	
       #whats{
     float:left;
     width:100%;
     height:350px;
          text-align: center;
          background: rgba(255,255,255,1.00);

     
     
     }
     
     
       #whats img{
    margin-top: 90px;
     text-align: center;
     
     
     }
     
    
    
    
}	

























/*celular*/

@media screen and (max-width:960px) and (orientation: portrait){ 
	
		 @viewport{
    zoom: 0.0;
    width: device-width;
	
	 }
	
	
	
	#container-principal{
	
	width:100%;
	min-width:350px;
	height:100%;
	float:left;
	margin:auto;
	text-align:center; 
	

 }
	 
	 

#banner{
	margin-top: 70px;
	position:relative;
float:left;
	width:100%;
	height:217px;	
	z-index: 77;
   background: url("../img/banner01.jpg") no-repeat top;
   background-size: cover;
	
	
}




	 #bemvindo{
	float:left;
		 width:100%;
		 height:847px;
		 position:relative;
		 z-index: 78;
		 background:url("../img/fundobemvindo.jpg") no-repeat top;
      
		 		
	 }

	 #conteudo-bemvindo{
		 width:350px;
		 height:auto;
		 margin:auto;
		
		 
	 }
     
     
        #conteudo-bemvindo h1{
 font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
		 font-size: 47px;
		 font-display: swap;
		color: rgba(66,66,66,1.00);
		text-align: center;
		 margin-top: 47px;
		
		 width:350px;
		 height:40px;
		 float:left;
		 
	 }
     
      #conteudo-bemvindo-esq{
      
		 width:350px;
		 height:auto;
		 float: left;
		
		 
	 }
	
	 
	 
     
     
     
      #conteudo-bemvindo-esq img{
		width:350px;
        height:auto;
		 margin-top: 70px;
		
		 
	 }
     
     
      #conteudo-bemvindo-dir{
		 width:350px;
		 height:auto;
		 float: right;
         text-align: right;
		
		 
	 }
     
  
	 
	 
	 
	 #conteudo-bemvindo-dir p{
     font-family: "Assistant", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;		
 font-size: 21px;
		 font-display: swap;
		 color:rgba(39,39,39,1.00);		 
		margin-top:34px;		
		 text-align:left;
		 line-height: 30px;
		 width:350px;
		 height:auto;
        
		 float:left;
         text-overflow:ellipsis;
    overflow:hidden;
  	white-space:pre-line;
	display:list-item;
	direction: ltr;
		 
	 }
	 

#produtos{
margin-top: 47px;
float:left;
width:100%;
height:auto;
position: relative;

}

#conteudo-produtos{
margin:auto;
width:350px;
height:auto;

}


#conteudo-produtostitulo{
margin:auto;
width:350px;
height:auto;
text-align: center;
}


#conteudo-produtostitulo h1{
margin:auto;
width:350px;
height:70px;
text-align: center;
color:rgba(66,66,66,1.00);
font-size: 37px;
margin-top: 57px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;




}


#dados-produtos{


width:100%;
height:auto;
float:left;
padding-bottom: 47px;

margin-top: 70px;
text-align: center;
background: url("../img/fundoservicosmobile.png") repeat top;

}


#conteudo-dadosprodutos{


width:350px;
height:auto;
margin: auto;


margin-top: 40px;
text-align: center;

}





#conteudo-dadosprodutos h1{


width:350px;
height: auto;
margin-top: 27px;
margin-bottom: 27px;
text-align: center;
color:rgba(0,0,0,1.00);
font-size: 40px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: bolder;
  font-style: normal;
  line-height: 45px;
  letter-spacing: 3px;




}





#conteudo-dadosprodutos  a p{

margin-left:63px;

width:220px;
height: 45px;

padding-top: 14px;
text-align: center;
color:rgba(255,255,255,1.00);
font-size: 26px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(44,49,144,1.00);
border-radius: 0px;
	transition: all 0.4s ease; 
letter-spacing: 1px;


}

#conteudo-dadosprodutos  a:hover p{



width:220px;
height: 45px;

padding-top: 14px;
text-align: center;
color:rgba(44,49,144,1.00);
font-size: 26px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(245,218,131,1.00);
border-radius: 0px;
	transition: all 0.4s ease; 
letter-spacing: 1px;


}

#conteudo-dadosprodutos img{
margin-top: 34px;
float: left;
width: 350px;
height: auto;

text-align: center;

}




#dados-produtos2{


width:100%;
height:auto;
float:left;


margin-top: 70px;
text-align: center;
background: url("../img/fundoservicosmobile.png") repeat top;
padding-bottom: 47px;

}


#conteudo-dadosprodutos2{


width:350px;
height:auto;
margin: auto;


margin-top: 40px;
text-align: center;

}


#conteudo-dadosprodutos2 img{

float: left;
width: 350px;
height: auto;
margin-top: 07px;
text-align: center;

}



#conteudo-dadosprodutos2 h1{


width:350px;
height: auto;
margin-bottom: 27px;
margin-top: 127px;
text-align: center;
color:rgba(0,0,0,1.00);
font-size: 40px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: bolder;
  font-style: normal;
  line-height: 45px;
  letter-spacing: 3px;
  float: right;




}






#conteudo-dadosprodutos2  a p{





width:220px;
height: 45px;
margin-right: 70px;
padding-top: 14px;
text-align: center;
color:rgba(255,255,255,1.00);
font-size: 26px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(44,49,144,1.00);
border-radius: 0px;
	transition: all 0.4s ease; 
letter-spacing: 1px;
  float: right;



}

#conteudo-dadosprodutos2  a:hover p{




 

width:220px;
height: 45px;

padding-top: 14px;
text-align: center;
color:rgba(44,49,144,1.00);
font-size: 26px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(245,218,131,1.00);
border-radius: 0px;
	transition: all 0.4s ease; 
letter-spacing: 1px;


}



#pecas{

float: left;
position: relative;
width:100%;
height: auto;
margin-top: 47px;


}

#pecas h1{

margin:auto;
width:350px;
height:70px;
text-align: center;
color:rgba(66,66,66,1.00);
font-size: 47px;
margin-top: 57px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

}


#conteudopecas{



width:350px;
height:auto;
margin: auto;


}

#conteudopecasesq{
margin-top: 70px;
width:350px;
height:auto;
float: left;
background:url("../img/fundopecas.png") no-repeat bottom;

}


#conteudopecasesq img{
margin-top: 27px;
width:321px;
height:auto;
border-bottom: 7px solid rgba(245,218,131,1.00);
}

#conteudopecasesq p{
margin-top: 27px;
margin-bottom: 27px;
text-align: center;
font-size: 21px;
width:321px;
height:auto;
color:rgba(245,218,131,1.00);
}

#conteudopecasmeio{

margin-top: 70px;

width:350px;
height:auto;
float: left;
background:url("../img/fundopecas.png") no-repeat bottom;
}

#conteudopecasmeio img{
width:321px;
height:auto;
border-bottom: 7px solid rgba(245,218,131,1.00);
}

#conteudopecasmeio p{
margin-top: 27px;
margin-bottom: 27px;
text-align: center;
font-size: 21px;
width:350px;
height:auto;
color:rgba(245,218,131,1.00);
}



#conteudopecasdir{
margin-top: 70px;

width:350px;
height:auto;
float: left;
background:url("../img/fundopecas.png") no-repeat bottom;
}

#conteudopecasdir img{
margin-top: 27px;
width:321px;
height:auto;
border-bottom: 7px solid rgba(245,218,131,1.00);
}

#conteudopecasdir p{
margin-top: 27px;
margin-bottom: 27px;
text-align: center;
font-size: 21px;
width:350px;
height:auto;
color:rgba(245,218,131,1.00);
}


#maispecas {
margin-top: 47px;
width:100%;
height:auto;
text-align: center;
float:left;
}


#maispecas a p2{



width:477px;
height:75px;

padding: 14px;
text-align: center;
color:rgba(255,255,255,1.00);
font-size: 31px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(44,49,144,1.00);
border-radius: 0px;
  transition: all 0.3s ease-in-out;
letter-spacing: 1px;


}

#maispecas a:hover p2{


width:477px;
height: 75px;
padding: 14px;
text-align: center;
color:rgba(44,49,144,1.00);
font-size: 31px;
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
background: rgba(245,218,131,1.00);
border-radius: 0px;
  transition: all 0.3s ease-in-out;
letter-spacing: 1px;
 transform: translateY(-4px); /* Botão "pula" levemente para cima */
        box-shadow: 0 8px 20px rgba(255, 202, 40, 0.4); /* Cria uma sombra amarela brilhante */


}


.titulo-destaque {
margin-top: 100px;
        color: #1a237e;
        font-weight: 800;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        margin-bottom: 40px;
    }
    .titulo-destaque::after {
        content: '';
        position: absolute;
        width: 60%;
        height: 4px;
        background-color: #ffca28; /* Detalhe amarelo da Paimmaq */
        bottom: -10px;
        left: 20%;
    }

    /* Grid para 3 colunas */
    .destaque-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
        width: 350px;
        margin: auto;
    }
    @media (max-width: 768px) { .destaque-grid { grid-template-columns: repeat(1, 1fr); } }
    @media (max-width: 480px) { .destaque-grid { grid-template-columns: 1fr; } }

    /* Cards e Efeitos (mesmo da galeria) */
    .foto-card-destaque {
        border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        transition: transform 0.3s ease; background: #fff; cursor: pointer;
    }
    .foto-card-destaque:hover { transform: translateY(-5px); }
    .foto-img-container-destaque { width: 100%; height: 250px; overflow: hidden; position: relative; }
    .foto-img-container-destaque::after {
        content: '🔍 Ampliar'; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(32, 43, 112, 0.7); color: #ffca28; font-weight: bold;
        display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
        opacity: 0; transition: opacity 0.3s ease;
    }
    .foto-card-destaque:hover .foto-img-container-destaque::after { opacity: 1; }
    .foto-img-destaque { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
    .foto-card-destaque:hover .foto-img-destaque { transform: scale(1.1); }
    .foto-titulo-destaque { color: #1a237e; font-weight: 700; text-align: center; padding: 15px; margin: 0; font-size: 1.1rem; }

    /* Lightbox da Home */
    .lightbox-home {
        display: none; position: fixed; z-index: 99999; padding-top: 50px; left: 0; top: 0;
        width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85);
        justify-content: center; align-items: center; flex-direction: column;
    }
    .lightbox-home.mostrar { display: flex; }
    .lightbox-img-home { max-width: 90%; max-height: 75vh; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); object-fit: contain; }
    .lightbox-fechar-home { position: absolute; top: 20px; right: 40px; color: #f1f1f1; font-size: 50px; font-weight: bold; cursor: pointer; transition: 0.3s; }
    .lightbox-fechar-home:hover { color: #ffca28; }
    .lightbox-titulo-home { color: #fff; font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-align: center; text-shadow: 2px 2px 5px rgba(0,0,0,0.8); }

/* Estilos do Botão da Galeria */
    .btn-galeria {
    margin-top: 47px;
        background-color: #202b70;
        color: #ffffff !important;
        font-weight: 700;
        font-size: 1.3rem;
        text-transform: uppercase;
        padding: 12px 35px;
       
        border: 2px solid #202b70;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
        display: inline-block;
        letter-spacing: 1px;
    }

    /* Efeito ao passar o mouse */
    .btn-galeria:hover {
        background-color: #f5da83; /* Fica amarelo */
        color: #202b70 !important; /* Texto fica azul escuro */
        border-color: #f5da83;
        transform: translateY(-4px); /* Botão "pula" levemente para cima */
        box-shadow: 0 8px 20px rgba(255, 202, 40, 0.4); /* Cria uma sombra amarela brilhante */
    }


#parceiros{
margin-top: 70px;
padding-bottom: 47px;
float:left;
width:100%;
height:auto;
background: url("../img/fundoparceiros.jpg") no-repeat top;
background-size: cover;
position: relative;


}


#parceiros h1{
margin:auto;
padding-top: 47px;
width:350px;
height:auto;
text-align: center;
font-size: 31px;
font-weight: bold;


}






#parceiros img{
width:100%;
height:147px;
object-fit: cover;
margin-top: 47px;    
text-align: center;
}
	 
	
       #whats{
     float:left;
     width:100%;
     height:auto;
          text-align: center;
          background: rgba(255,255,255,1.00);

     
     
     }
     
     
       #whats img{
       width:300px;
       height:auto;
    margin-top: 70px;
    margin-bottom: 70px;    
     text-align: center;
     
     
     }
     
    
    
    
}