/* Menu do blog com o mesmo visual da home. */
.nav-blur, .mobile-menu { --brown:#321f16; --rose-text:#885466; --line:#ddd0c7; --bg:#fcfaf7; --teal:#66735c; --ease:cubic-bezier(.28,.11,.32,1); }
        .nav-blur {
            position: fixed;
            top: 0;
            width: 100%;
            height: 72px;
            z-index: 1000;
            display: flex;
            align-items: center;
            background:
                linear-gradient(110deg, rgba(252,250,247,.94), rgba(252,221,235,.88) 39%, rgba(255,240,244,.82) 72%, rgba(245,238,235,.94)),
                rgba(252,250,247,0.92);
            border-bottom: 1px solid rgba(230,106,156,0.16);
            backdrop-filter: blur(20px);
            transition: box-shadow .35s var(--ease), height .35s var(--ease);
        }
        .nav-blur.scrolled { height: 66px; box-shadow: 0 16px 38px rgba(230,106,156,0.10); }
        .site-logo { width: 154px; height: auto; display: block; }
        .nav-link {
            color: rgba(50,31,22,.62);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .18em;
            text-transform: uppercase;
            transition: color .25s ease;
        }
        .nav-link:hover { color: var(--teal); }
        .nav-cta {
            color: #fff;
            padding: 11px 18px;
            border-radius: 999px;
            background: linear-gradient(135deg, #ee79aa, #e66a9c 58%, #577d26);
            border: 0;
            box-shadow: 0 14px 30px rgba(230,106,156,.18);
            transition: transform .22s ease, box-shadow .22s ease;
        }
        .nav-cta:hover {
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 18px 38px rgba(230,106,156,.24);
        }
        .mobile-menu-button {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            display: none;
            align-items: center;
            justify-content: center;
            color: #fff;
            border: 0;
            background: linear-gradient(135deg, #ee79aa, #e66a9c);
            box-shadow: 0 12px 28px rgba(230,106,156,.18);
        }
        .mobile-menu {
            position: fixed;
            top: 66px;
            left: 0;
            right: 0;
            z-index: 999;
            padding: 12px 18px 18px;
            background:
                linear-gradient(145deg, rgba(252,250,247,.98), rgba(252,221,235,.96), rgba(255,240,244,.95));
            transform: translateY(-120%);
            opacity: 0;
            pointer-events: none;
            transition: .32s var(--ease);
            box-shadow: 0 20px 44px rgba(50,31,22,0.1);
        }
        .mobile-menu.open { transform: translateY(0); opacity: 1; pointer-events: auto; }
        .mobile-menu a {
            display: flex;
            align-items: center;
            gap: 10px;
            min-height: 46px;
            padding: 11px 12px;
            color: var(--gold);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .12em;
            text-transform: uppercase;
        }
        .mobile-menu a:hover { color: var(--teal); }

.nav-blur {
    background: linear-gradient(110deg, #ffffffef, #fbd5e5e8 55%, #fff0f5ef);
    border-bottom-color: #e66a9c40;
}
.nav-link, .mobile-menu a { color: var(--brown); }
.nav-link:hover { color: var(--rose-text); }
.mobile-menu { background: linear-gradient(135deg, #fffffffa, #fbd5e5fa); }
.nav-cta, .mobile-menu-button {
    color: var(--brown);
    background: linear-gradient(135deg, var(--pink-primary), var(--pink-secondary));
    box-shadow: 0 14px 30px #e66a9c26;
}
.nav-cta:hover {
    color: var(--brown);
    background: var(--pink-secondary);
    box-shadow: 0 18px 36px #e66a9c38;
}
.nav-blur {
    background: rgba(252,250,247,.96);
    border-bottom: 1px solid var(--line);
    box-shadow: none;
}
.nav-blur.scrolled { box-shadow: 0 6px 20px #321f1608; }
.mobile-menu { background: var(--bg); }
.nav-link { font-weight: 600; letter-spacing: .12em; }
.nav-cta, .mobile-menu-button {
    color: var(--white);
    background: var(--brown);
    border-radius: 6px;
    box-shadow: none;
    font-weight: 600;
}
.nav-cta:hover {
    color: var(--white);
    background: #52392e;
    box-shadow: none;
    transform: translateY(-1px);
}
.nav-blur {
    background: linear-gradient(110deg,
        rgba(252,250,247,.97) 0%,
        rgba(245,234,238,.96) 48%,
        rgba(237,240,232,.96) 100%);
    border-bottom-color: #88546624;
}
.mobile-menu {
    background: linear-gradient(110deg, #fcfaf7 0%, #f5eaee 48%, #edf0e8 100%);
}
.nav-blur .nav-cta {
    background: #59694b;
    color: #FFFFFF;
}
.nav-blur .nav-cta:hover {
    background: #45533a;
    color: #FFFFFF;
}
.nav-blur .nav-cta svg, .nav-blur .nav-cta i { color: #FFFFFF; }
.colorful-nav .nav-cta {
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(110deg, #ad2869, #bf385b 60%, #bc4d25);
    color: #ffffff;
    box-shadow: 0 5px 16px #ad286923;
    transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
}
.colorful-nav .nav-cta:hover {
    background: linear-gradient(110deg, #942059, #a92e50 60%, #a74020);
    color: #ffffff;
    box-shadow: 0 7px 20px #ad286933;
    transform: translateY(-2px);
}
.colorful-nav .nav-cta[aria-label] {
    width: 42px;
    background: #ffffff;
    color: #ad2869;
    box-shadow: 0 3px 12px #743c5910;
}
.colorful-nav .nav-cta[aria-label] svg { color: inherit; }
.colorful-nav .nav-cta[aria-label]:hover {
    background: #fce5ef;
    color: #942059;
    box-shadow: 0 6px 16px #ad286920;
}
.colorful-nav .nav-cta { transition: none; }
.colorful-nav .nav-cta:hover { transform: none; }
@media (max-width:1023px) {
    .nav-blur .desktop-nav { display:none; }
    .nav-blur .mobile-menu-button { display:inline-flex; }
}
@media (min-width:1024px) { .nav-blur .mobile-menu-button { display:none; } }
@media (prefers-reduced-motion:reduce) {
    .colorful-nav .nav-cta { transition:none; }
    .colorful-nav .nav-cta:hover { transform:none; }
}