@charset "UTF-8";/* Camada do blog da Woba sobre o CSS do Webflow de woba.com.br (assets/site/webflow.shared.css).
   Tokens medidos em 03/11/2026: fundo #fcfbf9, creme #f6f2e7, amarelo #f9e10d (hover do botão #e2cc0d),
   divisória #beb9ab, texto #000/#1a1b1f, títulos Host Grotesk, texto Manrope, ênfase Noticia Text itálico,
   botão em pílula com contorno 1px preto, cards arredondados. Quebras do site: 991, 767 e 479 px. */ :root{--wb-bg: #fcfbf9;--wb-cream: #f6f2e7;--wb-yellow: #f9e10d;--wb-yellow-dark: #e2cc0d;--wb-line: #beb9ab;--wb-ink: #000;--wb-text: #1a1b1f;--wb-muted: #5f5b50;--wb-radius: 1rem;--wb-nav-space: 8.5rem;}/* Acessibilidade */ .wb-skip{position: absolute;left: 1rem;top: -4rem;z-index: 99999999;padding: .75rem 1.25rem;border-radius: 50rem;background: var(--wb-yellow);color: var(--wb-ink);border: 1px solid var(--wb-ink);font-weight: 600;}.wb-skip:focus{top: 1rem;}.screen-reader-text,.wb-sr{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}.nav_component a:focus-visible,.nav_component [role="button"]:focus-visible,.wb-footer a:focus-visible,.wb-main a:focus-visible,.wb-main button:focus-visible,.wb-main input:focus-visible,.wb-panel a:focus-visible,.wb-panel button:focus-visible{outline: 2px solid var(--wb-yellow);outline-offset: 3px;box-shadow: 0 0 0 5px var(--wb-ink);border-radius: .5rem;}.primary-button:focus-visible{border-radius: 50rem !important;}/* Shell: o site deixa a lista de idiomas no fim do body; no blog ela não existe. Botão primário: hover medido (círculo sobe 50%). */ .primary-button .button-bg{transition: transform 400ms ease;}.primary-button:hover .button-bg,.primary-button:focus-visible .button-bg{transform: translateY(-50%);}.wb-footer{display: block;padding-bottom: 0;}/* Ajuste de legibilidade (desvio declarado no contrato do shell): no site o menu mobile aberto é transparente com blur e
   depende do hero escuro atrás; no blog ele pode abrir sobre o creme, então o painel ganha fundo preto. O webflow.js move os dois
   .w-nav-menu para o painel; aqui eles formam um único painel. */ @media screen and (max-width: 991px){.w-nav-overlay .nav_menu[data-nav-menu-open]{background-color: #0a0a0a;-webkit-backdrop-filter: none;backdrop-filter: none;border: 1px solid rgba(255,255,255,.24);overflow: visible;}.w-nav-overlay .nav_menu[data-nav-menu-open]:first-child{border-radius: 1rem 1rem 0 0;border-bottom: 0;padding-bottom: 0;}.w-nav-overlay .nav_menu[data-nav-menu-open] + .nav_menu[data-nav-menu-open]{margin-top: 0;border-top: 0;border-radius: 0 0 1rem 1rem;padding-top: 0;}}/* O CSS do site tem uma regra img{width:100%;padding-right:70px} (<= 767px). Vale para o shell (o site a aplica no footer),
   mas não para as imagens editoriais do blog. */ .wb-main img,.wb-panel img{padding-right: 0;}/* ==== Miolo v2: "o nascer do arco" (03/11/2026; v1 em backups/2026-11-03-miolo-v1/) ===================
   Assinatura: o arco amarelo da seção institucional da Woba nasce no rodapé do topo escuro. Capa e imagem do artigo
   se apoiam nele; o progresso de leitura da single é um arco que se enche. Listagem = capa + dupla 7/5 + índice
   numerado. Movimento só com html.wb-motion; tudo estático com prefers-reduced-motion. */ :root{--wb-arc: linear-gradient(90deg,#fdbd1f 0%,#f9e10d 55%,#f9e10d 100%);--wb-dark: #0a0a0a;--wb-ease-out: cubic-bezier(.16,1,.3,1);--wb-ease-io: cubic-bezier(.65,0,.35,1);--wb-gutter: clamp(1.5rem,3vw,2.5rem);--wb-arc-visible: 15rem;/* Teto do miolo: 1320 px de conteúdo (padrão de 1400 px com as margens de 40 px). O shell segue o site. */ --wb-max: 82.5rem;}.image{/* Selos de app do footer: o Webflow dá width/height 100% ao .image dentro de .app_button (2.5rem/3rem). A proporção física
     (184x72 e 184x56) é a da caixa; contain e o min-height 0 do wrapper (valor padrão de bloco) só declaram o recorte, sem mudar a geometria medida. */ object-fit: contain;}.app-buttons{min-height: 0;}/* wb:footer-mobile-centered:start
   Footer centralizado no mobile (pedido do Joisiney em 05/11/2026; desvio footer-mobile-centered). No site ele fica alinhado à
   esquerda. scripts/capture_preload.cjs injeta este mesmo bloco na referência, para a paridade medir a correção aprovada. */ @media screen and (max-width: 767px){.footer-wrapper .footer-component{align-items: center;text-align: center;}.footer-wrapper .footer-content.is-mobile,.footer-wrapper .footer-content.is-links{justify-content: center;}.footer-wrapper .footer-content.is-links{column-gap: 3rem;}.footer-wrapper .app-buttons,.footer-wrapper .icons-wrapper{justify-content: center;}.footer-wrapper .footer-component.footer-mobile{flex-flow: column;align-items: center;gap: 1.5rem;}/* O site dá padding-right 70px às imagens (<= 767px): o logo de 50 px ficava fora do eixo. Mesmo tamanho, sem o recuo. */ .footer-wrapper .footer-component.footer-mobile .footer-logo{justify-content: center;}.footer-wrapper .footer-component.footer-mobile .logo{width: 50px;padding-right: 0;}.footer-wrapper .footer_bottom-links{justify-content: center;text-align: center;}}/* wb:footer-mobile-centered:end */ /* Dropdowns do header no desktop: fade curto ao abrir (o site abre instantâneo; o gate do tema exige movimento >= 100 ms). */ @media screen and (min-width: 992px){.nav_component .w-dropdown-list.w--open{animation: wb-dd-in 200ms cubic-bezier(.16,1,.3,1) both;}/* Ponte invisível só do grupo aberto: cobre o vão de 15 px entre o gatilho e o painel. */ .nav_component .w-dropdown-list.w--open::before{content: "";position: absolute;left: 0;right: 0;bottom: 100%;height: 1.25rem;}}@keyframes wb-dd-in{from{opacity: 0;transform: translateY(-6px);}}@media (prefers-reduced-motion: reduce){.nav_component .w-dropdown-list.w--open{animation: none;}}/* O scaffold do tema acrescenta um corte genérico de 2 linhas em [data-clamp-tooltip="post-title"] dentro de h2/h3 de card.
   No miolo da Woba o marcador é só o span do título: quem corta é o h2/h3 (3 linhas no card, 2 ou 3 na linha) e a capa não corta. */ .post-card h2 [data-clamp-tooltip="post-title"],.post-card h3 [data-clamp-tooltip="post-title"]{display: inline;overflow: visible;-webkit-line-clamp: none;}/* Fallbacks com a mesma largura das fontes do site (medida em 04/11/2026): enquanto a fonte web carrega, o título quebra
   nas mesmas linhas e o topo não pula (CLS). Host Grotesk 400 ≈ 103,4% da Arial; Noticia Text 700 itálico ≈ 91,1% da Georgia. */ @font-face{font-family: "Host Grotesk Fallback";src: local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust: 103.4%;}@font-face{font-family: "Noticia Text Fallback";src: local("Georgia Bold Italic"),local("Georgia-BoldItalic"),local("DejaVu Serif Bold Italic"),local("DejaVuSerif-BoldItalic");size-adjust: 91.1%;font-style: italic;font-weight: 700;}/* Títulos do topo: mesmos arquivos da Host Grotesk 400 e da Noticia Text 700 do site, com font-display: optional e preload.
   Se o arquivo já estiver pronto no primeiro render, ele entra; senão fica o fallback ajustado, sem troca no meio (CLS). */ @font-face{font-family: "Woba Hero";src: url(../site/fonts/g02.woff2) format("woff2");font-weight: 400;font-style: normal;font-display: optional;}@font-face{font-family: "Woba Hero Serif";src: url(../site/fonts/g12.woff2) format("woff2");font-weight: 700;font-style: normal;font-display: optional;}.wb-main .wb-hero__title{font-family: "Woba Hero","Host Grotesk Fallback",sans-serif;}.wb-main .wb-hero__title em{font-family: "Woba Hero Serif","Noticia Text Fallback",serif;}::selection{background: var(--wb-yellow);color: var(--wb-ink);}.wb-main{display: block;padding-top: var(--wb-nav-space);}.wb-container{position: relative;max-width: var(--wb-max);}.wb-main h1,.wb-main h2,.wb-main h3{margin: 0;font-family: "Host Grotesk","Host Grotesk Fallback",sans-serif;font-weight: 400;color: var(--wb-ink);}.wb-main em{font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-weight: 700;}.wb-eyebrow{margin: 0 0 1rem;font-size: .8125rem;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: var(--wb-muted);}.wb-sep{margin: 0 .5rem;}.wb-clamp-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}.wb-arrow{flex: none;}/* Topo escuro com o arco */ .wb-hero{position: relative;overflow: hidden;margin-top: calc(-1 * var(--wb-nav-space));padding: calc(var(--wb-nav-space) + 4rem) 0 calc(var(--wb-arc-visible) + 2rem);background: radial-gradient(120% 90% at 85% 0%,#23211b 0%,#0b0b0a 55%,#050505 100%);color: #fff;}.wb-hero--compact{--wb-arc-visible: 10rem;}.wb-hero--single{--wb-arc-visible: 13rem;}.wb-arc{position: absolute;left: 50%;bottom: 0;width: max(70rem,120vw);aspect-ratio: 2 / 1;border-radius: 50% 50% 0 0 / 100% 100% 0 0;background: var(--wb-arc);box-shadow: 0 -2rem 8rem rgba(249,225,13,.28);transform: translate(-50%,calc(100% - var(--wb-arc-visible)));pointer-events: none;}.wb-arc--single{left: 68%;width: max(56rem,95vw);}.wb-hero__grid{display: grid;grid-template-columns: minmax(0,1.5fr) minmax(0,1fr);gap: 3rem 4rem;align-items: end;z-index: 1;}.wb-hero__title{font-size: clamp(3rem,7.2vw,7rem);line-height: .98;letter-spacing: -.035em;}.wb-main .wb-hero h1{color: #fff;}.wb-hero .wb-hero__title em{color: var(--wb-yellow);letter-spacing: -.02em;}.wb-hero--compact .wb-hero__title{font-size: clamp(2.5rem,5.5vw,5rem);}.wb-hero__title--single{font-size: clamp(2.25rem,4.6vw,4.25rem);line-height: 1.04;letter-spacing: -.03em;}.wb-hero__eyebrow{color: var(--wb-yellow) !important;}.wb-hero__lead{margin: 0;font-size: 1.125rem;line-height: 1.6;color: rgba(255,255,255,.82);}.wb-hero__search{margin-top: 1.75rem;}.wb-hero__count{margin: 1.25rem 0 0;font-size: .8125rem;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: rgba(255,255,255,.7);}.wb-hero__count::before{content: "";display: inline-block;width: .5rem;height: .5rem;margin-right: .625rem;border-radius: 50%;background: var(--wb-yellow);vertical-align: .1em;}.wb-empty{margin-top: 1.75rem;}/* Título palavra a palavra: cada palavra sobe da própria linha de base */ .wb-w{display: inline-block;overflow: hidden;vertical-align: top;padding: 0 .06em .12em 0;margin: 0 -.06em -.12em 0;}.wb-w__in{display: inline-block;}.wb-search{display: flex;gap: .5rem;padding: .375rem;border-radius: 50rem;background: #fff;box-shadow: 0 0 0 0 rgba(249,225,13,0);transition: background-color 300ms var(--wb-ease-out),box-shadow 300ms var(--wb-ease-out);}.wb-search__input{flex: 1;min-width: 0;border: 0;background: transparent;padding: .5rem 1rem;font: inherit;font-size: 1rem;color: var(--wb-ink);}.wb-search__input::placeholder{color: #6f6b5f;}/* Foco da busca (pedido do Joisiney em 05/11/2026): o campo é a pílula inteira, então o foco fica só no form, com fundo creme
   e borda amarela com halo; o input não ganha contorno próprio. O botão Buscar mantém um anel discreto no foco por teclado. */ .wb-main .wb-search__input:focus,.wb-main .wb-search__input:focus-visible{outline: none;box-shadow: none;border-radius: 0;}.wb-search:focus-within{background: #fffbe0;box-shadow: 0 0 0 3px var(--wb-yellow),0 0 0 9px rgba(249,225,13,.2);}.wb-main .wb-search__submit:focus-visible{outline: 2px solid var(--wb-ink);outline-offset: 2px;box-shadow: none;border-radius: 50rem;}/* X de limpar (o CSS do Webflow esconde o nativo): círculo escuro com X branco; o clique leva à listagem sem ?s= (woba.js). */ .wb-search__input::-webkit-search-cancel-button{-webkit-appearance: none;appearance: none;width: 1.25rem;height: 1.25rem;margin-left: .5rem;border-radius: 50%;cursor: pointer;opacity: .55;transition: opacity 200ms ease;background: var(--wb-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 2l6 6M8 2L2 8' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / .625rem no-repeat;}.wb-search__input::-webkit-search-cancel-button:hover{opacity: 1;}/* Sem foco, o Chrome só foca o campo no primeiro clique: o X aparece apenas com foco ou ponteiro, como o nativo. */ .wb-search__input:not(:focus):not(:hover)::-webkit-search-cancel-button{opacity: 0;pointer-events: none;}.wb-search__submit{flex: none;border: 1px solid var(--wb-ink);border-radius: 50rem;background: var(--wb-yellow);color: var(--wb-ink);padding: .5rem 1.25rem;font: inherit;font-weight: 600;cursor: pointer;transition: background-color 250ms ease;}.wb-search__submit:hover{background: var(--wb-yellow-dark);}/* Capa: sobe sobre o arco */ .wb-cover-wrap{position: relative;z-index: 2;margin-top: -6rem;}.wb-cover{background: #fff;border-radius: 1.75rem;overflow: hidden;box-shadow: 0 1px 0 rgba(0,0,0,.04),0 30px 60px -20px rgba(0,0,0,.28);}/* A capa é um link só (regra de card da skill): o grid mídia | texto fica no link. */ .wb-cover__link{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);color: var(--wb-ink);}.wb-cover__link:focus-visible{outline: 2px solid var(--wb-ink);outline-offset: -6px;border-radius: 1.75rem;}.wb-cover__media{position: relative;display: block;margin: 0;min-height: 26rem;overflow: hidden;background: var(--wb-cream);}.wb-cover__media img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 900ms var(--wb-ease-out);}.wb-cover__link:hover .wb-cover__media img{transform: scale(1.05);}.wb-cover__body{display: flex;flex-direction: column;align-items: flex-start;padding: clamp(2rem,4vw,3.5rem);}.wb-cover__eyebrow{display: flex;align-items: center;gap: .75rem;margin: 0 0 1.25rem;font-size: .8125rem;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;}.wb-cover__num{display: inline-grid;place-items: center;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: var(--wb-yellow);border: 1px solid var(--wb-ink);font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-weight: 700;font-size: .9375rem;letter-spacing: 0;text-transform: none;}.wb-cover__title{font-size: clamp(1.75rem,2.8vw,2.75rem) !important;line-height: 1.08 !important;letter-spacing: -.02em;}.wb-cover__title > span{color: var(--wb-ink);background: linear-gradient(var(--wb-yellow),var(--wb-yellow)) 0 92% / 0 .3em no-repeat;transition: background-size 600ms var(--wb-ease-io);display: inline;}.wb-cover__link:hover .wb-cover__title > span,.wb-cover__link:focus-visible .wb-cover__title > span{background-size: 100% .3em;}.wb-cover__link:hover .wb-cover__cta .button-bg,.wb-cover__link:focus-visible .wb-cover__cta .button-bg{transform: translateY(-50%);}.wb-cover__excerpt{margin: 1rem 0 0;font-size: 1.0625rem;line-height: 1.6;color: var(--wb-text);}.wb-cover .wb-card__meta{margin: 1.5rem 0 0;padding: 0;}.wb-cover__cta{margin-top: auto;}.wb-cover__excerpt + .wb-card__meta + .wb-cover__cta{margin-top: 2rem;}/* Lista */ .wb-list{padding: 5rem 0 6rem;}.wb-list--after-cover{padding-top: 4rem;}.wb-section-title{font-size: clamp(1.75rem,3vw,2.75rem) !important;line-height: 1.1;letter-spacing: -.02em;}/* Dupla assimétrica 7/5; o segundo card é escuro */ .wb-duo{display: grid;grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: var(--wb-gutter);align-items: stretch;}.wb-duo > .wb-card:only-of-type{grid-column: 1 / -1;}.wb-card{height: 100%;}.wb-card__link{display: flex;flex-direction: column;height: 100%;color: var(--wb-ink);background: #fff;border-radius: 1.5rem;overflow: hidden;box-shadow: 0 0 0 1px rgba(0,0,0,.07);transition: box-shadow 400ms ease,transform 400ms var(--wb-ease-out);}.wb-card__link:hover{box-shadow: 0 0 0 1px var(--wb-ink),0 24px 48px -24px rgba(0,0,0,.3);transform: translateY(-4px);}.wb-card__media{position: relative;margin: 0;aspect-ratio: 16 / 9;overflow: hidden;background: var(--wb-cream);}.wb-duo .wb-card:nth-of-type(2) .wb-card__media{aspect-ratio: 4 / 3;}.wb-card__media img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 900ms var(--wb-ease-out);}.wb-card__link:hover .wb-card__media img{transform: scale(1.05);}.wb-card__go{position: absolute;right: 1rem;bottom: 1rem;display: grid;place-items: center;width: 3.25rem;height: 3.25rem;border-radius: 50%;background: var(--wb-yellow);border: 1px solid var(--wb-ink);color: var(--wb-ink);transform: scale(.4) rotate(-45deg);opacity: 0;transition: transform 450ms var(--wb-ease-out),opacity 250ms ease;}.wb-card__link:hover .wb-card__go,.wb-card__link:focus-visible .wb-card__go{transform: scale(1) rotate(-45deg);opacity: 1;}.wb-card__body{display: flex;flex-direction: column;flex: 1;padding: 1.75rem;}.wb-card__pills{display: flex;flex-wrap: wrap;gap: .5rem;margin-bottom: 1rem;}.wb-pill{display: inline-flex;align-items: center;padding: .25rem .75rem;border-radius: 50rem;background: var(--wb-cream);font-size: .75rem;font-weight: 600;line-height: 1.4;color: var(--wb-ink);}.wb-card__title{font-size: clamp(1.375rem,2.1vw,2rem);line-height: 1.12;letter-spacing: -.015em;}.wb-duo .wb-card:nth-of-type(2) .wb-card__title{font-size: clamp(1.25rem,1.7vw,1.625rem);}.wb-card__excerpt{margin: .75rem 0 0;font-size: .9375rem;line-height: 1.6;color: var(--wb-text);}.wb-card__meta{margin: auto 0 0;padding-top: 1.25rem;font-size: .8125rem;color: var(--wb-muted);}.wb-duo .wb-card:nth-of-type(2) .wb-card__link{background: var(--wb-dark);color: #fff;box-shadow: none;}.wb-duo .wb-card:nth-of-type(2) .wb-card__link:hover{box-shadow: 0 0 0 1px var(--wb-yellow),0 24px 48px -24px rgba(0,0,0,.45);}.wb-duo .wb-card:nth-of-type(2) .wb-card__title{color: #fff;}.wb-duo .wb-card:nth-of-type(2) .wb-card__excerpt{color: rgba(255,255,255,.78);}.wb-duo .wb-card:nth-of-type(2) .wb-card__meta{color: rgba(255,255,255,.66);}.post-card__fallback .wb-fallback{opacity: .9;}/* Índice numerado em linhas */ .wb-index{margin-top: 5rem;}.wb-list > .padding-global > .wb-container > .wb-index:first-child,.wb-related .wb-index{margin-top: 0;}.wb-rows__head{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;padding-bottom: 1.5rem;border-bottom: 1px solid var(--wb-ink);}.wb-rows__count{font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-weight: 700;font-size: 1rem;color: var(--wb-muted);}.wb-rows{margin: 0;padding: 0;list-style: none;}.wb-index:not(:has(.wb-rows__head)) .wb-rows{border-top: 1px solid var(--wb-ink);}.wb-row{border-bottom: 1px solid var(--wb-line);}.wb-row__link{position: relative;isolation: isolate;display: grid;grid-template-columns: 4.5rem minmax(0,1fr) auto;gap: 2rem;align-items: center;padding: 2.25rem 1.25rem;color: var(--wb-ink);}.wb-row__link::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--wb-yellow);transform: scaleX(0);transform-origin: left center;transition: transform 550ms var(--wb-ease-io);}.wb-row__link:hover::before,.wb-row__link:focus-visible::before{transform: scaleX(1);}.wb-row__num{font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-weight: 700;font-size: 1.375rem;line-height: 1;transition: transform 550ms var(--wb-ease-io);}.wb-row__thumb{display: none;margin: 0;}.wb-row__main{min-width: 0;transition: transform 550ms var(--wb-ease-io);}.wb-row__cats{margin: 0 0 .5rem;font-size: .75rem;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: var(--wb-muted);}.wb-row__title{font-size: clamp(1.375rem,2.3vw,2.125rem) !important;line-height: 1.12 !important;letter-spacing: -.02em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;}.wb-row__excerpt{margin: .625rem 0 0;max-width: 46rem;font-size: .9375rem;line-height: 1.55;color: var(--wb-text);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}.wb-row__side{display: flex;align-items: center;gap: 1.5rem;font-size: .875rem;color: var(--wb-muted);white-space: nowrap;}.wb-row__go{display: grid;place-items: center;width: 3.25rem;height: 3.25rem;border: 1px solid var(--wb-ink);border-radius: 50%;color: var(--wb-ink);transition: background-color 350ms ease,color 350ms ease,transform 550ms var(--wb-ease-io);}.wb-row__link:hover .wb-row__main,.wb-row__link:focus-visible .wb-row__main{transform: translateX(.75rem);}.wb-row__link:hover .wb-row__num,.wb-row__link:focus-visible .wb-row__num{transform: translateX(.375rem);}.wb-row__link:hover .wb-row__go,.wb-row__link:focus-visible .wb-row__go{background: var(--wb-ink);color: var(--wb-yellow);transform: rotate(-45deg);}.wb-row__link:hover .wb-row__cats,.wb-row__link:hover .wb-row__side{color: var(--wb-ink);}/* Prévia da imagem que segue o cursor (só ponteiro fino e movimento permitido; criada pelo woba.js) */ .wb-preview{position: fixed;left: 0;top: 0;z-index: 900;width: 22rem;aspect-ratio: 2 / 1;pointer-events: none;}.wb-preview img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 1rem;box-shadow: 0 30px 60px -20px rgba(0,0,0,.45);opacity: 0;transform: scale(.55) rotate(-6deg);transition: opacity 250ms ease,transform 500ms var(--wb-ease-out);}.wb-preview.is-on img{opacity: 1;transform: scale(1) rotate(-2deg);}/* Paginação */ .wb-pagination{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem;margin-top: 4rem;}.wb-pagination__nums{display: flex;gap: .5rem;margin: 0 auto;}.wb-page{display: inline-flex;align-items: center;justify-content: center;gap: .625rem;min-width: 3.25rem;height: 3.25rem;padding: 0 1rem;border: 1px solid var(--wb-ink);border-radius: 50rem;background: transparent;color: var(--wb-ink);font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-weight: 700;transition: background-color 250ms ease,color 250ms ease;}.wb-page--nav{font-family: Manrope,sans-serif;font-style: normal;font-weight: 600;padding: 0 1.5rem;}.wb-page--nav span[aria-hidden]{transition: transform 300ms var(--wb-ease-out);}.wb-page--next:hover span[aria-hidden]{transform: translateX(4px);}.wb-page--prev:hover span[aria-hidden]{transform: translateX(-4px);}a.wb-page:hover{background: var(--wb-yellow);}.wb-page.is-current,.pagination .is-current[aria-current="page"]{background: var(--wb-ink);color: var(--wb-yellow);}/* Faixa de CTA com letreiro que anda com a rolagem */ .wb-band{position: relative;overflow: hidden;padding: 0 0 5.5rem;background: var(--wb-yellow);}.wb-marquee{overflow: hidden;margin-bottom: 5rem;padding: 1.125rem 0;background: var(--wb-ink);color: var(--wb-yellow);user-select: none;}.wb-marquee__track{display: flex;width: max-content;}.wb-marquee__item{display: inline-flex;align-items: center;gap: 2rem;padding-right: 2rem;font-family: "Host Grotesk","Host Grotesk Fallback",sans-serif;font-size: clamp(1.25rem,2.2vw,1.75rem);white-space: nowrap;}.wb-marquee__dot{width: .875rem;height: .4375rem;border-radius: 1rem 1rem 0 0;background: var(--wb-yellow);}.wb-band__inner{display: grid;grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);gap: 2.5rem 4rem;align-items: end;}.wb-band__title{font-size: clamp(2.25rem,4.6vw,4.25rem) !important;line-height: 1.02;letter-spacing: -.03em;}.wb-band__lead{margin: 0;font-size: 1.0625rem;line-height: 1.6;}.wb-band__actions{display: flex;flex-wrap: wrap;gap: .75rem;margin-top: 1.75rem;}/* Topo das listagens (home, busca, 404) e faixa amarela centralizados no mobile (pedido do Joisiney em 05/11/2026).
   O letreiro da faixa e o topo do artigo não mudam. */ @media screen and (max-width: 767px){.wb-hero--list .wb-hero__grid,.wb-hero--compact .wb-hero__grid{text-align: center;}.wb-hero--list .wb-breadcrumb,.wb-hero--compact .wb-breadcrumb{justify-content: center;}.wb-band__inner{text-align: center;}.wb-band__actions{justify-content: center;}}/* Artigo */ .wb-breadcrumb{display: flex;flex-wrap: wrap;gap: .5rem;margin-bottom: 1.5rem;font-size: .875rem;color: rgba(255,255,255,.72);}.wb-breadcrumb a{color: #fff;text-decoration: underline;text-underline-offset: 3px;display: inline;}.wb-breadcrumb__current{max-width: 28rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.wb-hero--single .wb-card__pills{margin-bottom: 1.5rem;}.wb-hero--single .wb-hero__grid{align-items: end;grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);}/* Ficha de leitura em forma de bilhete de reserva */ .wb-ticket{position: relative;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));margin: 1.75rem 0 0;background: #fff;color: var(--wb-ink);border-radius: 1rem;-webkit-mask: radial-gradient(circle at 0 50%,transparent .75rem,#000 .78rem) left / 51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent .75rem,#000 .78rem) right / 51% 100% no-repeat;mask: radial-gradient(circle at 0 50%,transparent .75rem,#000 .78rem) left / 51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent .75rem,#000 .78rem) right / 51% 100% no-repeat;}.wb-ticket > div{padding: 1.125rem 1rem 1.125rem 1.5rem;}.wb-ticket > div + div{border-left: 1px dashed var(--wb-line);}.wb-ticket dt{font-size: .6875rem;font-weight: 600;letter-spacing: .1em;text-transform: uppercase;color: var(--wb-muted);}.wb-ticket dd{margin: .25rem 0 0;font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-weight: 700;font-size: 1.25rem;}/* Imagem destacada: sobe sobre o arco */ .wb-single__cover{position: relative;z-index: 2;margin-top: -6rem;}.wb-figure{margin: 0;overflow: hidden;border-radius: 1.75rem;box-shadow: 0 30px 60px -24px rgba(0,0,0,.35);}.wb-figure img{display: block;width: 100%;height: auto;}.wb-figure--compact{max-width: min(100%,var(--single-image-source-width));border-radius: 1.25rem;}.wb-single__content{padding: 4.5rem 0 2rem;}.wb-single--absent .wb-single__content{padding-top: 0;margin-top: -5rem;position: relative;z-index: 2;}.wb-single--absent .wb-article-layout{padding: clamp(1.5rem,4vw,3.5rem);background: #fff;border-radius: 1.75rem;box-shadow: 0 30px 60px -24px rgba(0,0,0,.25);}.wb-article-layout{display: grid;grid-template-columns: minmax(0,1fr) 19rem;gap: clamp(2.5rem,5vw,5.5rem);align-items: start;}.wb-article-main{min-width: 0;max-width: 46rem;}/* Corpo: seções numeradas por contador CSS (funciona em qualquer post_content) */ .wb-prose{counter-reset: wb-sec;font-size: 1.125rem;line-height: 1.75;color: var(--wb-text);}.wb-prose > * + *{margin-top: 1.25rem;}.wb-prose > p:first-child{font-family: "Host Grotesk","Host Grotesk Fallback",sans-serif;font-size: clamp(1.25rem,1.8vw,1.5rem);line-height: 1.5;color: var(--wb-ink);}.wb-prose p{margin-bottom: 0;}.wb-prose h2{counter-increment: wb-sec;margin-top: 4rem !important;padding-top: 1.5rem;border-top: 1px solid var(--wb-ink);font-size: clamp(1.625rem,2.6vw,2.25rem);line-height: 1.15;letter-spacing: -.02em;scroll-margin-top: 9rem;}.wb-prose h2::before{content: counter(wb-sec,decimal-leading-zero);display: inline-grid;place-items: center;min-width: 2.5rem;height: 2.5rem;margin-right: .875rem;padding: 0 .5rem;border-radius: 50rem;background: var(--wb-yellow);font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-weight: 700;font-size: 1rem;letter-spacing: 0;vertical-align: .35em;}.wb-prose h3{margin-top: 2.5rem !important;font-size: 1.5rem;line-height: 1.3;}.wb-prose a{display: inline;color: var(--wb-ink);text-decoration: none;background: linear-gradient(var(--wb-yellow),var(--wb-yellow)) 0 100% / 100% .3em no-repeat;transition: background-size 350ms var(--wb-ease-io);}.wb-prose a:hover{background-size: 100% 100%;}.wb-prose ul,.wb-prose ol{padding-left: 0;margin-bottom: 0;list-style: none;}.wb-prose ol{counter-reset: wb-li;}.wb-prose li{position: relative;padding-left: 2rem;}.wb-prose li + li{margin-top: .625rem;}.wb-prose ul > li::before{content: "";position: absolute;left: .25rem;top: .62em;width: .75rem;height: .375rem;border-radius: 1rem 1rem 0 0;background: var(--wb-ink);}.wb-prose ol > li{counter-increment: wb-li;}.wb-prose ol > li::before{content: counter(wb-li) ".";position: absolute;left: 0;font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-weight: 700;color: var(--wb-ink);}.wb-prose blockquote{margin: 2.5rem 0 0;padding: 0 0 0 1.5rem;border-left: 4px solid var(--wb-yellow);font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-size: 1.375rem;line-height: 1.5;color: var(--wb-ink);}.wb-prose figure{margin: 2.5rem 0 0;}.wb-prose figure img{display: block;width: 100%;height: auto;border-radius: 1.25rem;}.wb-prose figcaption{margin-top: .75rem;font-size: .875rem;color: var(--wb-muted);}.wb-prose .table-scroll{overflow-x: auto;border: 1px solid var(--wb-ink);border-radius: 1.25rem;background: #fff;}.wb-prose table{width: 100%;min-width: 36rem;border-collapse: collapse;font-size: 1rem;line-height: 1.5;}.wb-prose caption{padding: 1rem 1.25rem;text-align: left;font-family: "Host Grotesk","Host Grotesk Fallback",sans-serif;font-size: 1.125rem;color: var(--wb-ink);}.wb-prose th,.wb-prose td{padding: .875rem 1.25rem;text-align: left;vertical-align: top;border-top: 1px solid var(--wb-cream);}.wb-prose thead th{background: var(--wb-ink);color: #fff;font-weight: 600;}.wb-prose tbody tr:hover{background: #fffbe0;}.wb-prose tbody th{font-weight: 600;color: var(--wb-ink);}.wb-prose a.solid-button{display: inline-flex;align-items: center;justify-content: center;max-width: 100%;padding: .875rem 1.75rem;border: 1px solid var(--wb-ink);border-radius: 50rem;background: var(--wb-yellow);color: var(--wb-ink);font-size: 1rem;font-weight: 600;line-height: 1.4;text-align: center;transition: background-color 250ms ease,transform 250ms ease;}.wb-prose a.solid-button:hover{background: var(--wb-yellow-dark);background-size: auto;}.wb-prose a.solid-button:active{transform: translateY(1px);}/* Sidebar: arco de progresso + índice com indicador deslizante + card da campanha */ /* A aside estica até a altura do artigo: sem isso o sticky não tem trilho (bug da v1). */ .wb-sidebar{align-self: stretch;}.wb-sidebar__sticky.is-sticky{position: sticky;top: var(--wb-nav-space);}.wb-gauge{position: relative;width: 7.5rem;height: 4.125rem;margin-bottom: 1.5rem;}.wb-gauge svg{display: block;width: 100%;height: auto;overflow: visible;}.wb-gauge__track,.wb-gauge__fill{fill: none;stroke-width: 10;stroke-linecap: round;}.wb-gauge__track{stroke: var(--wb-cream);}.wb-gauge__fill{stroke: var(--wb-yellow-dark);stroke-dasharray: 100;stroke-dashoffset: 100;transition: stroke-dashoffset 200ms linear;}.wb-gauge__value{position: absolute;left: 0;right: 0;bottom: .5rem;text-align: center;font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-weight: 700;font-size: 1.125rem;line-height: 1;}.wb-gauge__label{position: absolute;left: 7.75rem;bottom: .5rem;font-size: .75rem;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: var(--wb-muted);}.wb-toc__track{position: relative;}.wb-toc ul{margin: 0;padding: 0;list-style: none;border-left: 1px solid var(--wb-line);}.wb-toc__indicator{position: absolute;left: -1px;top: 0;width: 3px;height: 0;border-radius: 2px;background: var(--wb-ink);transition: transform 400ms var(--wb-ease-out),height 400ms var(--wb-ease-out);}.wb-toc__link{display: flex;gap: .625rem;padding: .4375rem 0 .4375rem 1rem;font-size: .9375rem;line-height: 1.4;color: var(--wb-muted);transition: color 250ms ease;}.wb-toc__n{flex: none;font-family: "Noticia Text","Noticia Text Fallback",serif;font-style: italic;font-weight: 700;font-size: .8125rem;line-height: 1.75;}.wb-toc__link:hover,.wb-toc__link.is-active{color: var(--wb-ink);}.sidebar-conversion{position: relative;overflow: hidden;margin-top: 2rem;padding: 1.75rem;border-radius: 1.5rem;background: var(--wb-ink);color: #fff;}.sidebar-conversion::after{content: "";position: absolute;left: -10%;right: -10%;bottom: -9.5rem;height: 13rem;border-radius: 50% 50% 0 0 / 100% 100% 0 0;background: var(--wb-arc);pointer-events: none;}.sidebar-conversion .primary-button{position: relative;z-index: 1;}.sidebar-conversion .wb-eyebrow{color: var(--wb-yellow);}.sidebar-conversion__title,.wb-panel__title{margin: 0 0 1.25rem;font-family: "Host Grotesk","Host Grotesk Fallback",sans-serif;font-size: 1.25rem;line-height: 1.3;color: var(--wb-ink);}.sidebar-conversion .sidebar-conversion__title{color: #fff;}.sidebar-conversion .wb-button-full{margin-top: 3.5rem;}.wb-button-full{width: 100%;}/* Barra de progresso no mobile (o arco da sidebar fica no fluxo) */ .wb-progress{display: none;position: fixed;left: 0;right: 0;top: 0;z-index: 10000000;height: 4px;pointer-events: none;}.wb-progress__bar{display: block;height: 100%;background: var(--wb-yellow-dark);transform: scaleX(0);transform-origin: left center;}/* Próxima leitura */ .wb-next{padding: 2rem 0 4rem;}.wb-next__link{position: relative;isolation: isolate;overflow: hidden;display: block;padding: clamp(2.5rem,6vw,5rem) clamp(1.5rem,5vw,4.5rem) clamp(7rem,12vw,10rem);border-radius: 2rem;background: var(--wb-dark);color: #fff;}.wb-next__eyebrow{color: var(--wb-yellow) !important;}.wb-next__title{max-width: 52rem;font-size: clamp(1.875rem,4.4vw,4rem) !important;line-height: 1.04 !important;letter-spacing: -.03em;color: #fff !important;}.wb-next__go{position: absolute;z-index: 1;right: clamp(1.5rem,5vw,4.5rem);bottom: clamp(1.5rem,3vw,2.5rem);display: inline-flex;align-items: center;gap: .625rem;padding: .875rem 1.5rem;border: 1px solid var(--wb-ink);border-radius: 50rem;background: #fff;color: var(--wb-ink);font-weight: 600;}.wb-arc--next{--wb-arc-visible: 5rem;transition: transform 900ms var(--wb-ease-out);z-index: -1;left: 30%;width: max(40rem,70vw);}.wb-next__link:hover .wb-arc--next,.wb-next__link:focus-visible .wb-arc--next{--wb-arc-visible: 11rem;}.wb-next__link:hover .wb-next__go .wb-arrow{transform: translateX(3px);}.wb-next__go .wb-arrow{transition: transform 300ms var(--wb-ease-out);}.wb-related{padding: 2rem 0 6rem;}.wb-related--404{padding-top: 5rem;}/* Painel flutuante de conversão */ .wb-panel{position: fixed;right: 1.5rem;bottom: 1.5rem;z-index: 1000;width: 21rem;max-width: calc(100vw - 2rem);padding: 1.75rem;border: 1px solid var(--wb-ink);border-radius: 1.25rem;background: #fff;box-shadow: 0 18px 40px rgba(0,0,0,.14);transition: opacity 300ms ease,transform 300ms ease;}.wb-panel[hidden]{display: none;}.wb-panel.is-entering{opacity: 0;transform: translateY(16px);}.wb-panel__close{position: absolute;top: .75rem;right: .75rem;display: grid;place-items: center;width: 2.25rem;height: 2.25rem;border: 0;border-radius: 50%;background: transparent;color: var(--wb-ink);cursor: pointer;}.wb-panel__close:hover{background: var(--wb-cream);}/* ---- Movimento (só com html.wb-motion; keyframes rodam sem depender do JS) ---- */ @keyframes wb-sunrise{from{transform: translate(-50%,100%);}}@keyframes wb-rise{from{transform: translateY(110%);}}@keyframes wb-fade-up{from{opacity: 0;transform: translateY(24px);}}@keyframes wb-arc-reveal{from{clip-path: inset(100% 0 0 0 round 50% 50% 0 0);}to{clip-path: inset(0 0 0 0 round 0);}}@keyframes wb-parallax{from{transform: scale(1.12) translateY(-4%);}to{transform: scale(1.02) translateY(3%);}}@keyframes wb-marquee{to{transform: translateX(-33.333%);}}/* Letreiro em loop lento e contínuo (pedido do Joisiney em 04/11/2026): a faixa tem três cópias e anda exatamente uma,
   então a emenda não aparece. Pausa sob o ponteiro; com movimento reduzido fica parado (regra abaixo). */ .wb-motion .wb-marquee__track{animation: wb-marquee 60s linear infinite;will-change: transform;}.wb-marquee:hover .wb-marquee__track{animation-play-state: paused;}.wb-motion .wb-arc{animation: wb-sunrise 1600ms var(--wb-ease-out) 150ms both;}.wb-motion .wb-arc--next{animation: none;}.wb-motion .wb-w__in{animation: wb-rise 1000ms var(--wb-ease-out) both;animation-delay: calc(250ms + var(--i) * 70ms);}.wb-motion [data-reveal-load]{animation: wb-fade-up 900ms var(--wb-ease-out) 600ms both;}.wb-motion .wb-cover__media,.wb-motion .wb-figure{animation: wb-arc-reveal 1300ms var(--wb-ease-io) 450ms both;}.wb-motion .wb-cover-wrap .wb-cover,.wb-motion .wb-single__cover{animation: wb-fade-up 1000ms var(--wb-ease-out) 350ms both;}.wb-motion [data-reveal]{opacity: 0;transform: translateY(28px);transition: opacity 800ms var(--wb-ease-out),transform 800ms var(--wb-ease-out);}.wb-motion [data-reveal].is-visible{opacity: 1;transform: none;}.wb-motion .wb-rows > [data-reveal]:nth-child(2){transition-delay: 80ms;}.wb-motion .wb-rows > [data-reveal]:nth-child(3){transition-delay: 160ms;}.wb-motion .wb-rows > [data-reveal]:nth-child(4){transition-delay: 240ms;}.wb-motion .wb-duo > [data-reveal]:nth-of-type(2){transition-delay: 120ms;}/* Rolagem: imagem da single e letreiro da faixa só se movem enquanto a página rola (sem autoplay) */ @supports (animation-timeline: view()){.wb-motion .wb-figure--wide img{animation: wb-parallax linear both;animation-timeline: view();animation-range: cover 0% cover 100%;}}@media (prefers-reduced-motion: reduce){.wb-arc,.wb-w__in,[data-reveal-load],.wb-cover__media,.wb-figure,.wb-cover,.wb-single__cover,.wb-figure img,.wb-marquee__track{animation: none !important;}.wb-motion [data-reveal]{opacity: 1 !important;transform: none !important;transition: none !important;}.primary-button .button-bg,.wb-card__media img,.wb-cover__media img,.wb-card__link,.wb-row__link::before,.wb-row__main,.wb-row__num,.wb-row__go,.wb-card__go,.wb-toc__indicator,.wb-gauge__fill,.wb-arc--next,.wb-cover__title > span{transition: none !important;}.wb-preview{display: none;}}/* ---- Responsivo (quebras do site: 991, 767 e 479 px) ---- */ @media screen and (max-width: 1199px){.wb-cover__link{grid-template-columns: 1fr;}.wb-cover__media{min-height: 0;aspect-ratio: 2 / 1;}}@media screen and (max-width: 991px){:root{--wb-nav-space: 7rem;}.wb-hero__grid,.wb-hero--single .wb-hero__grid{grid-template-columns: 1fr;gap: 2rem;}:root{--wb-arc-visible: 12rem;}.wb-duo{grid-template-columns: 1fr 1fr;}.wb-duo .wb-card:nth-of-type(2) .wb-card__media{aspect-ratio: 16 / 9;}.wb-row__link{grid-template-columns: 3.5rem minmax(0,1fr) auto;gap: 1.5rem;padding: 2rem .75rem;}.wb-row__side time{display: none;}.wb-article-layout{grid-template-columns: 1fr;gap: 3rem;}.wb-article-main{max-width: none;}.wb-sidebar__sticky.is-sticky{position: static;}.wb-sidebar .wb-gauge{display: none;}.wb-progress{display: block;}.wb-band__inner{grid-template-columns: 1fr;}}@media screen and (max-width: 767px){.wb-row__title{-webkit-line-clamp: 3;line-clamp: 3;}:root{--wb-nav-space: 6rem;}:root{--wb-arc-visible: 9rem;}.wb-hero{padding-top: calc(var(--wb-nav-space) + 2.5rem);}.wb-hero--compact,.wb-hero--single{--wb-arc-visible: 8rem;}.wb-arc,.wb-arc--single{left: 50%;width: 52rem;}.wb-cover-wrap,.wb-single__cover{margin-top: -4.5rem;}.wb-single--absent .wb-single__content{margin-top: -4rem;}.wb-duo{grid-template-columns: 1fr;}.wb-list{padding: 3.5rem 0 4.5rem;}.wb-index{margin-top: 3.5rem;}.wb-row__link{grid-template-columns: minmax(0,1fr) 5.5rem;grid-template-areas: "num thumb" "main thumb";gap: .5rem 1rem;padding: 1.5rem .25rem;align-items: start;}.wb-row__num{grid-area: num;font-size: 1rem;}.wb-row__main{grid-area: main;}.wb-row__thumb{grid-area: thumb;display: block;width: 5.5rem;height: 5.5rem;overflow: hidden;border-radius: .875rem;background: var(--wb-cream);}.wb-row__thumb img{width: 100%;height: 100%;object-fit: cover;}.wb-row__side{display: none;}.wb-row__excerpt{display: none;}.wb-row__title{font-size: 1.25rem !important;}.wb-ticket > div{padding: 1rem .75rem 1rem 1.25rem;}.wb-ticket{grid-template-columns: .8fr 1.25fr .8fr;}.wb-ticket dd{font-size: 1rem;white-space: nowrap;}.wb-prose{font-size: 1.0625rem;}.wb-marquee{margin-bottom: 3.5rem;}.wb-band{padding-bottom: 4rem;}.wb-panel{right: 1rem;bottom: 1rem;}.wb-pagination{justify-content: center;}.wb-pagination__nums{order: -1;width: 100%;justify-content: center;}}@media screen and (max-width: 479px){.wb-search__submit{padding: .5rem 1rem;}.wb-breadcrumb__current{max-width: 14rem;}.wb-cover__body{padding: 1.5rem;}.wb-card__body{padding: 1.5rem;}}