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

body{

background:#050505;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;

}

.container{

width:90%;
max-width:1280px;
margin:auto;

display:flex;

align-items:center;

justify-content:space-between;

}

.ventus-header{

background:#050505;

padding:20px 0;

position:fixed;

width:100%;

top:0;

left:0;

z-index:999;

border-bottom:1px solid rgba(255,255,255,.08);

}

.menu{

display:flex;

gap:35px;

list-style:none;

}

.menu a{

color:#FFF;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.menu a:hover{

color:#00B7FF;

}

.btn-cotacao{

background:#006CFF;

padding:14px 28px;

border-radius:8px;

color:#FFF;

text-decoration:none;

font-weight:bold;

transition:.3s;

}

.btn-cotacao:hover{

background:#00B7FF;

}
/* HERO */

.hero{

height:100vh;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

position:relative;

background:
linear-gradient(rgba(5,5,5,.88),rgba(5,5,5,.94)),
url('../images/backgrounds/hero.jpg');

background-size:cover;

background-position:center;

}

.hero-overlay{

position:absolute;

inset:0;

background:radial-gradient(circle,#006CFF22 0%,transparent 70%);

}

.hero-content{

position:relative;

z-index:2;

max-width:900px;

padding:20px;

}

.hero h1{

font-size:64px;

line-height:1.1;

color:#00B7FF;

font-weight:800;

margin-bottom:20px;

text-transform:uppercase;

}

.hero h2{

font-size:34px;

margin-bottom:25px;

font-weight:600;

}

.hero p{

font-size:20px;

color:#d9d9d9;

margin-bottom:40px;

}

.hero-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.btn-primary{

background:#006CFF;

padding:16px 34px;

border-radius:10px;

text-decoration:none;

color:#FFF;

font-weight:bold;

transition:.3s;

}

.btn-primary:hover{

background:#00B7FF;

}

.btn-secondary{

border:2px solid #00B7FF;

padding:16px 34px;

border-radius:10px;

text-decoration:none;

color:#FFF;

transition:.3s;

}

.btn-secondary:hover{

background:#00B7FF;

}/* ===========================
   QUEM SOMOS
=========================== */

.sobre{

padding:120px 0;

background:#0a0a0a;

}

.sobre .container{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.subtitulo{

color:#00B7FF;

font-weight:bold;

letter-spacing:3px;

}

.sobre h2{

font-size:46px;

margin:20px 0;

}

.sobre p{

font-size:18px;

line-height:1.8;

color:#ddd;

margin-bottom:30px;

}

.sobre ul{

list-style:none;

}

.sobre li{

margin:15px 0;

font-size:18px;

}

.sobre img{

width:100%;

max-width:550px;

display:block;

margin:auto;

filter:drop-shadow(0 0 35px #006cff);

}/* ===========================
   SERVIÇOS
=========================== */

.servicos{

padding:120px 0;

background:#050505;

}

.titulo-centro{

text-align:center;

margin-bottom:60px;

}

.titulo-centro span{

color:#00B7FF;

font-weight:bold;

letter-spacing:3px;

}

.titulo-centro h2{

font-size:46px;

margin:15px 0;

}

.titulo-centro p{

color:#cfcfcf;

font-size:18px;

}

.cards-servicos{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:50px;

}

.card-servico{

background:#111;

padding:35px;

border-radius:18px;

border:1px solid rgba(0,183,255,.15);

transition:.35s;

}

.card-servico:hover{

transform:translateY(-8px);

box-shadow:0 0 30px rgba(0,183,255,.35);

}

.card-servico h3{

color:#00B7FF;

margin-bottom:18px;

font-size:24px;

}

.card-servico p{

color:#ddd;

line-height:1.7;

}/* ===========================
   PARCEIROS
=========================== */

.parceiros{

padding:120px 0;

background:#0a0a0a;

}

.grid-parceiros{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.parceiro{

background:#111;

border:1px solid rgba(0,183,255,.15);

border-radius:18px;

padding:30px;

display:flex;

justify-content:center;

align-items:center;

height:180px;

transition:.35s;

}

.parceiro:hover{

transform:translateY(-8px);

box-shadow:0 0 30px rgba(0,183,255,.35);

}

.parceiro img{

max-width:180px;

max-height:80px;

width:auto;

height:auto;

object-fit:contain;

filter:grayscale(100%);

transition:.35s;

}

.parceiro:hover img{

filter:grayscale(0%);

transform:scale(1.05);

}