:root{
    --blog-green:#07371f;
    --blog-green-2:#0a7d44;
    --blog-neon:#9cff63;
    --blog-gold:#dfb957;
    --blog-ink:#102219;
    --blog-muted:#69766f;
}

.blog-page,
.article-page{
    overflow:hidden;
}

.blog-section{
    position:relative;
    padding:clamp(74px,8vw,118px) 0;
}

.blog-section-light,
.article-body-section,
.article-related-section{
    background:linear-gradient(180deg,#eef4e8,#f8f3e8);
}

.blog-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#168049;
    font-size:.68rem;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.blog-kicker:before{
    content:"";
    width:28px;
    height:2px;
    background:var(--blog-gold);
}

.blog-kicker-light{
    color:var(--blog-gold);
}

.blog-heading{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);
    align-items:end;
    gap:clamp(40px,7vw,94px);
    margin-bottom:38px;
}

.blog-heading h2,
.blog-method-copy h2,
.blog-final-copy h2{
    margin:12px 0 0;
    color:var(--blog-ink);
    font-size:clamp(2.2rem,4vw,4rem);
    line-height:1.04;
    letter-spacing:-.05em;
}

.blog-method-copy h2,
.blog-final-copy h2{
    color:#fff;
}

.blog-heading p{
    color:var(--blog-muted);
    line-height:1.72;
}

/* BLOG HERO */

.blog-hero{
    position:relative;
    overflow:hidden;
    padding:clamp(76px,8vw,118px) 0 0;
    color:#fff;
    background:
        radial-gradient(circle at 14% 18%,rgba(156,255,99,.11),transparent 27%),
        linear-gradient(135deg,#032817,#07512d);
}

.blog-orb{
    position:absolute;
    top:-210px;
    right:-200px;
    width:520px;
    height:520px;
    border:1px solid rgba(156,255,99,.09);
    border-radius:50%;
}

.blog-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);
    align-items:center;
    gap:clamp(52px,7vw,100px);
}

.blog-hero h1{
    max-width:11ch;
    margin:17px 0 0;
    font-size:clamp(3rem,5.4vw,5.45rem);
    line-height:.99;
    letter-spacing:-.06em;
}

.blog-hero h1 em{
    display:block;
    color:var(--blog-gold);
    font-style:normal;
}

.blog-hero-lead{
    max-width:62ch;
    margin:23px 0 0;
    color:rgba(255,255,255,.70);
    line-height:1.75;
}

.blog-hero-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:23px;
}

.blog-hero-tags span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 11px;
    color:rgba(255,255,255,.78);
    background:rgba(255,255,255,.045);
    border:1px solid rgba(156,255,99,.14);
    border-radius:999px;
    font-size:.67rem;
    font-weight:750;
}

.blog-hero-tags svg{
    width:14px;
    color:var(--blog-neon);
}

.blog-main-cta,
.blog-whatsapp{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:46px minmax(0,1fr) 22px;
    align-items:center;
    gap:12px;
    min-height:68px;
    padding:10px 16px 10px 11px;
    color:#fff!important;
    text-decoration:none;
    background:linear-gradient(135deg,#08723f,#0b914d);
    border:1px solid rgba(156,255,99,.43);
    border-radius:999px;
    box-shadow:0 18px 36px rgba(0,0,0,.25),0 0 22px rgba(156,255,99,.10);
    transition:transform .22s ease,box-shadow .22s ease;
}

.blog-main-cta{
    width:fit-content;
    min-width:330px;
    margin-top:28px;
}

.blog-main-cta__icon,
.blog-whatsapp__icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#07341e;
    background:linear-gradient(135deg,#f2d777,#ddb454);
    border-radius:50%;
}

.blog-main-cta__icon svg,
.blog-whatsapp__icon svg{
    width:22px;
}

.blog-main-cta>span:nth-child(2),
.blog-whatsapp>span:nth-child(2){
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.blog-main-cta small,
.blog-whatsapp small{
    color:rgba(200,255,210,.78);
    font-size:.56rem;
    font-weight:850;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.blog-main-cta strong,
.blog-whatsapp strong{
    font-size:.92rem;
}

.blog-main-cta b,
.blog-whatsapp b{
    color:var(--blog-neon);
    transition:transform .22s ease;
}

.blog-main-cta:hover{
    transform:translateY(-3px);
}

.blog-main-cta:hover b{
    transform:translateY(4px);
}

.blog-featured{
    position:relative;
    overflow:hidden;
    min-height:560px;
    border:1px solid rgba(156,255,99,.20);
    border-radius:28px;
    box-shadow:0 30px 65px rgba(0,0,0,.28);
}

.blog-featured img{
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    object-fit:cover;
}

.blog-featured__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 36%,rgba(1,27,14,.92));
}

.blog-featured__content{
    position:absolute;
    z-index:2;
    left:28px;
    right:28px;
    bottom:27px;
}

.blog-featured__content small{
    color:var(--blog-neon);
    font-size:.58rem;
    font-weight:850;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.blog-featured__content h2{
    max-width:15ch;
    margin:8px 0 17px;
    color:#fff;
    font-size:clamp(1.65rem,2.8vw,2.7rem);
    line-height:1.08;
    letter-spacing:-.04em;
}

.blog-featured__content a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:.72rem;
    font-weight:850;
    text-decoration:none;
}

.blog-featured__content svg{
    width:16px;
    color:var(--blog-neon);
}

.blog-proof-strip{
    overflow:hidden;
    margin-top:42px;
    border-top:1px solid rgba(255,255,255,.08);
}

.blog-proof-track{
    display:flex;
    width:max-content;
    align-items:center;
    gap:24px;
    padding:18px 0;
    color:rgba(255,255,255,.66);
    font-size:.67rem;
    font-weight:750;
    letter-spacing:.08em;
    text-transform:uppercase;
    animation:blogProof 28s linear infinite;
}

.blog-proof-track i{
    width:5px;
    height:5px;
    background:var(--blog-gold);
    border-radius:50%;
}

@keyframes blogProof{
    to{transform:translateX(-30%)}
}

/* BLOG CARDS */

.blog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.blog-card{
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(13,102,54,.12);
    border-radius:24px;
    box-shadow:0 20px 44px rgba(5,48,25,.08);
    transition:transform .24s ease,box-shadow .24s ease;
}

.blog-card:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 58px rgba(5,48,25,.13);
}

.blog-card>a{
    display:block;
    height:100%;
    color:inherit;
    text-decoration:none;
}

.blog-card__image{
    position:relative;
    overflow:hidden;
    aspect-ratio:7/5;
}

.blog-card__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.blog-card:hover img{
    transform:scale(1.035);
}

.blog-card__label{
    position:absolute;
    left:15px;
    bottom:15px;
    padding:8px 10px;
    color:#fff;
    background:rgba(3,47,24,.84);
    border:1px solid rgba(156,255,99,.22);
    border-radius:999px;
    font-size:.54rem;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.blog-card__number{
    position:absolute;
    top:14px;
    right:14px;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#07341e;
    background:linear-gradient(135deg,#f2d777,#ddb454);
    border-radius:50%;
    font-size:.62rem;
    font-weight:900;
}

.blog-card__content{
    padding:24px;
}

.blog-card__meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.blog-card__meta span{
    color:#168049;
    font-size:.56rem;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.blog-card__meta small{
    color:#8a958f;
    font-size:.58rem;
}

.blog-card h3{
    margin:18px 0 10px;
    color:var(--blog-ink);
    font-size:1.25rem;
    line-height:1.26;
}

.blog-card p{
    color:var(--blog-muted);
    font-size:.77rem;
    line-height:1.65;
}

.blog-card__link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:16px;
    color:#0d6f3d;
    font-size:.72rem;
    font-weight:850;
}

.blog-card__link svg{
    width:16px;
    transition:transform .2s ease;
}

.blog-card:hover .blog-card__link svg{
    transform:translateX(5px);
}

/* MÉTODO E FINAL */

.blog-method-section,
.blog-final-section{
    color:#fff;
    background:
        radial-gradient(circle at 85% 12%,rgba(156,255,99,.12),transparent 25%),
        linear-gradient(135deg,#032716,#064426);
}

.blog-method-grid,
.blog-final-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(380px,.86fr);
    align-items:center;
    gap:clamp(52px,7vw,100px);
}

.blog-method-copy p,
.blog-final-copy p{
    color:rgba(255,255,255,.64);
    line-height:1.75;
}

.blog-method-list{
    display:grid;
    gap:12px;
}

.blog-method-item{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:13px;
    align-items:center;
    padding:16px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(156,255,99,.14);
    border-radius:17px;
}

.blog-method-item>span{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#07341e;
    background:linear-gradient(135deg,#f2d678,#ddb454);
    border-radius:13px;
    font-size:.66rem;
    font-weight:850;
}

.blog-method-item strong{
    color:#fff;
}

.blog-method-item small{
    display:block;
    margin-top:4px;
    color:rgba(255,255,255,.58);
}

.blog-final-section{
    padding:clamp(76px,8vw,118px) 0;
}

.blog-whatsapp{
    width:100%;
}

.blog-whatsapp:hover{
    transform:translateY(-3px);
}

.blog-whatsapp:hover b{
    transform:translateX(5px);
}

/* ARTIGOS */

.article-hero{
    padding:clamp(70px,8vw,110px) 0;
    color:#fff;
    background:
        radial-gradient(circle at 86% 12%,rgba(156,255,99,.11),transparent 26%),
        linear-gradient(135deg,#032817,#07512d);
}

.article-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);
    align-items:center;
    gap:clamp(48px,7vw,95px);
}

.article-back{
    display:inline-block;
    margin-bottom:26px;
    color:rgba(255,255,255,.62);
    font-size:.67rem;
    font-weight:750;
    text-decoration:none;
}

.article-hero h1{
    max-width:13ch;
    margin:18px 0 0;
    font-size:clamp(2.8rem,5vw,5rem);
    line-height:1.01;
    letter-spacing:-.058em;
}

.article-lead{
    max-width:64ch;
    margin:22px 0 0;
    color:rgba(255,255,255,.70);
    line-height:1.75;
}

.article-meta{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:23px;
    color:rgba(255,255,255,.50);
    font-size:.62rem;
}

.article-meta i{
    width:4px;
    height:4px;
    background:var(--blog-gold);
    border-radius:50%;
}

.article-hero-image{
    overflow:hidden;
    margin:0;
    aspect-ratio:7/5;
    border:1px solid rgba(156,255,99,.18);
    border-radius:28px;
    box-shadow:0 30px 65px rgba(0,0,0,.25);
}

.article-hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.article-body-section{
    padding:clamp(70px,8vw,110px) 0;
}

.article-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 310px;
    align-items:start;
    gap:clamp(45px,7vw,95px);
}

.article-content{
    max-width:820px;
}

.article-content p,
.article-content li{
    color:#56675e;
    font-size:.94rem;
    line-height:1.86;
}

.article-content .article-intro{
    color:#294735;
    font-size:1.08rem;
    font-weight:650;
}

.article-content h2{
    margin:44px 0 14px;
    color:var(--blog-ink);
    font-size:clamp(1.65rem,2.7vw,2.5rem);
    line-height:1.14;
    letter-spacing:-.04em;
}

.article-content ul{
    padding-left:22px;
}

.article-content li+li{
    margin-top:8px;
}

.article-content blockquote{
    margin:34px 0;
    padding:22px 24px;
    color:#173c28;
    background:linear-gradient(135deg,#e4f5dc,#f5eedb);
    border-left:4px solid var(--blog-gold);
    border-radius:0 17px 17px 0;
    font-size:1rem;
    font-weight:800;
    line-height:1.55;
}

.article-highlight{
    margin:35px 0;
    padding:24px;
    background:linear-gradient(135deg,#07371f,#0a6739);
    border:1px solid rgba(156,255,99,.18);
    border-radius:20px;
}

.article-highlight strong{
    color:var(--blog-neon);
    font-size:.64rem;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.article-highlight p{
    margin-bottom:0;
    color:rgba(255,255,255,.75);
}

.article-sidebar{
    position:sticky;
    top:120px;
}

.article-sidebar__box{
    position:relative;
    overflow:hidden;
    padding:23px;
    background:linear-gradient(145deg,#07371f,#0a6739);
    border:1px solid rgba(156,255,99,.18);
    border-radius:22px;
    box-shadow:0 20px 40px rgba(5,48,25,.14);
}

.article-sidebar__box:before{
    content:"";
    position:absolute;
    top:0;
    left:24px;
    right:24px;
    height:3px;
    background:linear-gradient(90deg,var(--blog-gold),var(--blog-neon));
}

.article-sidebar__icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#07341e;
    background:linear-gradient(135deg,#f2d777,#ddb454);
    border-radius:15px;
}

.article-sidebar__icon svg{
    width:24px;
}

.article-sidebar__box small{
    display:block;
    margin-top:18px;
    color:var(--blog-neon);
    font-size:.56rem;
    font-weight:850;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.article-sidebar__box strong{
    display:block;
    margin-top:6px;
    color:#fff;
    line-height:1.5;
}

.article-sidebar__topics{
    display:grid;
    gap:9px;
    margin-top:15px;
}

.article-sidebar__topics span{
    display:flex;
    align-items:center;
    gap:7px;
    padding:11px;
    color:#315842;
    background:rgba(255,255,255,.68);
    border:1px solid rgba(13,102,54,.10);
    border-radius:12px;
    font-size:.65rem;
    font-weight:750;
}

.article-sidebar__topics svg{
    width:13px;
    color:#118047;
}

.article-sidebar>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:15px;
    padding:14px 16px;
    color:#fff;
    background:#0b7a43;
    border:1px solid rgba(156,255,99,.22);
    border-radius:999px;
    font-size:.66rem;
    font-weight:850;
    text-decoration:none;
}

.article-sidebar>a svg{
    width:15px;
}

.article-related-section{
    padding:0 0 clamp(74px,8vw,110px);
}

.article-related-heading h2{
    margin:11px 0 28px;
    color:var(--blog-ink);
    font-size:clamp(2rem,3.5vw,3.2rem);
    letter-spacing:-.045em;
}

.article-related-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.article-related-card{
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(13,102,54,.11);
    border-radius:20px;
}

.article-related-card>a{
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:0 18px;
    align-items:center;
    padding:0 20px 0 0;
    color:inherit;
    text-decoration:none;
}

.article-related-card img{
    grid-row:1/4;
    width:190px;
    height:150px;
    object-fit:cover;
}

.article-related-card span{
    align-self:end;
    color:#168049;
    font-size:.55rem;
    font-weight:850;
    text-transform:uppercase;
}

.article-related-card h3{
    margin:5px 0;
    color:var(--blog-ink);
    font-size:.95rem;
    line-height:1.3;
}

.article-related-card small{
    align-self:start;
    color:#0d6f3d;
    font-weight:850;
}

/* REVEAL */

.blog-reveal{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .65s ease,transform .65s ease;
}

.blog-reveal.is-visible{
    opacity:1;
    transform:none;
}

/* RESPONSIVO */

@media(max-width:1100px){
    .blog-hero-grid,
    .blog-method-grid,
    .blog-final-grid,
    .article-hero-grid{
        grid-template-columns:1fr;
    }

    .blog-heading{
        grid-template-columns:1fr;
        gap:20px;
    }

    .blog-featured,
    .article-hero-image{
        max-width:720px;
    }

    .blog-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .article-layout{
        grid-template-columns:1fr;
    }

    .article-sidebar{
        position:static;
        max-width:520px;
    }
}

@media(max-width:760px){
    .blog-section{
        padding:64px 0;
    }

    .blog-hero{
        padding-top:64px;
    }

    .blog-hero h1,
    .article-hero h1{
        font-size:clamp(2.55rem,13vw,4rem);
    }

    .blog-heading h2,
    .blog-method-copy h2,
    .blog-final-copy h2{
        font-size:clamp(2rem,10vw,3rem);
    }

    .blog-main-cta{
        width:100%;
        min-width:0;
    }

    .blog-featured{
        min-height:430px;
    }

    .blog-grid,
    .article-related-grid{
        grid-template-columns:1fr;
    }

    .article-related-card>a{
        grid-template-columns:130px minmax(0,1fr);
        padding-right:14px;
    }

    .article-related-card img{
        width:130px;
        height:140px;
    }
}

@media(prefers-reduced-motion:reduce){
    .blog-reveal{
        opacity:1;
        transform:none;
        transition:none;
    }

    .blog-proof-track{
        animation-play-state:paused;
    }
}