body{background:linear-gradient(180deg,#eaf6ff,#fff);color:#333;font-family:Segoe UI,Roboto,sans-serif;margin:0}.flag-icon{height:auto;margin-right:8px;vertical-align:middle;width:24px}.navbar{align-items:center;background:linear-gradient(90deg,#007bff,#0af);box-shadow:0 3px 6px rgba(0,0,0,.15);color:#fff;display:flex;justify-content:space-between;padding:14px 24px;position:sticky;top:0;z-index:1000}.logo a{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:1px;text-decoration:none}.menu{align-items:center;display:flex;gap:20px}.menu a{color:#fff;font-weight:500;padding:8px 10px;position:relative;text-decoration:none;transition:color .3s}.menu a:hover{color:#fffd}.dropdown{position:relative}.dropdown>a{cursor:pointer}.dropdown-content{background-color:#e6f4ff;border-radius:6px;box-shadow:0 6px 16px rgba(0,0,0,.15);display:none;left:0;min-width:220px;position:absolute;top:100%;z-index:999}.dropdown-content a{color:#005b99;display:block;font-size:14px;padding:10px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#cce7ff}.dropdown:hover>.dropdown-content{display:block}.submenu{position:relative}.submenu .dropdown-content.right{background-color:#e6f4ff;border-radius:6px;box-shadow:4px 4px 12px rgba(0,0,0,.15);display:none;left:100%;min-width:200px;position:absolute;top:0}.submenu:hover>.dropdown-content.right{display:block}.hamburger{cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger div{background-color:#fff;border-radius:2px;height:3px;transition:all .3s}@media (max-width:768px){.hamburger{display:flex}.menu{animation:fadeIn .3s ease;background:#0098ff;border-radius:0 0 10px 10px;display:none;flex-direction:column;margin-top:10px;width:100%}.menu.active{display:flex}.menu a{border-top:1px solid hsla(0,0%,100%,.2);padding:12px 20px}.dropdown-content,.submenu .dropdown-content.right{background-color:#0098ff;box-shadow:none;display:none;flex-direction:column;position:static}.dropdown-content.active,.submenu .dropdown-content.right.active{display:flex}.dropdown-content a,.submenu .dropdown-content.right a{color:#fff;padding-left:30px}.dropdown-content a:hover,.submenu .dropdown-content.right a:hover{background-color:hsla(0,0%,100%,.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}main{padding:20px}h1,h2,h3,h4,h5,h6{color:#007bff}p{line-height:1.6}
.nav-style-link {
    color: #3333ff;
    font-weight: 500;
    text-decoration: none;
    padding: 6px 12px;                /* espaçamento confortável */
    border-radius: 6px;
    transition: all 0.3s ease;
    background: transparent;
    position: relative;
    display: inline-block;            /* importante para padding funcionar bem */
}

/* Hover principal - efeito vidro fosco + leve elevação (muito usado em 2025/2026) */
.nav-style-link:hover,
.nav-style-link:focus {
    color: #ffffff;
    background: rgba(25, 25, 255, 0.18);   /* efeito semi-transparente */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Opcional: linha inferior animada (clean e moderno) */
.nav-style-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 4px;
    left: 50%;
    background: #ffffff;
    transition: width 0.35s ease;
    transform: translateX(-50%);
}

.nav-style-link:hover::after {
    width: 70%;  /* ou 100% se quiser linha cheia */
}