/* site.css — fixes globais leves (ex-parte GLOBAL do snippet 13, migrado na faxina 2026-07).
   Carrega em TODAS as páginas. Componentes de post moram em componentes.css;
   tokens :root em tokens.css. Ordem de cascade preservada: este arquivo é
   enfileirado DEPOIS dos handles do Kadence (deps no loader). */

/* ── FluentForm: botão teal + select estilizado (identidade §5.7 e §6) ── */
.fluentform .ff-btn-submit,
.fluentform button[type="submit"]{background-color:#1B7B6F!important;border-color:#1B7B6F!important;color:#fff!important;border-radius:6px!important;font-weight:600;transition:background-color .2s ease}
.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover{background-color:#2FA08C!important;border-color:#2FA08C!important}
.fluentform select.ff-el-form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;border-radius:6px;border:1px solid #DDE8E6;color:#4A5568;padding-right:40px}
.fluentform select.ff-el-form-control:focus{border-color:#1B7B6F;outline:none;box-shadow:0 0 0 2px rgba(27,123,111,.15)}

/* ── Share icons fora de páginas; login/account do header escondidos ── */
body.page .addtoany_share_save_container,body.page .a2a_kit{display:none!important}
.header-account-wrap,#login-drawer,.header-account-button{display:none!important}
/* Botao "Log In" do header (slot header-button, sem funcao) escondido ate virar
   "Assinar newsletter" quando a ferramenta de e-mail for configurada */
.header-button-wrap{display:none!important}

/* ── Tipografia global (PADRAO DO BLOG v1, 2026-07-04) ── */
h1,h2,h3,h4,h5,h6{text-transform:none}
/* Acentos <em> em titulos: cor fica, italico sai (decisao 2026-07-04) */
h1 em,h2 em,h3 em,h4 em,.entry-title em{font-style:normal}

/* ── Acessibilidade ── */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--tp-teal-medio);outline-offset:2px}
h1:focus,h2:focus,h3:focus,h4:focus,h5:focus,h6:focus{outline:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* ── Blockquote: card branco, barra gradiente na borda (acabamento Metodologia) ── */
.entry-content blockquote,.page-content blockquote,article blockquote{margin:36px 0;padding:26px 30px 24px 36px;border:1px solid var(--tp-borda);border-left:none;border-radius:0 var(--tp-radius) var(--tp-radius) 0;background:#fff;box-shadow:var(--tp-sombra);position:relative;overflow:hidden;font-style:normal;color:var(--tp-ink)}
.entry-content blockquote::before,.page-content blockquote::before,article blockquote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--tp-teal) 0%,var(--tp-terracota) 60%,#D4A574 100%)}
.entry-content blockquote p,article blockquote p{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:20px;line-height:1.6;font-style:normal;color:var(--tp-ink);margin:0}
.entry-content blockquote cite,article blockquote cite{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:14px;font-style:normal;color:var(--tp-terracota-escura);margin-top:12px}
@media (max-width:640px){
  .entry-content blockquote,.page-content blockquote,article blockquote{padding:20px 20px 18px 26px}
}

/* ── Header mobile: logo encolhe p/ o botão de menu caber (fix responsivo 2026-07-23) ──
   Sem esta regra, o max-width:338px do logo (regra do Customizer) ocupa quase toda a
   largura em telas estreitas e empurra o hambúrguer (.menu-toggle-open) para FORA da
   viewport em <=390px -- a largura de celular mais comum (360px). Resultado: menu
   inacessível. A especificidade extra (.site-header-main-section-left ...) + !important
   vencem a regra inline do Customizer. Valores validados ao vivo em 320-412px. */
@media (max-width:600px){
  .site-header-main-section-left .site-branding a.brand img{max-width:230px!important}
}
@media (max-width:400px){
  .site-header-main-section-left .site-branding a.brand img{max-width:200px!important}
}
@media (max-width:340px){
  .site-header-main-section-left .site-branding a.brand img{max-width:176px!important}
}