/* Leitura (proposta de 17/10/2026). Em 22/10/2026 o Flávio pediu a letra antiga de volta: a Newsreader e a Literata saíram
   e cada parte voltou para a Cormorant Garamond do site antigo. Ficam a letra maior, a linha mais curta e o sublinhado só no link dentro do texto. */
body :is(h1, h2, h3, h4, h5, h6) :is(em, i) { font-weight: 500 !important; }
body { font-variant-numeric: lining-nums tabular-nums; }

/* texto corrido: mínimo de 17px no celular e 18px no computador */
.text-box p.body { font-size: 18px !important; line-height: 1.65 !important; }
.text-box p.body-large { font-size: 19px !important; line-height: 1.6 !important; }
.text-box p.body-small { font-size: 16px !important; line-height: 1.55 !important; letter-spacing: 0 !important; }
.text-box p :is(span, a) { font-size: inherit !important; }
.block-header__nav-links a, .block-header-item__link { font-size: 17px !important; letter-spacing: .01em !important; }
.grid-button { white-space: nowrap; font-size: 17px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; min-height: 48px; }
.block-blog-list-item__category, [class*="category"] { font-size: 13px !important; letter-spacing: .08em !important; }
.endereco-bloco p { font-size: 16px; }

/* artigo: linha de até 66 letras, sempre alinhada à esquerda */
.pagina-post .text-box p.body, .pagina-post .text-box p.body-large { font-size: 20px !important; line-height: 1.7 !important; }
.pagina-post .text-box :is(p, li) { max-width: 66ch; text-align: left !important; hyphens: manual !important; }
.pagina-post .layout-element[style*="--text:justify"] { --m-text: left !important; --text: left !important; }
.post-novo__conteudo { max-width: 68ch; }
.post-novo__conteudo p { font-size: 20px; text-align: left; hyphens: manual; }
.block-blog-header__description { max-width: 64ch; margin-left: auto !important; margin-right: auto !important; line-height: 1.55 !important; }
@media (max-width: 920px) {
  .pagina-post .text-box p.body:not([style*="--fontSizeMobile"]), .post-novo__conteudo p { font-size: 19px !important; line-height: 1.7 !important; }
}

/* sublinhado: sai do telefone, menu, rodapé e botões; fica só no link dentro do parágrafo do artigo */
u { text-decoration: none !important; }
a, a * { text-decoration: none !important; }
.pagina-post .text-box p a, .post-novo__conteudo p a {
  text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: .2em !important;
}

/* citação manuscrita: maior para dar para ler */
[style*="Caveat"] { font-family: 'Caveat Regular', cursive !important; font-size: max(1em, 20px) !important; }

/* botão do WhatsApp: verde um pouco mais escuro para a letra branca ler melhor */
a.grid-button:is([href*="wa.me"], [href*="api.whatsapp"], [href*="whatsapp.com"]) { --background-color: #1A7F45 !important; --border-color: #1A7F45 !important; }
.whatsapp-fixo, a[href*="wa.me"][class*="fixo"] { background: #1A7F45 !important; }

/* peso normal no texto (o construtor antigo deixava 500 em alguns blocos); negrito só onde o Flávio marcou */
.text-box :is(p, li), .text-box :is(p, li) :is(span, a) { font-weight: 400 !important; }
.text-box :is(strong, b), .text-box :is(strong, b) * { font-weight: 600 !important; }
a[href^="mailto:"] { white-space: nowrap; }
@media (max-width: 920px) { a[href^="mailto:"] { font-size: 17px !important; } }

/* computador: o site antigo prende cada texto numa caixa de altura fixa; títulos com o mesmo "tamanho de olho" da letra antiga
   (font-size-adjust) e texto um pouco menor que no celular, para nada vazar da caixa */
body :is(h1, h2, h3, h4, h5, h6) { font-size-adjust: 0.42; }
@media (min-width: 921px) {
  .text-box p.body { font-size: 17px !important; line-height: 1.6 !important; }
  .text-box p.body-large { font-size: 18px !important; }
  .text-box p.body-small { font-size: 15px !important; }
  .pagina-post .text-box p.body, .pagina-post .text-box p.body-large { font-size: 19px !important; line-height: 1.7 !important; }
}

/* ===== Artigo (todos os posts em Markdown): fundo creme e letra escura dos artigos antigos, citação em faixa preta ===== */
.post-novo { background: rgb(232, 224, 209); padding: 48px 20px 72px; }
.post-novo__conteudo { max-width: 68ch; margin: 0 auto; }
.post-novo__conteudo, .post-novo__conteudo :is(p, li, h2, h3) { color: rgb(29, 26, 22) !important; }
.post-novo__capa { margin-bottom: 44px; max-height: min(78vh, 680px); object-fit: cover; }
/* quadro de conceito (faixa preta com rótulo, título e texto) */
.post-novo__conteudo .quadro { background: #000; margin: 2.6rem 0; padding: 36px 44px 30px; }
.post-novo__conteudo .quadro :is(p, h3, li) { color: #F3EDE4 !important; }
.post-novo__conteudo .quadro .rotulo { color: #C9A96E !important; margin-top: 0; }
.post-novo__conteudo .quadro h3 { margin: .4rem 0 1rem; }
.post-novo__conteudo .quadro p:last-child { margin-bottom: 0; }
@media (max-width: 920px) { .post-novo__conteudo .quadro { padding: 28px 22px 22px; margin-inline: -4px; } }
.post-novo__conteudo p { margin: 0 0 1.5rem; }
.post-novo__conteudo h2 { font-style: italic; font-size: clamp(28px, 3.4vw, 38px) !important; line-height: 1.18; margin: 3rem 0 1.1rem; }
.post-novo__conteudo h3 { font-style: italic; font-size: clamp(23px, 2.6vw, 28px) !important; line-height: 1.25; margin: 2.4rem 0 .9rem; }
.post-novo__conteudo :is(ul, ol) { font-size: 20px; line-height: 1.7; margin: 0 0 1.6rem; padding-left: 1.3em; }
.post-novo__conteudo li { margin-bottom: .5rem; }
.post-novo__conteudo li::marker { color: rgb(138, 81, 56); }
.post-novo__conteudo strong { font-weight: 600; }
.post-novo__conteudo a { color: rgb(110, 84, 32); }
.post-novo__conteudo img { display: block; margin: 2.4rem auto; max-width: 100%; height: auto; }
.post-novo__conteudo blockquote { background: #000; margin: 2.6rem 0; padding: 38px 44px; }
.post-novo__conteudo blockquote p { color: #F3EDE4 !important; font-style: italic;
  font-size: 23px; line-height: 1.45; text-align: center; margin: 0 0 .9rem; }
.post-novo__conteudo blockquote p:last-child { margin: 0; }
/* autoria da citação: > <cite>Nome, Obra</cite> */
.post-novo__conteudo blockquote cite { display: block; font-style: normal; font-weight: 400;
  font-size: 15px; line-height: 1.5; letter-spacing: .02em; color: #C9A96E !important; }
.post-novo__conteudo hr { border: 0; margin: 2.6rem 0; text-align: center; }
.post-novo__conteudo hr::after { content: '∴'; font-size: 24px; color: rgb(138, 81, 56); }
.post-novo__conteudo .rotulo { font-size: 13px !important; letter-spacing: .16em; text-transform: uppercase; color: rgb(138, 81, 56) !important; margin: 2.4rem 0 .4rem; }
@media (max-width: 920px) {
  .post-novo { padding: 36px 18px 56px; }
  .post-novo__conteudo :is(ul, ol) { font-size: 19px; }
  .post-novo__conteudo blockquote { padding: 28px 22px; margin: 2.2rem -4px; }
  .post-novo__conteudo blockquote p { font-size: 20px; }
}

/* convite do fim do artigo (texto de cada artigo) */
.convite-final { background: #000; padding: 64px 22px 72px; text-align: center; }
.convite-final__titulo { max-width: 34ch; margin: 0 auto 14px; font-style: italic;
  font-size: clamp(22px, 2.6vw, 28px); line-height: 1.35; color: #F3EDE4; }
.convite-final__texto { max-width: 56ch; margin: 0 auto; font-size: 18px; line-height: 1.6; color: #D6CFC4; }
.convite-final__botao { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; padding: 14px 28px; min-height: 48px; border-radius: 999px;
  background: #1A7F45; color: #fff !important; font-size: 16px; font-weight: 600; letter-spacing: .02em; box-shadow: 0 6px 18px rgba(0, 0, 0, .3); }
.convite-final__botao:hover, .convite-final__botao:focus-visible { background: #146437; }
.convite-final__botao::before { content: ''; flex: none; width: 1.25em; height: 1.25em; background: currentColor;
  -webkit-mask: var(--icone-wa) center / contain no-repeat; mask: var(--icone-wa) center / contain no-repeat; }

/* Primeira tela: botão numa linha só (no celular a caixa do construtor é estreita) e rótulos curtos sem crescer */
.grid-button { white-space: nowrap !important; }
@media (max-width: 920px) {
  .layout-element:has(> .grid-button) { min-width: max-content; justify-self: center; }
  .layout-element > .grid-button { width: max-content !important; min-width: 100%; padding-inline: 18px !important; }
  .text-box p.body[style*="--fontSizeMobile: 10px"] { font-size: 13px !important; line-height: 1.4 !important; }
  .text-box p.body[style*="--fontSizeMobile: 10px"] span[style*="uppercase"] { letter-spacing: .14em !important; }
  #zm4COb p.body { font-size: 12.5px !important; letter-spacing: .03em !important; line-height: 1.4 !important; }
}

/* verde mais escuro também nos botões novos, para a letra branca passar no contraste mínimo */
.wa-flutuante, .onde-atendo__btn--wa { background: #1A7F45 !important; border-color: #1A7F45 !important; }
.wa-flutuante:hover, .onde-atendo__btn--wa:hover { background: #146437 !important; }
/* link do endereço sublinhado (não depende só da cor) */
.endereco-bloco a { text-decoration: underline !important; text-underline-offset: .2em; }

/* ===== Telas grandes (2,5K, ultrawide, 4K): o site antigo tem largura fixa de ~1200 px e sobrava tela vazia dos lados.
   A página inteira cresce na mesma proporção (letra, fotos e espaços), sem mudar o desenho. ===== */
@media (min-width: 1900px) { html { zoom: 1.15; } }
@media (min-width: 2300px) { html { zoom: 1.3; } }
@media (min-width: 2900px) { html { zoom: 1.4; } }
@media (min-width: 3600px) { html { zoom: 1.7; } }

/* fotos de fundo com o texto escuro do site antigo: véu claro (o véu escuro era para texto claro e deixava a leitura difícil) */
body[data-pagina="/sobre-flavio-sousa-psicologo"] :is(#zEFAyR, #zZMFjy) > .block-background > .block-background__overlay,
body[data-pagina="/sobre-limiar-existencial"] #z2GEkn > .block-background > .block-background__overlay {
  background-image: none !important; background-color: rgba(245, 237, 209, .8) !important;
}
body[data-pagina="/sobre-flavio-sousa-psicologo"] :is(#zEFAyR, #zZMFjy) .text-box :is(h1, h2, h3, p),
body[data-pagina="/sobre-limiar-existencial"] :is(#z2GEkn, #zEFAyR) .text-box :is(h1, h2, h3, p) { text-shadow: none !important; }

/* botão com texto maior que a caixa do construtor: o botão cresce e continua centralizado */
.layout-element:has(> .grid-button) { display: flex; justify-content: center; overflow: visible; }
.layout-element > a.grid-button.grid-button { width: auto !important; max-width: none !important; flex: none !important; box-sizing: border-box; min-width: 100%; white-space: nowrap !important; padding-inline: 24px !important; }

/* Letra capitular do artigo (pedido de 19/10/2026): a primeira letra na Cormorant Garamond itálica,
   a mesma letra da capitular do blog antigo, agora grande e ocupando três linhas. */
@font-face { font-family: 'Cormorant Capitular'; font-style: italic; font-weight: 500; font-display: swap;
  src: url(/fonts/cormorant-garamond-500-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Capitular'; font-style: italic; font-weight: 500; font-display: swap;
  src: url(/fonts/cormorant-garamond-500-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
.post-novo__conteudo > p:first-of-type::first-letter {
  font-family: 'Cormorant Capitular', 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 500;
  float: left; font-size: 5.4em; line-height: .78; margin: .07em .12em 0 -.02em; color: rgb(138, 81, 56);
}
@media (max-width: 920px) {
  .post-novo__conteudo > p:first-of-type::first-letter { font-size: 5.1em; margin-top: .08em; }
}

/* Política de privacidade: lista das ferramentas (no site antigo era uma tabela que virou uma linha só) */
.lista-ferramentas { margin: 0 0 14px; padding-left: 1.3em; list-style: disc; }
.lista-ferramentas li { margin-bottom: 6px; line-height: 1.5; }

/* Celular de 361 a 920 px (quase todos os celulares de hoje): o construtor antigo usava o espaçamento de tablet,
   que não existe nas seções, e o texto terminava colado na seção de baixo. Respiro embaixo de cada seção. */
@media (min-width: 361px) and (max-width: 920px) {
  main section > .block-layout--layout { padding-bottom: 44px !important; }
}