.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-27873 .elementor-element.elementor-element-6356b2e7{--display:flex;overflow:visible;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS *//* =========================================================
   PFK BLOG — Visual premium (baseado nos estilos do M2)
   Escopo: posts/páginas de blog (single + archive)
   ========================================================= */

/* ---------- Tokens (cores/raios/sombras iguais ao M2) ---------- */
:root{
  --pfk-purple: #5b2cff;
  --pfk-purple-2: #8a6bff;

  --pfk-bg: #ffffff;
  --pfk-bg-soft: #f7f5ff;

  --pfk-text: #15152a;
  --pfk-text-soft: rgba(21,21,42,.82);
  --pfk-border: rgba(20,20,40,.10);

  --pfk-radius: 24px;
  --pfk-radius-lg: 28px;

  --pfk-shadow: 0 18px 45px rgba(20,20,60,.06);
  --pfk-shadow-hover: 0 28px 65px rgba(20,20,60,.12);
}

/* ---------- Fundo geral do blog ---------- */
body.blog,
body.archive,
body.single-post{
  background: linear-gradient(180deg, var(--pfk-bg) 0%, var(--pfk-bg-soft) 100%);
}

/* Suavização tipográfica (aquele “acabamento” bonito) */
body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ---------- Largura e “container” do texto do post ---------- */
/* Tenta pegar Elementor, Gutenberg e temas comuns */
body.single-post .entry-content,
body.single-post .post-content,
body.single-post .single-content,
body.single-post .elementor-widget-theme-post-content,
body.single-post .elementor-widget-container{
  color: var(--pfk-text);
}

/* Container central do artigo (cartão branco igual M2) */
body.single-post .entry-content{
  width: min(900px, 92%);
  margin: 24px auto 80px;
  padding: 28px 22px 24px;
  background: #fff;
  border-radius: var(--pfk-radius-lg);
  border: 1px solid rgba(20,20,40,.08);
  box-shadow: 0 22px 60px rgba(20,20,60,.07);
  position: relative;
  overflow: hidden;
}

body.single-post .entry-content::before{
  content:"";
  position:absolute;
  top:0; left:0;
  width:100%;
  height:6px;
  background: linear-gradient(90deg, var(--pfk-purple), var(--pfk-purple-2));
}

/* Dá respiro pros primeiros elementos (pra não “colar” na barra) */
body.single-post .entry-content > *:first-child{
  margin-top: 6px !important;
}

/* ---------- Tipografia (títulos e texto) ---------- */
body.single-post .entry-content p{
  font-size: 16px;
  line-height: 1.75;
  font-weight: 600;
  color: var(--pfk-text-soft);
  margin: 0 0 16px;
}

/* Títulos no estilo PFK (forte, limpo) */
body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3{
  color: var(--pfk-text);
  font-weight: 950;
  line-height: 1.15;
  letter-spacing: -.02em;
}

body.single-post .entry-content h1{
  font-size: clamp(26px, 3vw, 40px);
  margin: 12px 0 14px;
}
body.single-post .entry-content h2{
  font-size: clamp(22px, 2.4vw, 32px);
  margin: 26px 0 12px;
}
body.single-post .entry-content h3{
  font-size: 18px;
  margin: 22px 0 10px;
}

/* Subtítulo/lead (se você usa <p><strong> no início) */
body.single-post .entry-content p strong{
  color: var(--pfk-text);
  font-weight: 900;
}

/* ---------- Links ---------- */
body.single-post .entry-content a{
  color: var(--pfk-purple);
  font-weight: 850;
  text-decoration: none;
  border-bottom: 2px solid rgba(91,44,255,.22);
}
body.single-post .entry-content a:hover{
  border-bottom-color: rgba(91,44,255,.55);
}

/* ---------- Listas (sem ícones repetidos; bullet “bolinha” PFK) ---------- */
body.single-post .entry-content ul,
body.single-post .entry-content ol{
  margin: 0 0 18px;
  padding-left: 0;
}

body.single-post .entry-content ul{
  list-style: none;
  display: grid;
  gap: 10px;
}

body.single-post .entry-content ul li{
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  line-height: 1.65;
  font-weight: 650;
  color: var(--pfk-text-soft);
}

body.single-post .entry-content ul li::before{
  content:"";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  position:absolute;
  left:0;
  top:.45em;
  background: rgba(91,44,255,.18);
  border: 2px solid rgba(91,44,255,.55);
}

/* Numeradas mantendo limpo */
body.single-post .entry-content ol{
  padding-left: 18px;
}
body.single-post .entry-content ol li{
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.65;
  font-weight: 650;
  color: var(--pfk-text-soft);
}

/* ---------- “Caixas” (destaque, aviso, dica) ---------- */
/* Use no HTML: <div class="pfk-blog-box"> ... </div> */
.pfk-blog-box{
  margin: 18px 0;
  padding: 18px 18px 16px;
  border-radius: 22px;
  background: rgba(91,44,255,.06);
  border: 1px solid rgba(91,44,255,.18);
  box-shadow: 0 15px 40px rgba(20,20,60,.05);
  color: var(--pfk-text);
}
.pfk-blog-box strong{
  font-weight: 950;
}

/* ---------- Blockquote (bonito e “PFK”) ---------- */
body.single-post .entry-content blockquote{
  margin: 18px 0;
  padding: 18px 18px 16px 20px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(20,20,40,.08);
  box-shadow: var(--pfk-shadow);
  position: relative;
}
body.single-post .entry-content blockquote::before{
  content:"";
  position:absolute;
  top:0; left:0;
  width:100%;
  height:5px;
  border-radius: 22px 22px 0 0;
  background: linear-gradient(90deg, var(--pfk-purple), var(--pfk-purple-2));
}
body.single-post .entry-content blockquote p{
  margin: 10px 0 0;
  font-weight: 650;
  color: var(--pfk-text-soft);
}

/* ---------- Imagens (borda + sombra leve) ---------- */
body.single-post .entry-content img{
  border-radius: 18px;
  border: 1px solid rgba(20,20,40,.08);
  box-shadow: 0 18px 45px rgba(20,20,60,.06);
  max-width: 100%;
  height: auto;
}

/* ---------- Tabelas (se tiver) ---------- */
body.single-post .entry-content table{
  width: 100%;
  border-collapse: collapse;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(20,20,40,.08);
  box-shadow: 0 18px 45px rgba(20,20,60,.05);
}
body.single-post .entry-content th,
body.single-post .entry-content td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(20,20,40,.08);
  font-size: 14.5px;
  line-height: 1.5;
}
body.single-post .entry-content th{
  background: rgba(91,44,255,.06);
  font-weight: 950;
}

/* ---------- Botões dentro do post (links com classe) ---------- */
/* Use: <a class="pfk-blog-cta" href="...">Quero me matricular</a> */
.pfk-blog-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 28px;
  border-radius: 999px;
  background: var(--pfk-purple);
  color: #fff !important;
  font-weight: 950;
  font-size: 15px;
  text-decoration: none !important;

  box-shadow: 0 18px 40px rgba(91,44,255,.22);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.pfk-blog-cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 25px 55px rgba(91,44,255,.30);
}

/* ---------- Archive/Listagem do blog: cards “M2-like” ---------- */
body.blog article,
body.archive article{
  background: #fff;
  border-radius: var(--pfk-radius);
  border: 1px solid rgba(20,20,40,.08);
  box-shadow: var(--pfk-shadow);
  overflow: hidden;
  position: relative;
  transition: transform .15s ease, box-shadow .15s ease;
}

body.blog article::before,
body.archive article::before{
  content:"";
  position:absolute;
  top:0; left:0;
  width:100%;
  height:5px;
  background: linear-gradient(90deg, var(--pfk-purple), var(--pfk-purple-2));
  opacity: .65;
}

body.blog article:hover,
body.archive article:hover{
  transform: translateY(-3px);
  box-shadow: var(--pfk-shadow-hover);
}

body.blog article .entry-title a,
body.archive article .entry-title a{
  color: var(--pfk-text);
  font-weight: 950;
  text-decoration: none;
}

body.blog article .entry-summary,
body.archive article .entry-summary{
  color: var(--pfk-text-soft);
  font-weight: 650;
}

/* ---------- Mobile refinado ---------- */
@media (max-width: 680px){
  body.single-post .entry-content{
    margin: 18px auto 60px;
    padding: 22px 16px 18px;
    border-radius: 24px;
  }
  body.single-post .entry-content p,
  body.single-post .entry-content ul li,
  body.single-post .entry-content ol li{
    font-size: 15.5px;
  }
  body.single-post .entry-content h2{
    margin-top: 22px;
  }
}

/* ---------- Proteções contra tema/Elementor “escurecendo” demais ---------- */
/* (Ajuda quando o tema aplica opacity/cor pesada no conteúdo) */
body.single-post .entry-content *{
  color: inherit;
}
body.single-post .entry-content p,
body.single-post .entry-content li{
  color: var(--pfk-text-soft) !important;
}
body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3{
  color: var(--pfk-text) !important;
}/* End custom CSS */