/* RESET */
*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial, sans-serif;
background:#122033;
color:white;
overflow-x:hidden;
}

/* HEADER */
header{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 80px;
position:absolute;
top:0;
left:0;
width:100%;
z-index:1000;
background:rgba(8,47,77,0.65);
backdrop-filter: blur(4px);
}

/* LOGO */
.logo img{
height:105px;
width:400px;
}
.logo img:hover{
transform:scale(1.08);
}

/* MENU */
nav ul{
list-style:none;
display:flex;
gap:25px;
}

nav a{
color:white;
text-decoration:none;
font-weight:bold;
font-size:15px;
transition:0.3s;
display:inline-block;
}

nav a:hover{
transform:scale(1.1);
}

nav a.ativo{
color:#00c3ff;
}

/* HERO (CARROSSEL ORIGINAL) */
.hero{
position:relative;
height:100vh;
display:flex;
align-items:center;
padding:0 120px;
overflow:hidden;
}

.hero-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center;
opacity:0;
transition:opacity 1s ease-in-out;
z-index:0;
}

.hero-bg.ativo{
opacity:1;
}

.hero::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
z-index:1;
}

.hero-conteudo{
position:relative;
z-index:2;
max-width:600px;
}

.hero h1{
font-size:48px;
margin-bottom:20px;
}

.hero p{
font-size:18px;
margin-bottom:25px;
}

/* BOTÃO */
.btn{
background:#2ecc71;
padding:15px 30px;
color:white;
text-decoration:none;
border-radius:5px;
font-weight:bold;
transition:0.3s;
display:inline-block;
}

.btn:hover{
transform:scale(1.05);
background:#27ae60;
}

/* BARRA */
.diferencial-bar{
background:#0a1f38;
padding:25px 80px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
gap:20px;
}

.diferencial-bar strong{
color:#00c3ff;
}

/* CONTAINER */
.container{
max-width:1200px;
margin:0 auto;
padding:0 40px;
}

/* SERVIÇOS */
.servicos{
background:#081a2f;
padding:80px 0;
}

.servicos h2{
text-align:center;
margin-bottom:10px;
font-size:30px;
}

.servicos p{
text-align:center;
color:#cfcfcf;
margin-bottom:50px;
}

/* GRID */
.solucoes-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

/* CARDS */
.card-servico{
padding:30px;
border-radius:12px;
color:white;
transition:0.3s;
}

.card-servico:nth-child(1){ background:linear-gradient(135deg,#004e92,#000428); }
.card-servico:nth-child(2){ background:linear-gradient(135deg,#0f9b8e,#1a2a6c); }
.card-servico:nth-child(3){ background:linear-gradient(135deg,#b31217,#240b36); }
.card-servico:nth-child(4){ background:linear-gradient(135deg,#1f4037,#99f2c8); color:#000;}
.card-servico:nth-child(5){ background:linear-gradient(135deg,#134E5E,#71B280); }
.card-servico:nth-child(6){ background:linear-gradient(135deg,#373B44,#4286f4); }

.card-servico:hover{
transform:translateY(-8px) scale(1.03);
box-shadow:0 15px 40px rgba(0,0,0,0.4);
}

/* CTA AJUSTADO */
.cta-box{
padding:40px 0 80px; /* 🔥 MENOS ESPAÇO EM CIMA */
background:#081a2f;
margin-top:-40px; /* 🔥 SOBE A CAIXA */
}

.cta-container{
background:linear-gradient(135deg,#0077cc,#00c3ff);
padding:60px 40px;
border-radius:12px;
text-align:center;
max-width:1200px;
margin:0 auto;
box-shadow:0 15px 40px rgba(0,0,0,0.4);
}

.cta-container h2{
margin-bottom:15px;
}

.cta-container p{
margin-bottom:30px;
}

.cta-container .btn{
margin-top:10px;
}

/* FOOTER */
footer{
padding:20px 80px;
background:#081423;
display:flex;
justify-content:space-between;
align-items:center;
}

/* CONTATO */
.contato-info{
display:flex;
align-items:center;
gap:25px;
}

.contato-info a{
color:white;
text-decoration:none;
display:flex;
align-items:center;
position:relative;
transition:0.3s;
}

/* FONE (VERDE) */
.fone-link:hover{
transform:scale(1.15);
}

.fone-link i{
color:#25D366 !important;
}


/* EMAIL (VERDE) */
.email-link:hover{
transform:scale(1.1);
}

.email-link i{
color:#25D366 !important;
}

.email-link span{
position:absolute;
left:30px;
opacity:0;
font-weight:bold;
white-space:nowrap;
transition:0.3s;
}

.email-link:hover span{
opacity:1;
left:35px;
}

/* REDES */
.social-icons{
display:flex;
gap:12px;
}

.social-icons a{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(0,0,0,0.3);
font-size:18px;
opacity:0.7;
transition:0.3s;
}

.social-icons a:hover{
opacity:1;
transform:scale(1.1);
}

.social-icons a:nth-child(1){ color:#25D366; }
.social-icons a:nth-child(2){ color:#FF0000; }
.social-icons a:nth-child(3){ color:#E4405F; }

/* WHATSAPP */
.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:25px;
color:white;
z-index:999;
transition:0.3s;
}

.whatsapp:hover{
transform:scale(1.1);
background:#1ebe5d;
}

.hero-empresa{
margin-top:110px;
}

.hero-empresa{
margin-top:140px;

/* FUNDO CORRETO */
background:
linear-gradient(rgba(5,10,20,0.75), rgba(5,10,20,0.75)),
url('img/fundo-empresa.png');

background-size:cover;
background-position:center;
background-repeat:no-repeat;
}