/* ===== ACTIVE PAGE STYLES - SIMPLES E MODERNO ===== */

/* Estilo simples para página ativa na navbar */
.nav-link.active {
    color: var(--accent);
    font-weight: 600;
}

/* Efeito suave de escala no hover */
.nav-link {
    transition: all 0.2s ease;
}

.nav-link:hover {
    color: var(--accent);
    transform: scale(1.05);
}

/* Página ativa no menu mobile */
.mobile-nav-link.active {
    color: var(--accent);
    font-weight: 600;
}

/* Estilo para página inicial específica */
body.home .nav-link[href="index.html"] {
    color: var(--accent);
    font-weight: 600;
}

/* Estilo para página de contato específica */
body.contato .nav-link[href="contato.html"] {
    color: var(--accent);
    font-weight: 600;
}

/* Transições suaves */
.nav-link,
.mobile-nav-link {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}