:root {
     /* Ajuste as cores aqui p/ casar com a identidade visual */
     --brand: #0a3d62;
     /* primária */
     --brand-2: #e74c3c;
     /* destaque/botões */
     --ink: #1a1a1a;
     /* textos */
     --muted: #6c757d;
     /* texto secundário */
     --bg-soft: #f7f9fc;
     /* fundos suaves */
 }

 html,
 body {
     font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     color: var(--ink)
 }

 a {
     color: var(--brand)
 }

 a:hover {
     color: #07324f
 }

 .topbar {
     background: var(--brand);
     color: #fff;
     font-size: .925rem
 }

 .topbar a {
     color: #fff;
     text-decoration: none
 }

 .topbar .social a {
     opacity: .9
 }

 .topbar .social a:hover {
     opacity: 1
 }

 .navbar {
     box-shadow: 0 8px 24px rgba(10, 61, 98, .06)
 }

 .navbar-brand img {
     height: 46px
 }

 .nav-link {
     font-weight: 500
 }

 .nav-link.active {
     color: var(--brand-2) !important
 }

 .btn-brand {
     background: var(--brand-2);
     color: #fff;
     border: none
 }

 .btn-brand:hover {
     filter: brightness(.95);
     color: #fff
 }

 .hero {
     position: relative;
     background: linear-gradient(135deg, #0a3d62 0%, #0b4e7d 50%, #0a3d62 100%);
     color: #fff;
     padding: 64px 0;
 }

 .hero .breadcrumb a {
     color: #f1f1f1
 }

 .hero .display-5 {
     font-weight: 700
 }

 .section {
     padding: 56px 0
 }

 .cta-strip {
     background: var(--brand);
     color: #fff;
     padding: 36px 0;
     border-radius: 16px;
 }

 .footer {
     background: #0c2237;
     color: #cdd6df
 }

 .footer a {
     color: #cdd6df;
     text-decoration: none
 }

 .footer a:hover {
     color: #fff
 }

 .footer .title {
     color: #fff;
     font-weight: 600;
     letter-spacing: .3px
 }

 .copyright {
     background: #091a2b;
     color: #aeb7c1;
     font-size: .95rem
 }

 .rounded-2xl {
     border-radius: 1rem
 }

 .shadow-soft {
     box-shadow: 0 8px 24px rgba(10, 61, 98, .08)
 }

 .offcanvas .nav-link {
     padding: .5rem 0
 }

 @media (max-width: 768px) {
     footer .title {
         margin-top: 20px;
     }
 }