@import url(configs.css);
header .botao-container{
display: none;
}
/*Estilos da seção inical/apresentação*/
.apresentacao {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 95vh;
background-image: url('../imagens/tentativa2.png');
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
background-attachment: fixed;
transition: background-image 2.3s;
}
.apresentacao_conteudo {
display: flex;
flex-direction: column;
align-items: left;
justify-content: center;
background-color: #09193086;
gap: 30px;
height: 95vh;
width: 100%;
padding-left: 2%;
}
.apresentacao_texto {
font-size: 3.1em;

text-shadow: 10px 10px 50px #09193086;
}
.ilustracao{
display: none;
}
.botoes-acoes{
display:flex ;
gap: 40px;
}
.botao-acao{
display: flex;
align-items: center;
justify-content: center;
}
.servicos {
display: flex;
flex-direction: column;
background-color: var(--corSecao);
padding: 80px 20px;
text-align: left;
align-items: center;
}

/* Centralizar header */
.servicos-header {
display: flex;
flex-direction: column;
align-items: center; /* Centraliza a imagem e o título horizontalmente */
justify-content: center; /* Centraliza verticalmente */
gap: 10px; /* Espaçamento entre a imagem e o título */
width: 100%; /* Garante que ocupe a largura total */
}

.servicos-header img {
width: 60px; /* Tamanho ideal para dispositivos móveis */
}

/* Alinhar conteúdos dos cards */
.servicos_card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between; /* Garante espaçamento uniforme */
gap: 30px;
padding: 30px 0px; /* Ajusta o espaçamento interno */
width: 100%; /* O card ocupa a largura total */
border-bottom: 1px solid var(--corSecundaria);
}
.servicos_conteudo {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
max-width: 1200px;
}
/* Ajuste do título */
.servicos_nome {
font-size: 1.5em;
font-weight: bold;
color: var(--corTextoBranco);
margin: 0;
text-align: center;
}
/* Ajuste da descrição */
.servicos_descricao {
font-size: 1.2em;
margin: 10px auto;
text-align: center;
color: var(--corTexto);
}
/* Ajuste do botão */
.servicos-btn {
background-color: var(--corPrincipal);
color: var(--corTextoBranco);
border: none;
padding: 10px 15px;
border-radius: 5px;
width: 50%; /* Tamanho proporcional em telas pequenas */
font-weight: bold;
cursor: pointer;
text-align: center;
}
.botao {
background-color: var(--corSecundaria);
padding: 10px 30px;
color: var(--corTextoBranco);
text-decoration: none;
font-weight: 500;
font-size: 1.2em;
border: none;
border-radius: 50px;
cursor: pointer;
}
/* Hover e foco */
.botao:hover {
background-color: var(--corHover);
transform: translateY(-8px);
}
/* Estilos Gerais da Seção */
.motivos-section {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
padding: 40px 0px;
gap: 50px;
}
.motivos-section h2 {
font-size: 2.2em; 
width: 80%;
}
.motivos-texto{
font-size: 1.2rem;
width: 90%;
line-height:1.3;
text-align:left;
}
/* Container de Diferenciais */
.diferenciais {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-wrap: wrap;
background-color: #09193086;
gap: 2rem;
}

.diferencial {
border: 1px solid var(--corSecundaria);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 10px;
width: 250px;
text-align: center;
}
.diferencial .icone {
font-size: 3rem;
color: var(--corSecundaria);
margin-bottom: 1rem;
}
.diferencial h4 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.diferencial p {
font-size: 1rem;
line-height: 1.5;
}
/* Contato */
.contatos {
padding: 80px 20px; /* Ajustando o padding para mobile */
background-color: var(--corSecao);
}
.contatos-container {
display: flex;
flex-direction: column;
max-width: 1200px;
margin: 0 auto;
}
.contatos-header {
margin-bottom: 20px; /* Reduzindo o espaço */
}
.contatos-titulo {
font-size: 2rem; /* Ajustando o tamanho do título para mobile */
text-align: center; /* Centralizando o título */
}
.contatos-subtitulo {
font-size: 1.1rem;
text-align: center; /* Centralizando o subtítulo */
margin-top: 10px;
}
.contatos-content {
display: flex;
flex-direction: column; /* Layout em coluna no mobile */
gap: 20px; /* Espaçamento entre os elementos */
}
.contatos-form {
width: 100%; /* Aumenta a largura do formulário em telas pequenas */
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 10px;
border: 2px solid var(--corSecao);
border-radius: 4px;
}
.contatos a {
    color: var(--corTextoBranco);
}
.contatos p:hover {
color: var(--corSecundaria);
transform: translateY(-8px);
}
.contatos-info {
text-align: center; /* Centralizando as informações de contato */
width: 100%; /* Ajustando a largura para mobile */
}
.contatos-info h3 {
font-size: 1.5rem;
margin-bottom: 10px;
}
.contatos-info p {
font-size: 1.2rem;
margin-bottom: 15px;
}
.form-btn{
display: flex;
justify-content: center;
width: 100%;
}
/* Media Queries para telas maiores (desktop) */
@media (min-width: 768px) {
.contatos-content {
flex-direction: row; /* Layout em linha no desktop */
justify-content: space-between;
}
.contatos-form {
width: 45%; /* Ajustando largura para desktop */
}
.contatos-info {
text-align: right; /* Alinhando à esquerda */
width: 45%; /* Ajustando a largura para desktop */
}
.contatos-titulo {
font-size: 2.5rem;
text-align: left; /* Aumentando o tamanho do título no desktop */
}
.contatos-subtitulo {
font-size: 1.3rem;
text-align: left;
}
.form-btn{
justify-content: left;
}
}