*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif}
.container{width:90%;max-width:1200px;margin:auto}
header{background:#0a2a43;color:#fff;padding:15px}
.nav{display:flex;justify-content:space-between;align-items:center}
nav a{color:#fff;margin-left:15px;text-decoration:none}
.hero{background:#1e4c72;color:#fff;padding:100px 0}
.hero-flex{display:flex;align-items:center;gap:40px}
.hero img{max-width:100%}
.btn{background:#ff9800;color:#fff;padding:12px 25px;text-decoration:none;display:inline-block;margin-top:10px;transition:.3s}
.btn:hover{background:#e68900}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:40px 0}
.card{padding:25px;background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.08);text-align:center;transition:.3s}
.card:hover{transform:translateY(-8px)}
.diferenciais{background:#f5f7fa;padding:60px 0}
.cta{background:#0a2a43;color:#fff;text-align:center;padding:60px}
input,textarea{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:6px}
button{background:#0a2a43;color:#fff;padding:12px;border:none}
footer{text-align:center;background:#000;color:#fff;padding:20px;margin-top:60px}

.whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #25D366;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  transition: 0.3s;
}

.whatsapp img {
  width: 32px;
  height: 32px;
}

.whatsapp:hover {
  transform: scale(1.1);
}
.fade{opacity:0;transform:translateY(40px);transition:1s}
.fade.show{opacity:1;transform:translateY(0)}