/* Ganhe Treinando IA — acabamento editorial premium global v3 */
:root{
  --premium-green:#079669;--premium-green-2:#05b77b;--premium-ink:#10221c;
  --premium-line:color-mix(in oklab,var(--primary) 13%,var(--border));
  --premium-line-strong:color-mix(in oklab,var(--primary) 26%,var(--border));
  --premium-surface:linear-gradient(145deg,color-mix(in oklab,var(--primary) 2.5%,var(--card)),var(--card));
  --premium-shadow:0 1px 2px rgba(8,31,24,.025),0 18px 46px -28px rgba(8,49,37,.28);
  --premium-shadow-hover:0 24px 58px -28px rgba(5,90,65,.3);
  --space-section:clamp(2.2rem,3.4vw,3rem);--content-gap:1rem;
}
html{scroll-padding-top:5.5rem}
body{background-image:radial-gradient(circle at 8% 0%,color-mix(in oklab,var(--primary) 4%,transparent),transparent 24rem);background-attachment:fixed}
.container{padding-inline:clamp(1rem,3vw,1.5rem)}

/* Cabeçalho */
.site-header{border-bottom-color:rgba(255,255,255,.11);background:color-mix(in oklab,var(--header) 94%,transparent);box-shadow:0 10px 35px rgba(4,16,12,.11);backdrop-filter:blur(18px) saturate(125%)}
.site-header__row{min-height:4.35rem;padding-block:.65rem}
.nav-main{gap:.45rem}
.nav-main a{position:relative;padding:.55rem .72rem;border-radius:.7rem;font-size:.88rem;font-weight:750;letter-spacing:-.01em}
.nav-main a:hover,.nav-main a[aria-current="page"]{background:rgba(255,255,255,.07)}
.nav-main a[aria-current="page"]::after{content:"";position:absolute;right:.7rem;bottom:.25rem;left:.7rem;height:2px;border-radius:99px;background:var(--primary);box-shadow:0 0 12px color-mix(in oklab,var(--primary) 65%,transparent)}
.icon-btn{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.08);transition:.2s ease}
.icon-btn:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.1);transform:translateY(-1px)}

/* Hierarquia editorial */
h1,.hero__title{font-weight:850;letter-spacing:-.045em;text-wrap:balance}
h2,.section__title,.newsletter h2,.cta-final__title{font-weight:850;letter-spacing:-.035em;text-wrap:balance}
h3,.card__title{font-weight:820;letter-spacing:-.02em}
main>div.container>h1{font-size:clamp(2.25rem,4vw,3.55rem)!important;line-height:1.06;max-width:21ch!important}
main>div.container>h2{font-size:clamp(1.65rem,2.4vw,2.15rem)!important;line-height:1.15;letter-spacing:-.035em}
.hero{border-color:var(--premium-line);background:radial-gradient(circle at 82% 15%,color-mix(in oklab,var(--primary) 12%,transparent),transparent 28rem),linear-gradient(180deg,color-mix(in oklab,var(--primary) 6%,var(--background)),var(--background))}
.hero__inner{padding-block:clamp(2.5rem,4vw,3.75rem)}
.hero__title{font-size:clamp(2.45rem,5vw,4.25rem);line-height:1.02}
.hero__sub{max-width:52rem;line-height:1.62}
.section{padding-block:var(--space-section)}
.section--alt{border-color:var(--premium-line);background:linear-gradient(180deg,color-mix(in oklab,var(--primary) 2.5%,var(--muted)),color-mix(in oklab,var(--muted) 38%,transparent))}
.section__eyebrow{margin-bottom:.6rem;font-size:.7rem;letter-spacing:.19em}
.section__title{font-size:clamp(1.9rem,3.5vw,2.8rem);line-height:1.1}
.section__desc{margin-top:.65rem;line-height:1.62}
.section__body{margin-top:clamp(1rem,2vw,1.3rem)}
.grid{gap:var(--content-gap)}

/* Superfícies */
.card,.sidebar__section,.calc,.faq,.table-wrap,.legenda,.aviso{border-color:var(--premium-line);background:var(--premium-surface);box-shadow:var(--premium-shadow)}
.card{position:relative;overflow:hidden;padding:1.15rem;border-radius:1.15rem;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.58)}
.dark .card::after{box-shadow:inset 0 1px rgba(255,255,255,.06)}
.card:hover{border-color:var(--premium-line-strong);box-shadow:var(--premium-shadow-hover);transform:translateY(-3px)}
.card__text{margin-top:.4rem;line-height:1.55}
.card__label{color:var(--primary);letter-spacing:.14em}
.card__value{margin-top:.4rem;font-size:1.18rem}
.card__emoji,.premium-icon{display:grid!important;width:2.8rem;height:2.8rem;flex:0 0 2.8rem;place-items:center;border:1px solid color-mix(in oklab,var(--primary) 20%,var(--border));border-radius:.85rem;background:linear-gradient(145deg,color-mix(in oklab,var(--primary) 12%,var(--card)),color-mix(in oklab,var(--primary) 4%,var(--card)));color:var(--primary);box-shadow:inset 0 1px rgba(255,255,255,.7),0 9px 22px -13px color-mix(in oklab,var(--primary) 75%,transparent);font-size:0!important}
.premium-icon svg,.card__emoji svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.premium-icon-fallback{display:inline-grid!important;min-width:1.85rem;height:1.85rem;margin-right:.45rem;place-items:center;border:1px solid var(--premium-line);border-radius:.55rem;background:color-mix(in oklab,var(--primary) 6%,var(--card));box-shadow:inset 0 1px rgba(255,255,255,.65);font-size:.95rem;vertical-align:middle}

/* Botões, badges e chips */
.btn{min-height:2.9rem;border:1px solid transparent;border-radius:.85rem;padding:.72rem 1.25rem;letter-spacing:.025em;box-shadow:0 12px 28px -15px color-mix(in oklab,var(--primary) 65%,transparent)}
.btn-primary{border-color:color-mix(in oklab,var(--primary) 72%,#fff);background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--primary) 78%,#18d79a));box-shadow:inset 0 1px rgba(255,255,255,.25),0 13px 30px -15px color-mix(in oklab,var(--primary) 80%,transparent)}
.btn-outline,.satelite-link{border-color:var(--premium-line-strong);background:color-mix(in oklab,var(--primary) 3%,var(--card));box-shadow:var(--premium-shadow)}
.badge,.chip,.tag-pill,.diff-pill,.fonte-tag{border:1px solid var(--premium-line);background:linear-gradient(145deg,color-mix(in oklab,var(--primary) 5%,var(--card)),var(--card));box-shadow:inset 0 1px rgba(255,255,255,.65),0 7px 18px -16px rgba(5,60,44,.4)}
.badge{padding:.4rem .72rem;letter-spacing:.12em}
.chip{padding:.58rem .9rem;border-radius:.75rem;transition:.18s ease}
.chip:hover{border-color:var(--premium-line-strong);background:color-mix(in oklab,var(--primary) 7%,var(--card));transform:translateY(-1px)}
.tag-pill{padding:.24rem .5rem;border-radius:.5rem;backdrop-filter:blur(8px)}
.fonte-tag{padding:.3rem .55rem;border-radius:999px}
.fonte-tag>span[aria-hidden]{font-size:.62rem}
.legenda{gap:.65rem;padding:.85rem;border-radius:1rem}

/* Tabelas, formulários, FAQ e avisos */
.table-wrap{border-radius:1.3rem}
table.data-table thead{background:color-mix(in oklab,var(--primary) 6%,var(--muted))}
table.data-table th{color:color-mix(in oklab,var(--primary) 78%,var(--foreground));font-size:.72rem}
table.data-table th,table.data-table td{padding:1rem 1.1rem;border-color:var(--premium-line)}
table.data-table tbody tr{transition:background .18s ease}
table.data-table tbody tr:hover{background:color-mix(in oklab,var(--primary) 3%,transparent)}
.faq{border-radius:1.3rem}
.faq__item{border-color:var(--premium-line)}
.faq__item summary{padding:1.1rem 1.25rem;font-weight:780}
.faq__item[open]{background:color-mix(in oklab,var(--primary) 2.5%,transparent)}
.faq__item .chev{padding:.2rem;border:1px solid var(--premium-line);border-radius:.45rem;color:var(--primary)}
.calc{padding:1.4rem;border-radius:1.35rem}
.calc__field input,.newsletter input[type="email"]{border-color:var(--premium-line-strong);background:color-mix(in oklab,var(--primary) 2%,var(--card));box-shadow:inset 0 1px 3px rgba(6,30,23,.04)}
.calc__result{border-color:var(--premium-line);background:linear-gradient(145deg,color-mix(in oklab,var(--primary) 5%,var(--card)),var(--card));box-shadow:inset 0 1px rgba(255,255,255,.55)}
.aviso{padding:1rem 1.1rem;border-left:4px solid var(--primary);border-radius:.9rem;line-height:1.65}

/* Artigos e listagens */
.post-list{gap:1rem}
.post-card{gap:1.25rem;padding:1.15rem;border:1px solid var(--premium-line);border-radius:1.35rem;background:var(--premium-surface);box-shadow:var(--premium-shadow);transition:.22s ease}
.post-card:first-child{padding-top:1.15rem}.post-card:last-child{border-bottom:1px solid var(--premium-line)}
.post-card:hover{border-color:var(--premium-line-strong);box-shadow:var(--premium-shadow-hover);transform:translateY(-2px)}
.post-card__thumb{border-color:var(--premium-line);border-radius:1rem;box-shadow:0 12px 28px -22px rgba(5,38,28,.45)}
.post-card__body{padding:.25rem .25rem .25rem 0}
.post-card__title{margin-top:.5rem;font-size:clamp(1.25rem,2vw,1.55rem)}
.post-card__meta{font-size:.8rem}

/* Sidebar */
.sidebar{gap:1rem}
.sidebar__section{position:relative;padding:1.25rem;border-radius:1.25rem;overflow:hidden}
.sidebar__section::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),transparent 75%)}
.sidebar__title{color:var(--primary);font-size:.72rem;letter-spacing:.17em}
.sidebar__featured{margin-top:1rem;border-color:var(--premium-line);border-radius:1rem;box-shadow:var(--premium-shadow)}
.sidebar__featured{width:100%;height:auto;aspect-ratio:16/9}
.sidebar__featured img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
.company-row{padding:.6rem;border:1px solid transparent;border-radius:.8rem}
a.company-row:hover{border-color:var(--premium-line);background:color-mix(in oklab,var(--primary) 4%,var(--card))}
.sidebar__reading{gap:.15rem}
.sidebar__reading>div{padding:.65rem 0;border-bottom:1px solid var(--premium-line)}
.sidebar__reading>div:last-child{border-bottom:0}
.sidebar__reading a{font-size:.98rem;line-height:1.35}
.sidebar__reading p{font-size:.86rem;line-height:1.5}
.sidebar__reading-item{display:grid;grid-template-columns:6.2rem minmax(0,1fr);gap:.75rem;align-items:start}
.sidebar__reading-thumb{display:block;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--premium-line);border-radius:.65rem;background:var(--muted);box-shadow:0 9px 22px -17px rgba(4,36,26,.5)}
.sidebar__reading-thumb img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}
.sidebar__reading-thumb:hover img{transform:scale(1.055)}
.sidebar__reading-copy{min-width:0}.sidebar__reading-copy>a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--foreground);font-size:.84rem;font-weight:800;line-height:1.3}.sidebar__reading-copy>a:hover{color:var(--primary);text-decoration:none}.sidebar__reading-copy p{display:-webkit-box;overflow:hidden;margin-top:.3rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.72rem;line-height:1.4}

/* Página Tarefas Pagas */
.tasks-page-shell{padding-block:clamp(3rem,5vw,4.5rem)!important}
.tasks-page-intro{max-width:52rem}
.tasks-type-grid .card{display:flex!important;align-items:center!important;gap:.9rem!important;min-height:5rem;padding:1rem 1.1rem!important;font-size:1rem!important}
.tasks-guides-layout{display:grid;gap:1.5rem;margin-top:3.5rem}
.tasks-guides-layout>section>h2{margin-top:0!important}
.tasks-guides-layout .sidebar{align-self:start}
@media(min-width:1024px){.tasks-guides-layout{grid-template-columns:minmax(0,1fr) 21rem}.tasks-guides-layout .sidebar{position:sticky;top:5.5rem}}

/* Rodapé e newsletter */
.newsletter{max-width:48rem;margin-block:3rem;padding:3rem;border:1px solid var(--premium-line);border-radius:1.6rem;background:radial-gradient(circle at 100% 0%,color-mix(in oklab,var(--primary) 12%,transparent),transparent 18rem),var(--premium-surface);box-shadow:var(--premium-shadow)}
.site-footer{border-color:var(--premium-line);background:linear-gradient(180deg,color-mix(in oklab,var(--primary) 2%,var(--card)),var(--card))}
.footer__legal-links{max-width:72rem;margin:-1.4rem auto 1.2rem;padding:1rem 1.25rem 0;border-top:1px solid var(--premium-line);display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;color:var(--muted-foreground);font-size:.76rem;font-weight:700}.footer__legal-links a:hover{color:var(--primary)}
.social-links a{border:1px solid var(--premium-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 20px -15px rgba(0,0,0,.35)}

@media(max-width:720px){:root{--space-section:2.15rem}.card{padding:1rem}.post-card{padding:1rem}.newsletter{margin-inline:1rem;padding:2rem 1.15rem}.hero__inner{padding-block:2.35rem}.hero__title{font-size:2.45rem}.tasks-guides-layout{margin-top:2rem}}
@media(max-width:420px){.sidebar__reading-item{grid-template-columns:5.7rem minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.card,.post-card,.chip,.btn{transition:none!important}.card:hover,.post-card:hover,.chip:hover,.btn:hover{transform:none!important}}