/* Reset básico */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Arial', sans-serif; background:#fff; color:#333; line-height:1.6; }

/* Header */
.header { background:#fff; padding:20px 0; border-bottom:1px solid #e0e0e0; position:sticky; top:0; z-index:1000; }
.header-container { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.logo img { width:120px; height:auto; }
.nav a { margin-left:20px; text-decoration:none; color:#333; font-weight:bold; transition:color 0.3s; }
.nav a:hover, .nav a.active { color:#4D96FF; }

/* Hero */
.hero { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:60px 20px; background:#f7f9fc; min-height:400px; opacity:1; }
.hero-text { flex:1; min-width:300px; margin-right:20px; }
.hero-text h1 { font-size:2.5rem; margin-bottom:20px; }
.hero-text p { font-size:1.1rem; margin-bottom:20px; }
.btn-primary { display:inline-block; padding:12px 25px; background:#4D96FF; color:#fff; border-radius:8px; text-decoration:none; font-weight:bold; transition:background 0.3s; }
.btn-primary:hover { background:#0056b3; }
.hero-image img { max-width:100%; height:auto; border-radius:10px; }

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

/* Footer */
.footer { background:#f7f9fc; padding:20px 0; text-align:center; border-top:1px solid #e0e0e0; }
.footer a { color:#4D96FF; text-decoration:none; }
.footer a:hover { text-decoration:underline; }

/* Responsividade */
@media(max-width:768px) {
  .hero { flex-direction:column; text-align:center; }
  .hero-text { margin-right:0; margin-bottom:20px; }
}