:root{
  --brand-navy:#0B1B2B;
  --brand-gold:#D4AF37;
  --brand-slate:#3B4A5A;
  --paper:#F7F8FA;
}

body{background:var(--paper); color:#1f2a37;}
a{color:inherit}
.brand-navy{color:var(--brand-navy)!important;}
.bg-brand-navy{background:var(--brand-navy)!important;}
.btn-gold{
  background:var(--brand-gold);
  border-color:var(--brand-gold);
  color:#1b1b1b;
  font-weight:800;
}
.btn-gold:hover{filter:brightness(.95);}
.navbar{backdrop-filter:saturate(180%) blur(10px);}
.hero{
  position:relative;
  background:
    radial-gradient(900px 520px at 15% 10%, rgba(212,175,55,.18), transparent 60%),
    linear-gradient(180deg, #07121d 0%, #0B1B2B 60%, rgba(11,27,43,0) 100%);
  color:#fff;
  overflow:hidden;
}
.hero .hero-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:1.25rem;
  overflow:hidden;
}
.hero .hero-img{
  width:100%;
  aspect-ratio: 16/10;
  background:#0c2238 url("assets/hero.jpg") center/cover no-repeat;
}
.badge-soft{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
}
.section{padding:64px 0;}
.card-soft{
  border:1px solid rgba(11,27,43,.10);
  border-radius:1.25rem;
  box-shadow:0 12px 30px rgba(11,27,43,.06);
}
.icon-pill{
  width:48px;height:48px;border-radius:16px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(212,175,55,.18);
  border:1px solid rgba(212,175,55,.28);
  color:var(--brand-navy);
  font-weight:900;
}
.photo{
  border-radius:1.25rem;
  border:1px solid rgba(11,27,43,.10);
  min-height:340px;
  background-color:#e9eef4;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.photo.atendimento{
  background-image:url("assets/atendimento.jpg");
  background-size:cover;
  background-position:center top;
  min-height:420px;
}
.photo.fachada{background-image:url("assets/fachada.jpg");}
.photo.autoridade{background-image:url("assets/autoridade.jpg");}
.small-muted{color:#6b7280;}
.sticky-cta{
  position:fixed; right:18px; bottom:18px; z-index:1050;
  background:#25D366; color:#0B1B2B; text-decoration:none;
  border-radius:999px;
  padding:12px 14px;
  font-weight:900;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.sticky-cta:hover{filter:brightness(.98);}
.shadow-xl{box-shadow:0 18px 50px rgba(11,27,43,.20)!important;}
.footer-note{font-size:.9rem;color:#6b7280;}

@media (max-width:768px){
  .photo.atendimento{
    min-height:360px;
    background-position:center top;
  }
}