/* Reset e base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; line-height:1.6; color:#333; background:#f9fafb; }
a { text-decoration:none; color:inherit; }
h1,h2,h3 { margin-bottom:10px; }
p { margin-bottom:15px; }
section { padding:60px 20px; max-width:1100px; margin:auto; }
.btn { background:#2563eb; color:white; padding:12px 24px; border-radius:8px; display:inline-block; transition:0.3s; }
.btn:hover { background:#1e40af; cursor:pointer; }

/* Navbar */
header { position:fixed; top:0; left:0; width:100%; background:white; box-shadow:0 2px 5px rgba(0,0,0,0.1); z-index:1000; }
nav { max-width:1100px; margin:auto; display:flex; justify-content:space-between; align-items:center; padding:15px 20px; }
nav ul { display:flex; gap:20px; list-style:none; }
nav a:hover { color:#2563eb; }

/* Hero */
.hero { text-align:center; padding:120px 20px 80px; background: linear-gradient(to right, #2563eb, #1e40af); color:white; }
.hero h1 { font-size:2.5rem; margin-bottom:20px; }
.hero p { font-size:1.2rem; margin-bottom:30px; }

/* Grid */
.grid { display:grid; gap:20px; }
@media(min-width:768px){ .grid-2{grid-template-columns:repeat(2,1fr);} .grid-3{grid-template-columns:repeat(3,1fr);} }
.card { background:white; padding:20px; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.1); text-align:center; transition:0.3s; }
.card:hover { transform: translateY(-5px); box-shadow:0 8px 20px rgba(0,0,0,0.15); }

/* Benefícios */
.beneficio { font-size:2.5rem; margin-bottom:10px; color:#2563eb; }


.video-container {
  max-width: 800px;
  margin: 20px auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.video-container video {
  width: 100%;
  height: auto;
  display: block;
}


/* Contato */
form { display:grid; gap:15px; max-width:500px; margin:auto; }
input, textarea { padding:12px; border:1px solid #ddd; border-radius:8px; width:100%; transition:0.3s; }
input:focus, textarea:focus { border-color:#2563eb; outline:none; }

/* Footer */
footer { background:#111827; color:#9ca3af; text-align:center; padding:20px; }

/* Fade-in animação */
.fade-in { opacity:0; transform:translateY(20px); transition:all 1s ease; }
.fade-in.visible { opacity:1; transform:translateY(0); }