
:root{
  --azul: #002b5b;
  --azul-claro: #004b9a;
  --dourado: #ffd700;
  --cinza-claro: #f8f9fb;
  --texto: #222;
  --glass: rgba(255,255,255,0.06);
}

*{box-sizing:border-box;margin:0;padding:0;font-family:'Poppins',system-ui,Arial,sans-serif}
body{background:var(--cinza-claro);color:var(--texto);-webkit-font-smoothing:antialiased;}
.container{width:92%;max-width:1100px;margin:0 auto}

/* NAV */
.navbar{position:fixed;inset:0 0 auto 0;z-index:60;background:linear-gradient(180deg, rgba(0,43,91,0.9), rgba(0,43,91,0.75));backdrop-filter:blur(6px);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;gap:12px;align-items:center}
.logo{background:white;color:var(--azul);padding:8px 12px;border-radius:8px;font-weight:700}
.brand-title{color:white;font-size:1.05rem}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{color:white;text-decoration:none;font-weight:600;transition:color .2s}
.nav-links a.highlight{color:var(--dourado)}
.menu-toggle{display:none;background:transparent;border:none;color:white;font-size:1.3rem}

/* Mobile menu */
.mobile-menu{display:none;flex-direction:column;background:rgba(255,255,255,0.03);padding:14px;border-top:1px solid rgba(255,255,255,0.04)}

/* HERO */
.hero-modern{height:88vh;display:flex;align-items:center;position:relative;background:url('https://images.unsplash.com/photo-1579621970795-87facc2f976d?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;border-bottom-left-radius:16px;border-bottom-right-radius:16px;margin-top:64px}
.hero-modern .overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.52), rgba(0,0,0,0.38));border-radius:inherit}
.hero-content{position:relative;color:white;text-align:center;z-index:2;padding:40px}
.hero-content h2{font-size:2.4rem;margin-bottom:12px;line-height:1.05}
.hero-content p{font-size:1.05rem;margin-bottom:18px;opacity:0.95}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.cta{background:var(--dourado);color:var(--azul);padding:12px 22px;border-radius:10px;text-decoration:none;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,0.12);transition:transform .18s ease}
.cta:hover{transform:translateY(-3px)}
.ghost{background:transparent;border:1px solid rgba(255,255,255,0.12);color:white;padding:10px 18px;border-radius:10px;text-decoration:none}

/* Sections */
.section{padding:64px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.grid img{width:100%;border-radius:12px;display:block}

/* bullets */
.bullets{list-style:disc;margin-top:12px;margin-left:18px;color:rgba(0,0,0,0.75)}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.service-card{background:white;padding:22px;border-radius:12px;text-align:center;box-shadow:0 6px 18px rgba(15,23,42,0.06);transition:transform .25s,box-shadow .25s}
.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,23,42,0.09)}
.service-card svg{width:36px;height:36px;margin-bottom:10px;color:var(--azul)}

/* Contact */
.contact-form{max-width:660px;margin:0 auto;display:grid;gap:12px}
input,textarea{padding:12px;border-radius:10px;border:1px solid #e0e6ef;font-size:1rem;resize:vertical}
.form-status{font-size:0.95rem;color:var(--azul);margin-top:8px}

/* footer */
footer{padding:34px 0;background:var(--azul);color:white;margin-top:28px;border-top-left-radius:10px;border-top-right-radius:10px}
footer p{font-weight:600}
footer small{opacity:0.9;display:block;margin-top:8px}

/* Responsive */
@media(max-width:900px){
  .grid{grid-template-columns:1fr;gap:18px}
  .hero-content h2{font-size:1.8rem}
}
@media(max-width:720px){
  .nav-links{display:none}
  .menu-toggle{display:block}
  .mobile-menu{display:none}
  .hero-modern{height:70vh;margin-top:56px}
  .hero-content h2{font-size:1.6rem}
  .cta{padding:10px 16px}
}
