/* BeConfident — blog PT (/pt-br/artigos). Shell medido na raiz https://beconfident.app/ (Framer, pt-BR) em 27/10/2026:
   header fixo transparente com pílulas brancas/roxas, menu em pílulas, rodapé em tela cheia com gradiente e sorriso da marca.
   O seletor de idioma é o componente aprovado na run anterior, adaptado à altura das pílulas (52px). Tokens por site. */ :root{--bc-bg: #f2ebff;--bc-surface: #ffffff;--bc-lilac: #ece6fa;--bc-lilac-strong: #d0bafd;--bc-primary: #8134fe;--bc-pill: #7e2eff;--bc-pill-hover: #5608f7;--bc-primary-hover: #5608f7;--bc-primary-soft: #6a1aff;--bc-deep: #20044e;--bc-ink: #18161a;--bc-heading: #20044e;--bc-text: #5e697f;--bc-muted: #8a8199;--bc-meta: #706680;--bc-line: #e4dbf8;--bc-shadow: 0 1px 2px rgba(32,4,78,.04),0 18px 40px -24px rgba(32,4,78,.18);--bc-font-head: 'Rethink Sans',sans-serif;--bc-font-body: 'Inter',sans-serif;--bc-container: 1140px;--bc-header-h: 100px;--bc-radius-pill: 16px;--bc-radius-card: 24px;/* Mola observada na entrada do header e do título (leve passagem do ponto final antes de assentar). */ --bc-spring: cubic-bezier(.22,1.18,.36,1);}@media (min-width: 768px) and (max-width: 1099px){:root{--bc-header-h: 80px;}}*,*::before,*::after{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%;scroll-padding-top: calc(var(--bc-header-h) + 24px);scrollbar-gutter: stable;}@supports not (scrollbar-gutter: stable){html{overflow-y: scroll;}}body{margin: 0;background: var(--bc-bg);color: #333;font-family: var(--bc-font-body);font-size: 18px;line-height: 1.5;}img{max-width: 100%;height: auto;}a{color: var(--bc-primary);}button{font: inherit;}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}.skip-link{position: absolute;left: 12px;top: -60px;z-index: 2000;padding: 12px 16px;border-radius: var(--bc-radius-pill);background: var(--bc-pill);color: #fff;font: 400 16px/1 var(--bc-font-head);text-decoration: none;}.skip-link:focus{top: 12px;}:focus-visible{outline: 2px solid var(--bc-primary);outline-offset: 3px;}/* ---------------------------------------------------------------- shell: header (raiz beconfident.app, nav Desktop/Phone) */ @keyframes bc-drop-in{from{opacity: .001;transform: translateY(-80px);}to{opacity: 1;transform: none;}}@keyframes bc-rise-in{from{opacity: .001;transform: translateY(80px);}to{opacity: 1;transform: none;}}.bc-header{position: fixed;inset: -2px 0 auto 0;z-index: 1000;pointer-events: none;animation: bc-drop-in .7s var(--bc-spring) .15s both;}/* Mesmos valores computados do nav do Framer (flex, space-between, padding 24, fonte base 12px sans-serif, cor #000); os filhos definem a própria tipografia. */ .bc-header__inner{position: relative;display: flex;align-items: center;justify-content: space-between;height: var(--bc-header-h);padding: 24px;color: #000;font: 400 12px/normal sans-serif;}.bc-header__inner > *{pointer-events: auto;}/* Pílulas brancas de 52px, raio 16, Rethink 16 #18161A; hover do Framer: escala 1,06. */ .bc-menu__toggle,.bc-header__cta,.bc-lang__trigger{display: inline-flex;align-items: center;height: 52px;border: 0;border-radius: var(--bc-radius-pill);background: #fff;color: var(--bc-ink);font: 400 16px/16px var(--bc-font-head);text-decoration: none;cursor: pointer;transition: transform .25s var(--bc-spring),background-color .2s ease,color .2s ease;}/* Hover medido na raiz: a pílula cresce 4px para cada lado (128×52 → 136×60) e o texto não muda de tamanho.
   Uma camada de fundo atrás do botão se expande; o fundo computado do botão continua branco. */ .bc-menu__toggle,.bc-header__cta,.bc-lang__trigger{position: relative;isolation: isolate;}:is(.bc-menu__toggle,.bc-header__cta,.bc-lang__trigger)::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: #fff;transition: inset .25s var(--bc-spring),background-color .2s ease;}:is(.bc-menu__toggle,.bc-header__cta,.bc-lang__trigger):hover::before{inset: -4px;}:is(.bc-menu__toggle,.bc-header__cta,.bc-lang__trigger):active::before{inset: -1px;}.bc-header__cta{padding: 0 20px;}.bc-header__actions{display: flex;align-items: center;gap: 8px;}/* Logo: pílula roxa #7E2EFF 160×44 centralizada; no layout Phone (<1100px) vira quadrado 52×52 com o símbolo. */ /* Mesmo posicionamento computado do Framer: absoluto, top 48px e translate(-50%, -50%); padding 14/20/12. */ .bc-header__logo{position: absolute;left: 50%;top: 48px;display: flex;align-items: center;justify-content: center;gap: 0;width: 160px;height: 44px;padding: 14px 20px 12px;border-radius: var(--bc-radius-pill);background: var(--bc-pill);color: #0000ee;transform: translate(-50%,-50%);}.bc-header__wordmark{display: block;width: 120px;height: 16px;}.bc-header__symbol{display: none;width: 22px;height: 18px;}/* Rosto da marca (24px): esfera roxa + traços brancos, os mesmos arquivos do botão Menu da raiz. */ .bc-face{position: relative;display: inline-block;flex: none;width: 24px;height: 24px;border-radius: 50%;overflow: hidden;}.bc-face img{position: absolute;inset: 0;width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;}/* Os traços olham para o ponteiro quando ele passa perto (JS define --look-*), como o "Face interativa" da raiz. */ .bc-face{perspective: 600px;}.bc-face__features{object-fit: contain;transition: transform .45s var(--bc-spring);}.bc-face.is-looking .bc-face__features{transform: translate(var(--look-x,0px),var(--look-y,0px)) rotateY(var(--look-ry,0deg)) rotateX(var(--look-rx,0deg));}/* Menu: botão "Menu" → quadrado roxo com X; itens em pílulas roxas empilhadas. */ .bc-menu{position: relative;display: flex;}/* O wrapper do botão repete o estilo computado do Framer (12px sans-serif #000, fundo branco); o rótulo leva a tipografia. */ .bc-menu__toggle{position: relative;display: flex;justify-content: center;gap: 10px;padding: 14px 16px;color: #000;font: 400 12px/normal sans-serif;}.bc-menu__label{color: var(--bc-ink);font: 400 16px/16px var(--bc-font-head);}.bc-menu__toggle > svg{display: none;width: 18px;height: 18px;fill: none;stroke: #fff;stroke-width: 2.2;stroke-linecap: round;}.bc-menu__toggle[aria-expanded="true"]{justify-content: center;width: 52px;padding: 0;background: var(--bc-pill);}.bc-menu__toggle[aria-expanded="true"]::before{background: var(--bc-pill);}.bc-menu__toggle[aria-expanded="true"] > svg{display: block;}.bc-menu__toggle[aria-expanded="true"] > .bc-face,.bc-menu__toggle[aria-expanded="true"] > .bc-menu__label{display: none;}.bc-menu__toggle[aria-expanded="true"]:hover,.bc-menu__toggle[aria-expanded="true"]:hover::before{background: var(--bc-pill-hover);}.bc-menu__panel{position: absolute;left: 0;top: calc(100% + 28px);}.bc-menu__panel[hidden]{display: none;}.bc-menu__list{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;margin: 0;padding: 0;list-style: none;}.bc-menu__item{position: relative;display: inline-flex;align-items: center;height: 48px;padding: 0 16px;border-radius: var(--bc-radius-pill);background: var(--bc-pill);color: #fff;font: 400 16px/16px var(--bc-font-head);text-decoration: none;white-space: nowrap;transition: transform .25s var(--bc-spring),background-color .2s ease,opacity .22s ease;}/* No hover a pílula escurece (#5608F7), cresce 1,06 e anda para a direita; o rosto aparece no lugar, como na raiz. */ .bc-menu__item .bc-face{position: absolute;left: -54px;top: 50%;width: 44px;height: 44px;margin-top: -22px;opacity: 0;transform: scale(.6);transition: opacity .2s ease,transform .25s var(--bc-spring);}.bc-menu__item:hover,.bc-menu__item:focus-visible{background: var(--bc-pill-hover);transform: translateX(54px) scale(1.06);}.bc-menu__item:hover .bc-face,.bc-menu__item:focus-visible .bc-face{opacity: 1;transform: none;}.bc-menu.is-opening .bc-menu__item{opacity: 0;transform: translateY(-6px);}/* Seletor de idioma (aprovado na run anterior): mesma estrutura, na altura das pílulas e com raio total como a bandeira da raiz. */ .bc-lang{position: relative;}.bc-lang__trigger{position: relative;z-index: 11;gap: 8px;padding: 0 14px 0 11px;border-radius: 999px;font-weight: 500;}.bc-lang__trigger[aria-expanded="true"]{background: #fff;box-shadow: 0 0 0 2px var(--bc-lilac-strong);}.bc-flag{display: inline-block;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #d9d4e6;object-fit: cover;flex: none;background: #fff;}.bc-lang__chevron{width: 12px;height: 12px;fill: none;stroke: currentColor;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round;transition: transform .2s ease;}.bc-lang__trigger[aria-expanded="true"] .bc-lang__chevron{transform: rotate(180deg);}/* O painel começa no topo do grupo; o padding (altura do gatilho + 10px) é a ponte do ponteiro, só ativa com o grupo aberto. */ .bc-lang__panel{position: absolute;right: 0;top: 0;z-index: 10;width: 220px;padding-top: 62px;visibility: hidden;opacity: 0;transform: translateY(-6px);transition: opacity .18s ease,transform .18s ease,visibility 0s linear .18s;}.bc-lang.is-open .bc-lang__panel{visibility: visible;opacity: 1;transform: none;transition: opacity .18s ease,transform .18s ease,visibility 0s;}.bc-lang:not(.is-open) .bc-lang__panel{pointer-events: none;}.bc-lang__card{padding: 12px;border-radius: var(--bc-radius-pill);background: #fff;box-shadow: 0 18px 40px rgba(32,4,78,.14);}.bc-lang__title{margin: 2px 8px 8px;color: var(--bc-muted);font: 500 12px/1.2 var(--bc-font-head);letter-spacing: .06em;text-transform: uppercase;}.bc-lang__list{margin: 0;padding: 0;list-style: none;}.bc-lang__link{display: flex;align-items: center;gap: 10px;padding: 8px;border-radius: 12px;color: var(--bc-ink);font: 400 16px/1.2 var(--bc-font-head);text-decoration: none;transition: background-color .15s;}.bc-lang__link .bc-flag{width: 26px;height: 26px;}.bc-lang__link:hover,.bc-lang__link:focus-visible{background: var(--bc-bg);}.bc-lang__link[aria-current="page"]{color: var(--bc-pill);font-weight: 500;}.bc-lang__link[aria-current="page"]::after{content: "";width: 8px;height: 8px;margin-left: auto;border-radius: 50%;background: var(--bc-pill);}/* Layout Phone da raiz (<1100px): logo quadrado + idioma à esquerda, Menu à direita, sem o CTA no header. */ /* Variante Small desktop (1100–1439px): rótulo do Menu em 15px. */ @media (min-width: 1100px) and (max-width: 1439px){.bc-menu__label{font-size: 15px;line-height: 15px;}}@media (max-width: 1099px){.bc-header__inner{padding: 20px 13px;}.bc-menu{order: 3;margin-right: -4px;}.bc-menu__panel{left: auto;right: 0;}.bc-menu__list{align-items: flex-end;}.bc-menu__item .bc-face{display: none;}.bc-menu__item:hover,.bc-menu__item:focus-visible{transform: scale(1.06);}.bc-header__logo{left: 10px;top: 50%;width: 52px;height: 52px;padding: 0;transform: translateY(-26px);}.bc-menu__label{font-size: 14px;line-height: 14px;}.bc-menu{margin-top: -1px;}.bc-header__wordmark{display: none;}.bc-header__symbol{display: block;}.bc-header__actions{order: 2;margin-right: auto;margin-left: 55px;}.bc-header__cta{display: none;}.bc-lang__trigger{justify-content: center;width: 52px;padding: 0;}.bc-lang__short,.bc-lang__trigger .bc-lang__chevron{display: none;}.bc-lang__panel{left: 0;right: auto;}}/* ---------------------------------------------------------------- shell: rodapé (raiz: data-framer-name=Footer) */ /* Como na raiz, o rodapé passa por cima do header fixo ao chegar ao topo da tela. A raiz do rodapé repete os valores
   computados do Framer (flex, space-between, padding 24, fonte base 12px sans-serif); cor e fundo ficam nas camadas. */ .bc-footer{position: relative;z-index: 1001;display: flex;align-items: center;justify-content: space-between;overflow: hidden;isolation: isolate;min-height: max(640px,100vh);padding: 24px;color: #000;font: 400 12px/normal sans-serif;}/* Na raiz o fundo é um canvas animado sobre #20044E; aqui, manchas radiais que derivam devagar (estáticas com movimento reduzido). */ .bc-footer__bg{position: absolute;inset: -20%;z-index: -2;pointer-events: none;background: radial-gradient(38% 46% at 74% 48%,#975bf9 0%,rgba(151,91,249,0) 70%),radial-gradient(42% 50% at 92% 96%,#ae88fb 0%,rgba(174,136,251,0) 70%),radial-gradient(50% 60% at 40% 100%,#4506c6 0%,rgba(69,6,198,0) 70%),radial-gradient(60% 60% at 20% 20%,#2d066d 0%,rgba(45,6,109,0) 70%),var(--bc-deep);animation: bc-footer-drift 24s ease-in-out infinite alternate;}@keyframes bc-footer-drift{from{transform: translate3d(-3%,2%,0) scale(1);}to{transform: translate3d(4%,-3%,0) scale(1.08);}}.bc-footer__smile{position: absolute;left: 50%;top: 28.2%;z-index: -1;width: min(930px,64.6vw);height: auto;translate: -50% 0;fill: rgba(255,255,255,.15);}/* Grade medida na variante "Brasil / Desktop" (1440×900): topo em 24px, chamada centrada na faixa do meio, links a 24px do fim. */ .bc-footer__inner{position: absolute;inset: 24px;display: grid;grid-template-rows: auto 1fr auto;}.bc-footer__top{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;}.bc-footer ul{margin: 0;padding: 0;list-style: none;}/* Ícones sociais com 14px entre eles (pedido de Joisiney em 27/10/2026; na raiz são 4px). */ .bc-footer__social{display: flex;gap: 14px;}.bc-footer .bc-footer__social a{display: grid;place-items: center;width: 38px;height: 38px;border-radius: 999px;background: #fff;color: #0000ee;transition: transform .25s var(--bc-spring);}.bc-footer__social a:hover{transform: scale(1.06);}.bc-footer__social img{width: 20px;height: 20px;}.bc-footer__stores{display: grid;gap: 4px;justify-items: end;}/* Selos dentro da moldura branca arredondada da raiz (125×38, borda 1px). */ .bc-footer__stores a{display: block;padding: 0 2px;border: 1px solid #fff;border-radius: 8px;transition: transform .25s var(--bc-spring);}.bc-footer__stores a:hover{transform: scale(1.04);}.bc-footer__stores img{display: block;width: 120px;height: auto;}.bc-footer__pitch{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;align-self: center;}.bc-footer__headline{max-width: 560px;margin: 0;color: #f2ebff;font: 400 48px/57.6px var(--bc-font-head);letter-spacing: -.5px;}.bc-footer a{color: #f2ebff;text-decoration: none;}.bc-footer__cta,.bc-footer__legal a,.bc-footer__support a{display: inline-block;padding: 2px 0;font: 400 16px/16px var(--bc-font-head);}.bc-footer__legal li,.bc-footer__support li{display: flex;}.bc-footer__cta:hover,.bc-footer__legal a:hover,.bc-footer__support a:hover{text-decoration: underline;text-underline-offset: 4px;}.bc-footer :focus-visible{outline-color: #fff;}/* Linha final como na raiz: bloco de links (640px: legais à esquerda, vendas/suporte na base), dados da empresa e ©, em space-between. */ .bc-footer__bottom{position: relative;display: flex;align-items: flex-end;justify-content: space-between;}/* Larguras medidas em 1440px (640 / 278); encolhem antes de encostar, nunca se sobrepõem. */ .bc-footer__links{display: flex;align-items: flex-end;justify-content: space-between;gap: 24px;flex: 0 1 640px;min-width: 0;margin-right: 32px;}.bc-footer__legal{display: grid;gap: 8px;}.bc-footer__support{display: flex;align-items: center;}.bc-footer__support li{display: flex;align-items: center;}.bc-footer__support li + li::before{content: "";width: 1px;height: 14px;margin: 0 20px;background: currentColor;}.bc-footer__company{flex: 0 1 278px;min-width: 0;margin: 0 32px 0 0;color: #f2ebff;font: 400 8.96px/13.44px var(--bc-font-head);}.bc-footer__copy{margin: 0;color: #f2ebff;font: 400 16px/25.6px var(--bc-font-head);white-space: nowrap;}/* Variantes "Brasil / Mobile" e "Brasil / Tablet" da raiz (abaixo de 1200px): padding 28/16, chamada centralizada, sorriso, links empilhados. */ @media (max-width: 1199px){.bc-footer{padding: 28px 16px;}.bc-footer__inner{inset: 28px 16px;}.bc-footer__smile{top: 59.4%;width: 193px;}.bc-footer__pitch{align-items: center;gap: 18px;text-align: center;}.bc-footer__headline{max-width: 420px;font-size: 28px;line-height: 36.96px;}/* "Links" mobile do Framer: grade de 2 colunas iguais, gap 54, centralizada. */ .bc-footer__bottom{position: relative;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));grid-template-rows: auto 64px;align-items: normal;justify-content: center;gap: 54px;}.bc-footer__legal a,.bc-footer__support a{white-space: nowrap;}.bc-footer__links{display: contents;}.bc-footer__legal{grid-column: 1;gap: 14px;}.bc-footer__support{grid-column: 1;grid-row: 2;display: grid;gap: 14px;}.bc-footer__support li + li::before{content: none;}.bc-footer__company{display: none;}.bc-footer__copy{grid-column: 2;grid-row: 2;justify-self: end;align-self: end;}}/* Faixa Tablet (810–1199px): a chamada sobe 100px para não ficar sobre o sorriso (pedido de Joisiney em 27/10/2026). */ @media (min-width: 810px) and (max-width: 1199px){.bc-footer__smile{top: 43%;width: 324px;}.bc-footer__pitch{position: relative;top: -100px;}}/* Mesmo espaço entre o selo da App Store e o do Google Play em todas as larguras: 4px de gap + 15px (pedido de Joisiney em 27/10/2026). */ .bc-footer__stores li + li{margin-top: 15px;}/* Mobile: links da base centralizados e mais compactos, para o bloco descer e abrir espaço abaixo do sorriso
   (que continua no mesmo lugar). Vendas | suporte em uma linha, como no desktop. Pedido de Joisiney em 27/10/2026. */ @media (max-width: 767px){.bc-footer__inner{inset: 28px 16px 20px;}/* Chamada 50px acima do centro da faixa do meio (pedido de Joisiney em 27/10/2026); a animação de entrada continua no transform. */ .bc-footer__pitch{position: relative;top: -50px;}.bc-footer__bottom{display: flex;flex-direction: column;align-items: center;gap: 18px;text-align: center;}.bc-footer__legal{justify-items: center;gap: 12px;}.bc-footer__support{display: flex;align-items: center;justify-content: center;gap: 0;}.bc-footer__support li + li::before{content: "";width: 1px;height: 14px;margin: 0 16px;background: currentColor;}.bc-footer__copy{justify-self: auto;align-self: auto;}}/* ---------------------------------------------------------------- movimento observado na raiz */ /* fill backwards: depois da entrada, os efeitos de rolagem (JS) assumem opacity/scale/translate sem conflito. */ .bc-hub,.bc-article__head,.bc-404{animation: bc-rise-in .7s var(--bc-spring) .45s backwards;}/* Títulos palavra por palavra (o JS divide o texto só no navegador; o HTML inicial fica intacto). */ @keyframes bc-word-in{from{opacity: 0;transform: translateY(16px);}to{opacity: 1;transform: none;}}.bc-word{display: inline-block;}.bc-words--intro .bc-word{animation: bc-word-in .7s var(--bc-spring) both;animation-delay: calc(.5s + var(--i) * 60ms);}.bc-words--scroll .bc-word{opacity: var(--p,0);transform: translateY(calc((1 - var(--p,0)) * 16px));}/* Brilho roxo atrás do título, como o brilho do hero da raiz; encolhe com a rolagem. */ .bc-hub{position: relative;isolation: isolate;}.bc-hub__glow{position: absolute;left: 50%;top: -40px;z-index: -1;width: min(900px,100%);height: 420px;translate: -50% 0;border-radius: 50%;pointer-events: none;background: radial-gradient(closest-side,rgba(174,136,251,.42),rgba(208,186,253,.18) 55%,rgba(242,235,255,0));filter: blur(8px);scale: var(--glow,1.15);}.bc-card__media img,.bc-figure img{will-change: scale;}/* Revelação por rolagem (cards): só quando o JS marca a página; sem JS ou com movimento reduzido, tudo aparece. */ .js-reveal [data-reveal]{opacity: 0;transform: translateY(40px);transition: opacity .6s ease,transform .7s var(--bc-spring);transition-delay: var(--reveal-delay,0s);}.js-reveal [data-reveal].is-revealed{opacity: 1;transform: none;}/* Rodapé: na raiz os três blocos entram de baixo (32px) com fade sempre que o rodapé aparece e voltam ao estado inicial ao sair. */ .js-footer-motion .bc-footer__top,.js-footer-motion .bc-footer__pitch,.js-footer-motion .bc-footer__bottom{opacity: 0;transform: translateY(32px);transition: opacity .6s ease,transform .7s var(--bc-spring);}.js-footer-motion .bc-footer__pitch{transition-delay: .08s;}.js-footer-motion .bc-footer__bottom{transition-delay: .16s;}.js-footer-motion .bc-footer.is-inview .bc-footer__top,.js-footer-motion .bc-footer.is-inview .bc-footer__pitch,.js-footer-motion .bc-footer.is-inview .bc-footer__bottom{opacity: 1;transform: none;}/* A saída é instantânea: fora da tela os blocos voltam direto ao estado inicial. */ .js-footer-motion .bc-footer:not(.is-inview) :is(.bc-footer__top,.bc-footer__pitch,.bc-footer__bottom){transition: none;}/* Botão roxo padrão (raiz: pílula #7E2EFF, raio 16, Rethink 16; hover #5608F7 + escala). */ .bc-button{display: inline-flex;align-items: center;justify-content: center;gap: 6px;height: 48px;padding: 0 20px;border: 0;border-radius: var(--bc-radius-pill);background: var(--bc-pill);color: #fff;font: 400 16px/1 var(--bc-font-head);text-decoration: none;transition: background-color .2s ease,transform .25s var(--bc-spring);}.bc-button svg{width: 12px;height: 12px;fill: currentColor;flex: none;}.bc-button:hover,.bc-button:focus-visible{background: var(--bc-pill-hover);color: #fff;transform: scale(1.06);}.bc-button:active{transform: scale(.98);}/* ---------------------------------------------------------------- área editorial */ /* overflow-x: clip recorta brilhos e imagens ampliadas sem criar área de rolagem (o sticky da sidebar continua funcionando). */ .bc-main{padding: calc(var(--bc-header-h) + 48px) 0 112px;overflow-x: clip;}/* Mobile: metade do respiro entre o fim do conteúdo e o rodapé (112px → 56px). */ @media (max-width: 767px){.bc-main{padding-top: calc(var(--bc-header-h) + 16px);padding-bottom: 56px;}}.bc-container{max-width: var(--bc-container);margin: 0 auto;padding: 0 10px;}@media (max-width: 1024px){.bc-container{padding: 0 15px;}}.bc-eyebrow{margin: 0 0 10px;color: var(--bc-primary);font-family: var(--bc-font-head);font-size: 15px;font-weight: 600;letter-spacing: .04em;text-transform: uppercase;}.bc-page-title{margin: 0;color: var(--bc-heading);font-family: var(--bc-font-head);font-size: clamp(36px,5vw,56px);font-weight: 400;line-height: 1.1;letter-spacing: -.04em;overflow-wrap: anywhere;}.bc-page-title em{color: var(--bc-primary);font-style: normal;}.bc-search{display: flex;align-items: center;gap: 8px;width: min(100%,420px);padding: 6px 6px 6px 18px;border: 1px solid transparent;border-radius: var(--bc-radius-pill);background: #fff;transition: border-color .2s,box-shadow .2s;}.bc-search:focus-within{border-color: var(--bc-primary);box-shadow: 0 0 0 3px rgba(129,52,255,.14);}.bc-search svg{width: 18px;height: 18px;flex: none;fill: none;stroke: var(--bc-meta);stroke-width: 2;stroke-linecap: round;}.bc-search input{flex: 1 1 auto;min-width: 0;height: 44px;border: 0;background: transparent;color: var(--bc-ink);font: 400 16px/1 var(--bc-font-head);}.bc-search input:focus{outline: none;}.bc-search input::placeholder{color: #8a8698;}.bc-search button{height: 44px;padding: 0 20px;border: 0;border-radius: 12px;background: var(--bc-pill);color: #fff;font: 400 16px/1 var(--bc-font-head);cursor: pointer;transition: background-color .2s,transform .25s var(--bc-spring);}.bc-search button:hover,.bc-search button:focus-visible{background: var(--bc-pill-hover);transform: scale(1.04);}/* Cabeçalho da listagem no padrão do hero da raiz: centralizado, título Rethink 72 #20044E (−3,5px), contagem no tom do
   subtítulo (#8A8199), busca em pílula branca e categorias em pílulas como o menu. Sem caixa nem texto de apoio inventado. */ .bc-hub{display: flex;flex-direction: column;align-items: center;max-width: 960px;margin: 0 auto 64px;text-align: center;}.bc-hub .bc-eyebrow{display: inline-flex;align-items: center;height: 36px;margin: 0 0 22px;padding: 0 14px;border: 1px solid var(--bc-lilac-strong);border-radius: var(--bc-radius-pill);color: var(--bc-heading);font: 400 15px/1 var(--bc-font-head);letter-spacing: 0;text-transform: none;}.bc-hub .bc-page-title{font-size: clamp(40px,6vw,72px);line-height: 1.2;letter-spacing: -.048em;}.bc-hub__count{margin: 14px 0 0;color: var(--bc-muted);font: 400 16px/25.6px var(--bc-font-head);}.bc-hub__count strong{color: var(--bc-heading);font-weight: 500;}.bc-hub__description{max-width: 620px;margin-top: 12px;color: var(--bc-muted);font: 400 16px/25.6px var(--bc-font-head);}.bc-hub__description > :first-child{margin-top: 0;}.bc-hub__description > :last-child{margin-bottom: 0;}.bc-hub__search{width: min(100%,520px);margin-top: 32px;}.bc-hub .bc-search{width: 100%;}.bc-topics{display: flex;flex-direction: column;align-items: center;gap: 12px;width: 100%;margin-top: 28px;}.bc-topics__list{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin: 0;padding: 4px;list-style: none;}.bc-topics.is-collapsed .bc-topics__list > li.is-overflow{display: none;}.bc-topic{display: inline-flex;align-items: center;gap: 8px;height: 48px;padding: 0 16px;border-radius: var(--bc-radius-pill);background: #fff;color: var(--bc-ink);font: 400 16px/16px var(--bc-font-head);text-decoration: none;white-space: nowrap;transition: transform .25s var(--bc-spring),background-color .2s ease,color .2s ease;}.bc-topic__count{color: var(--bc-muted);font-size: 14px;}.bc-topic:hover,.bc-topic:focus-visible{transform: scale(1.06);}.bc-topic:active{transform: scale(.98);}.bc-topic.is-current{background: var(--bc-pill);color: #fff;}.bc-topic.is-current .bc-topic__count{color: rgba(255,255,255,.78);}.bc-topic.is-current:hover{background: var(--bc-pill-hover);}.bc-topics__more{height: 40px;padding: 0 16px;border: 1px solid var(--bc-lilac-strong);border-radius: var(--bc-radius-pill);background: transparent;color: var(--bc-heading);font: 400 15px/1 var(--bc-font-head);cursor: pointer;transition: transform .25s var(--bc-spring),background-color .2s ease;}.bc-topics__more[hidden]{display: none;}.bc-topics__more:hover{background: #fff;transform: scale(1.06);}@media (max-width: 767px){.bc-hub{margin-bottom: 40px;}.bc-hub__search{margin-top: 24px;}.bc-topic{height: 44px;padding: 0 14px;font-size: 15px;}}/* Grid de cards do matriz (archive 22): 3 colunas, gap 29/35; 2 no tablet (gap 16); 1 no mobile. */ /* Cards da mesma linha com a mesma altura: título em 2 linhas e resumo em 3 (com “…”), alturas reservadas e “Leia mais” na base. */ .bc-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 29px 35px;align-items: stretch;}@media (max-width: 1024px){.bc-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 29px 16px;}}@media (max-width: 767px){.bc-grid{grid-template-columns: minmax(0,1fr);}}.bc-card{position: relative;display: flex;flex-direction: column;margin: 0;}/* Proporção do thumbnail do matriz: 0,66 (desktop/tablet) e 0,5 (mobile); recorte controlado por aspect-ratio + object-fit. */ .bc-card__media{position: relative;display: block;margin-bottom: 12px;aspect-ratio: 100 / 66;overflow: hidden;border-radius: var(--bc-radius-card);background: var(--bc-lilac);}.bc-card__media img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform .4s ease;}@media (max-width: 767px){.bc-card__media{aspect-ratio: 2 / 1;}}.bc-card__body{position: relative;display: flex;flex: 1 1 auto;flex-direction: column;align-items: flex-start;padding: 28px;border: 0;border-radius: var(--bc-radius-card);background: #fff;box-shadow: var(--bc-shadow);transition: transform .28s ease,box-shadow .28s ease;}@media (max-width: 1024px){.bc-card__body{padding: 24px;}}.bc-card:hover .bc-card__body{transform: translateY(-4px);box-shadow: 0 1px 2px rgba(32,4,78,.05),0 28px 56px -28px rgba(32,4,78,.3);}.bc-card:hover .bc-card__media img{transform: scale(1.03);}.bc-meta{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;margin: 0 0 12px;color: var(--bc-muted);font-family: var(--bc-font-head);font-size: 15px;font-weight: 400;line-height: 1.3;}.bc-meta__category{color: var(--bc-pill);font-size: 14px;font-weight: 500;}.bc-card__title{margin: 0 0 12px;color: var(--bc-heading);font-family: var(--bc-font-head);font-size: 24px;font-weight: 400;line-height: 1.25;letter-spacing: -.02em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;min-height: 2.5em;overflow: hidden;}.bc-card__title a{color: inherit;text-decoration: none;}.bc-card__title a::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: var(--bc-radius-card);}.bc-card__title a:focus-visible{outline: none;}.bc-card:focus-within .bc-card__body{outline: 2px solid var(--bc-primary);outline-offset: 3px;}.bc-card__excerpt{margin: 0 0 22px;color: var(--bc-muted);font-family: var(--bc-font-head);font-size: 16px;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;min-height: 4.8em;overflow: hidden;}/* "Leia mais" em pílula roxa como os botões da raiz (raio 16, Rethink 16, hover #5608F7 + escala 1,06). */ .bc-readmore{position: relative;z-index: 2;display: inline-flex;margin-top: auto;align-items: center;gap: 6px;height: 44px;padding: 0 16px;border-radius: var(--bc-radius-pill);background: var(--bc-pill);color: #fff;font: 400 16px/1 var(--bc-font-head);text-decoration: none;transition: transform .25s var(--bc-spring),background-color .2s ease;}.bc-card:hover .bc-readmore,.bc-card:focus-within .bc-readmore{background: var(--bc-pill-hover);transform: scale(1.06);}.bc-card:active .bc-readmore{transform: scale(.98);}.bc-pagination{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px;margin-top: 56px;font-family: var(--bc-font-head);font-size: 16px;font-weight: 400;}.bc-pagination a,.bc-pagination span{display: inline-flex;align-items: center;justify-content: center;min-width: 48px;height: 48px;padding: 0 16px;border: 0;border-radius: var(--bc-radius-pill);background: #fff;color: var(--bc-ink);text-decoration: none;transition: transform .25s var(--bc-spring),background-color .2s,color .2s;}.bc-pagination a:hover,.bc-pagination a:focus-visible{transform: scale(1.06);}.bc-pagination .is-current{background: var(--bc-pill);color: #fff;}.bc-empty{max-width: 640px;padding: 40px;border-radius: var(--bc-radius-card);background: #fff;box-shadow: var(--bc-shadow);}.bc-empty p{margin: 0 0 24px;color: var(--bc-text);font-size: 18px;line-height: 1.7;}/* ---------------------------------------------------------------- single */ .bc-breadcrumbs ol{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;margin: 0 0 24px;padding: 0;list-style: none;color: #54595f;font-size: 14px;line-height: 1.5;}.bc-breadcrumbs li{display: inline-flex;align-items: center;gap: 6px;min-width: 0;}.bc-breadcrumbs li + li::before{content: "›";color: #9a97a6;}/* O item atual (título do post) repetia o H1 logo abaixo: some da vista com o separador, mas continua no HTML para leitores de tela
   (pedido de Joisiney em 27/10/2026). A trilha visível termina na categoria. */ .bc-breadcrumbs li:last-child{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;}.bc-breadcrumbs a{color: #54595f;text-decoration: none;}.bc-breadcrumbs a:hover,.bc-breadcrumbs a:focus-visible{color: var(--bc-primary);text-decoration: underline;}.bc-breadcrumbs [aria-current]{color: var(--bc-ink);font-weight: 500;overflow-wrap: anywhere;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;}.bc-article__head{max-width: 860px;margin-bottom: 32px;}.bc-article__title{margin: 0 0 18px;color: var(--bc-heading);font-family: var(--bc-font-head);font-size: clamp(34px,5vw,56px);font-weight: 500;line-height: 1.1;letter-spacing: -.04em;overflow-wrap: anywhere;}.bc-article__meta{margin: 0;color: #54595f;font-family: var(--bc-font-body);font-size: 16px;font-weight: 400;}.bc-article__meta svg{width: 14px;height: 14px;margin-right: 6px;fill: #54595f;vertical-align: -2px;}.bc-figure{margin: 0 0 48px;}.bc-figure img{display: block;width: 100%;height: auto;border-radius: var(--bc-radius-card);}.bc-figure--wide{max-width: min(100%,var(--single-image-source-width));}.bc-figure--compact{max-width: min(100%,var(--single-image-source-width),768px);}.bc-article__layout{display: grid;grid-template-columns: minmax(0,1fr) 320px;gap: 64px;align-items: start;}.bc-article__sidebar{align-self: start;}.bc-article__sidebar[data-sticky-fit="true"]{position: sticky;top: calc(var(--bc-header-h) + 24px);}@media (max-width: 1024px){.bc-article__layout{grid-template-columns: minmax(0,1fr);gap: 40px;}.bc-article__sidebar,.bc-article__sidebar[data-sticky-fit="true"]{position: static;}}.bc-toc{margin-bottom: 20px;padding: 24px;border: 0;border-radius: var(--bc-radius-card);background: #fff;}.bc-toc__title{margin: 0 0 12px;color: #000;font-family: var(--bc-font-body);font-size: 15px;font-weight: 600;}.bc-toc ol{margin: 0;padding-left: 18px;color: var(--bc-meta);font-size: 14px;line-height: 1.5;}.bc-toc li + li{margin-top: 8px;}.bc-toc a{color: #3b3946;text-decoration: none;}.bc-toc a:hover,.bc-toc a:focus-visible{color: #000;text-decoration: underline;}/* Card lateral de conversão: cartão roxo-escuro com título claro e botão em pílula, como o bloco “Acesse o WhatsApp” da raiz. */ .sidebar-conversion{display: flex;flex-direction: column;align-items: flex-start;gap: 22px;padding: 30px;border-radius: var(--bc-radius-card);background: var(--bc-deep) radial-gradient(80% 90% at 100% 0%,#4506c6 0%,rgba(69,6,198,0) 70%);}.sidebar-conversion h2{margin: 0;color: #f2ebff;font-family: var(--bc-font-head);font-size: 26px;font-weight: 400;line-height: 1.2;letter-spacing: -.02em;}.sidebar-conversion .bc-button{height: 48px;padding: 0 20px;}/* Corpo editorial (post_content): tipografia do matriz (Inter 18 #5E697F, títulos Rethink #282828). */ .bc-article__body{color: var(--bc-text);font-size: 18px;line-height: 1.85;overflow-wrap: break-word;}.bc-article__body > :first-child{margin-top: 0;}.bc-article__body p,.bc-article__body ul,.bc-article__body ol{margin: 0 0 1.2em;}.bc-article__body ul,.bc-article__body ol{padding-left: 1.3em;}.bc-article__body li + li{margin-top: .45em;}.bc-article__body h2{margin: 2em 0 .7em;color: var(--bc-heading);font-family: var(--bc-font-head);font-size: clamp(26px,3vw,32px);font-weight: 500;line-height: 1.2;letter-spacing: -.01em;}.bc-article__body h3{margin: 1.6em 0 .5em;color: var(--bc-heading);font-family: var(--bc-font-head);font-size: clamp(21px,2.4vw,24px);font-weight: 500;line-height: 1.3;}.bc-article__body strong{color: #3d4557;}.bc-article__body a{color: var(--bc-primary);text-decoration: underline;text-underline-offset: 3px;}.bc-article__body a:hover{color: var(--bc-primary-hover);}.bc-article__body figure{margin: 2em 0;}.bc-article__body figure img{display: block;width: 100%;height: auto;border-radius: 16px;}.bc-article__body figcaption{margin-top: 10px;color: var(--bc-meta);font-size: 14px;text-align: center;}.bc-article__body .solid-button{display: inline-flex;align-items: center;justify-content: center;max-width: 100%;padding: 15px 22px;border-radius: var(--bc-radius-pill);background: var(--bc-pill);color: #fff;font-family: var(--bc-font-head);font-size: 16px;font-weight: 400;line-height: 1.35;text-align: center;text-decoration: none;transition: background-color .2s,transform .25s var(--bc-spring);}.bc-article__body .solid-button:hover,.bc-article__body .solid-button:focus-visible{background: var(--bc-pill-hover);color: #fff;transform: scale(1.04);}.bc-article__body .solid-button:active{transform: scale(.98);}.table-scroll{max-width: 100%;margin: 1.6em 0 2em;overflow-x: auto;border: 1px solid var(--bc-line);border-radius: 16px;background: #fff;-webkit-overflow-scrolling: touch;}.table-scroll:focus-visible{outline: 2px solid var(--bc-primary);outline-offset: 3px;}.table-scroll table{width: 100%;min-width: 620px;border-collapse: collapse;font-size: 15px;line-height: 1.55;}.table-scroll caption{padding: 16px 18px 12px;color: var(--bc-ink);font-family: var(--bc-font-head);font-size: 17px;font-weight: 600;text-align: left;}.table-scroll th,.table-scroll td{padding: 12px 18px;border-top: 1px solid var(--bc-line);text-align: left;vertical-align: top;}.table-scroll thead th{background: var(--bc-lilac);color: var(--bc-ink);font-weight: 600;}.table-scroll tbody th{color: var(--bc-ink);font-weight: 600;white-space: nowrap;}.bc-related{margin-top: 88px;}.bc-section-title{margin: 0 0 28px;color: var(--bc-heading);font-family: var(--bc-font-head);font-size: clamp(28px,3.4vw,40px);font-weight: 400;line-height: 1.15;letter-spacing: -.03em;}/* ---------------------------------------------------------------- 404 */ .bc-404{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);gap: 48px;align-items: center;margin-bottom: 56px;}.bc-404 p{max-width: 560px;margin: 18px 0 28px;color: var(--bc-text);font-size: 18px;line-height: 1.7;}.bc-404__art{display: grid;place-items: center;aspect-ratio: 1;max-width: 360px;justify-self: center;border-radius: 50%;background: radial-gradient(circle at 65% 20%,#d6bdff,#8134fe 48%,#6020ca);}.bc-404__art span{color: #fff;font-family: var(--bc-font-head);font-size: clamp(72px,12vw,120px);font-weight: 400;letter-spacing: -.05em;}.bc-404 .bc-search{margin-top: 28px;}@media (max-width: 767px){.bc-404{grid-template-columns: minmax(0,1fr);}.bc-404__art{max-width: 200px;order: -1;}}/* ---------------------------------------------------------------- painel flutuante de conversão (contrato v3)
   Visual da barra escura flutuante do hero da raiz: fundo #20044E, raio 16, botão roxo; comportamento do contrato v3 inalterado. */ .conversion-panel{position: fixed;left: 50%;bottom: 24px;z-index: 900;width: min(640px,calc(100vw - 32px));translate: -50% 0;transition: opacity .3s ease,transform .45s var(--bc-spring);}.conversion-panel[hidden]{display: none;}.conversion-panel.is-entering{opacity: 0;transform: translateY(24px);}/* Grade fixa: logo | título | botão | fechar numa linha só no desktop; no mobile, logo + título + fechar em cima
   e o botão ocupando a largura toda embaixo (nada fica sozinho numa linha). */ .conversion-panel__card{position: relative;display: grid;grid-template-columns: 44px minmax(0,1fr) auto 36px;grid-template-areas: "logo title cta close";align-items: center;column-gap: 14px;padding: 10px;border: 1px solid rgba(208,186,253,.16);border-radius: 20px;background: var(--bc-deep);box-shadow: 0 24px 60px -20px rgba(32,4,78,.55),inset 0 1px 0 rgba(255,255,255,.06);color: #f2ebff;}.conversion-panel__logo{grid-area: logo;display: grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;background: var(--bc-pill);}.conversion-panel__logo img{width: 22px;height: 18px;}.conversion-panel h2{grid-area: title;margin: 0;color: #f2ebff;font: 400 17px/1.3 var(--bc-font-head);letter-spacing: -.01em;text-wrap: balance;}.conversion-panel .bc-button{grid-area: cta;height: 44px;padding: 0 20px;white-space: nowrap;}.panel-close{grid-area: close;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;padding: 0;border: 0;border-radius: 12px;background: transparent;color: rgba(242,235,255,.8);cursor: pointer;transition: background-color .2s,color .2s;}.panel-close:hover,.panel-close:focus-visible{background: rgba(255,255,255,.12);color: #fff;}.panel-close svg{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;}@media (max-width: 767px){.conversion-panel{bottom: 12px;width: calc(100vw - 24px);}.conversion-panel__card{grid-template-columns: 40px minmax(0,1fr) 32px;grid-template-areas: "logo title close" "cta cta cta";row-gap: 12px;column-gap: 12px;padding: 12px;border-radius: 18px;}.conversion-panel__logo{width: 40px;height: 40px;border-radius: 12px;}.conversion-panel h2{font-size: 16px;line-height: 1.3;}.panel-close{width: 32px;height: 32px;align-self: start;}.conversion-panel .bc-button{width: 100%;height: 44px;}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration: 0s !important;animation-duration: 0s !important;scroll-behavior: auto !important;}/* Sem atraso de entrada: header, títulos e palavras aparecem já no estado final. */ .bc-header,.bc-hub,.bc-article__head,.bc-404,.bc-word,.bc-footer__bg{animation: none !important;}}/*adapter=scripts/adapt_wp_theme.py*/.bc-pagination .page-link{min-height:48px}.bc-pagination .page-link.is-current,.bc-pagination .page-link[aria-current="page"]{background:var(--bc-pill);color:#fff}.bc-pagination .page-link:focus-visible{outline:2px solid var(--bc-pill);outline-offset:3px}.bc-card>.post-card__link{display:flex;flex:1 1 auto;flex-direction:column;color:inherit;text-decoration:none;border-radius:var(--bc-radius-card)}.bc-card>.post-card__link:focus-visible{outline:none}