/* ==========================================================================
   marino.css — CLAUDE 2026-09-29: identidade da Lotérica Marino (só neste site).
   Barra superior azul royal + linha dourada (opção C escolhida pelo Mauro), combinando com o logo.
   ========================================================================== */
.header {
  background: linear-gradient(90deg, #123c8c 0%, #1e5bd8 100%) !important;
  border-bottom: 3px solid #f5b50a !important;
  box-shadow: 0 4px 14px rgba(18, 60, 140, .25) !important;
}
/* menu do computador: letras brancas, dourado ao passar o mouse */
.header .nav > a, .header .nav > .nav-link, .header .nav-item > a, .header .nav-item > .nav-link { color: #fff !important; }
.header .nav > a:hover, .header .nav-link:hover, .header .nav-item > a:hover { color: #ffd24a !important; }
.header .menu-toggle { color: #fff !important; }
.header .hamburger span { background: #fff !important; }
/* menus suspensos continuam brancos, com letra escura */
.header .dropdown-menu a { color: #0f172a !important; }
.header .dropdown-menu a:hover { color: #123c8c !important; }
/* menu que abre no celular: azul com letra branca */
@media (max-width: 768px) {
  .header-content .nav { background: #123c8c !important; }
  .header-content .nav a { color: #fff !important; border-bottom-color: rgba(255, 255, 255, .15) !important; }
  .header-content .nav.is-open .dropdown-menu a { color: #dbe6ff !important; }
}

/* rodapé com os dados legais */
.footer.footer-marino { background: linear-gradient(180deg, #0f2152 0%, #0b1a3f 100%); border-top: 3px solid #f5b50a; padding: 2rem 0 5.5rem; }
.footer-marino .container { max-width: 900px; }
.footer-marino p { margin: 0 0 .6rem; line-height: 1.55; }
.footer-marino .fm-titulo { font-weight: 700; font-size: 1rem; }
.footer-marino .footer-small { font-size: .82rem; opacity: .85; }
.footer-marino a { color: #ffd24a; text-decoration: underline; }
.footer-marino .fm-selo { display: inline-block; font-weight: 900; font-size: .75rem; border: 2px solid #fff; border-radius: 50%; width: 30px; height: 30px; line-height: 26px; text-align: center; margin-right: 6px; vertical-align: middle; }
.footer-marino a { display: inline !important; padding: 0 !important; }