/* ╔══════════════════════════════════════════════════════════════╗ ║ F5 NOVA CURSOS — ESTILOS DO MENU DE NAVEGAÇÃO GLOBAL ║ ║ Arquivo: nav.css (raiz do projeto) ║ ║ ║ ║ Importado por TODAS as páginas no : ║ ║ ║ ║ (páginas em subpastas usam: href="../nav.css") ║ ║ ║ ║ Para mudar o visual do menu em TODO o site: ║ ║ → edite apenas este arquivo ║ ╚══════════════════════════════════════════════════════════════╝ */ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; display: flex; align-items: center; justify-content: space-between; padding: 0 5%; height: 72px; background: #fff; box-shadow: 0 2px 16px rgba(10,22,40,.08); border-bottom: 2px solid rgba(33,85,184,.07); } .nav-logo img { height: 44px; } .nav-links { display: flex; align-items: center; gap: 4px; list-style: none; } .nav-links a, .nav-links a:link, .nav-links a:visited { color: #0a1628; text-decoration: none; font-size: .9rem; font-weight: 700; padding: 8px 13px; border-radius: 8px; transition: color .2s, background .2s; } .nav-links a:hover, .nav-links a.active { color: #2155b8; background: rgba(33,85,184,.08); } .nav-dropdown { position: relative; } .nav-dropdown > a::after { content: ' ▾'; font-size: .7em; } .dropdown-menu { display: none; position: absolute; top: calc(100% + 8px); left: 0; background: #fff; border: 1px solid rgba(33,85,184,.12); border-radius: 12px; min-width: 240px; padding: 8px; box-shadow: 0 20px 40px rgba(10,22,40,.12); } .nav-dropdown:hover .dropdown-menu { display: block; } .dropdown-menu a { display: block; padding: 10px 14px; color: #0a1628; font-size: .87rem; font-weight: 600; border-radius: 8px; text-decoration: none; } .dropdown-menu a:hover { background: rgba(33,85,184,.08); color: #2155b8; } .nav-cta { background: #f5b800 !important; color: #0a1628 !important; font-weight: 800 !important; padding: 9px 20px !important; border-radius: 8px !important; box-shadow: 0 4px 14px rgba(245,184,0,.3) !important; transition: background .2s, transform .2s !important; } .nav-cta:hover { background: #e6a500 !important; transform: translateY(-1px) !important; } .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; } .hamburger span { display: block; width: 24px; height: 2px; background: #0a1628; border-radius: 2px; } /* ── MOBILE ── */ @media (max-width: 900px) { .nav-links { display: none; } .hamburger { display: flex; } nav.open .nav-links { display: flex; flex-direction: column; position: absolute; top: 72px; left: 0; right: 0; background: #fff; padding: 16px; border-bottom: 2px solid rgba(33,85,184,.07); box-shadow: 0 8px 24px rgba(10,22,40,.08); } .dropdown-menu { position: static; box-shadow: none; border: none; background: rgba(33,85,184,.04); display: none; } .nav-dropdown.open .dropdown-menu { display: block; } }