.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   Portal Doctor Creator
   Cola em: Elementor > Configurações do site > CSS personalizado
   SUBSTITUI a versão anterior por inteiro.

   Escrito em cima do HTML que o Elementor realmente gera, não do
   que eu supunha. Dois pontos que mudaram tudo:
   - as classes pdc-* só sobrevivem em WIDGET, não em seção
   - a classe fica no wrapper do widget, não no .elementor-posts
   Por isso aqui vai regra geral primeiro e override específico
   depois, em vez de :not().
   ========================================================= */

:root{
  --pdc-tinta:#0C0C0C;
  --pdc-ouro:#D0A465;
  --pdc-ouro-f:#B8894A;
  --pdc-prosa:#2E2C29;
  --pdc-sussurro:#95908A;
  --pdc-linha:#E6E1D8;
  --pdc-serif:'Roboto Slab',Georgia,serif;
  --pdc-sans:'Roboto',sans-serif;
}

/* =========================================================
   1. BASE DE TODA LISTAGEM DE MATÉRIAS
   ========================================================= */

/* TRUQUE DE PESO: .elementor-posts e .elementor-posts-container são o MESMO
   elemento. Encadear as duas sobe o seletor de 0,2,0 para 0,3,0 e vence o
   widget-posts.min.css do Elementor, que tem peso igual e carrega depois. */

/* o card deixa de ser caixa: imagem arredondada e texto solto */
.elementor-posts.elementor-posts-container .elementor-post__card{
  display:flex;
  flex-direction:column;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  min-height:0;
}

/* ordem visual: imagem, data, título, resumo */
.elementor-posts.elementor-posts-container .elementor-post__card .elementor-post__thumbnail__link{order:1}
.elementor-posts.elementor-posts-container .elementor-post__card .elementor-post__meta-data{order:2}
.elementor-posts.elementor-posts-container .elementor-post__card .elementor-post__text{order:3}

.elementor-posts.elementor-posts-container .elementor-post__card .elementor-post__thumbnail__link{
  border-radius:9px;
  overflow:hidden;
  margin:0 0 14px;
}
.elementor-posts.elementor-posts-container .elementor-post__card .elementor-post__text{
  padding:0;
  margin:0;
}

/* avatar, comentários e a pastilha de categoria não entram em listagem */
.elementor-posts .elementor-post__avatar,
.elementor-posts .elementor-post-avatar,
.elementor-posts .elementor-post__comments,
.elementor-widget-posts .elementor-post__badge,
.elementor-widget-archive-posts .elementor-post__badge{display:none !important}

.elementor-posts.elementor-posts-container .elementor-post__card .elementor-post__meta-data{
  border:0;
  border-top:0;
  padding:0;
  margin:0 0 7px;
  font-family:var(--pdc-sans);
  font-size:12.5px;
  font-weight:400;
  letter-spacing:.08em;
  font-variant-numeric:tabular-nums;
  color:var(--pdc-sussurro);
}
/* o skin classic (chamadas laterais) não usa __card */
.elementor-posts.elementor-posts-container .elementor-post__meta-data{
  border:0;padding:0;
}

.elementor-posts .elementor-post__title{
  font-family:var(--pdc-serif);
  font-size:19px;
  font-weight:700;
  line-height:1.32;
  letter-spacing:-.015em;
  margin:0 0 8px;
  text-wrap:balance;
}
.elementor-posts .elementor-post__title a{
  color:var(--pdc-tinta);
  text-decoration:none;
}
.elementor-posts .elementor-post__title a:hover{color:var(--pdc-ouro-f)}

.elementor-posts .elementor-post__excerpt p{
  font-family:var(--pdc-sans);
  font-size:14.5px;
  line-height:1.55;
  color:var(--pdc-sussurro);
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* fora o "READ MORE" verde de fábrica */
.elementor-posts .elementor-post__read-more{display:none}

/* =========================================================
   2. DESTAQUE DA HOME (título sobre a foto)
   Override do bloco 1. Vem depois de propósito.
   ========================================================= */
/* A imagem e o texto são IRMÃOS dentro do card, e o card é mais alto que
   a foto (sobra do espaço do avatar). Posicionar por absoluto com bottom:0
   jogava a faixa escura para fora da imagem. Empilhar os dois na mesma
   célula de grid resolve sem depender da altura do card. */
/* ATENÇÃO à especificidade. O widget-posts.min.css do Elementor traz
   .elementor-posts .elementor-post__card{display:flex;flex-direction:column}
   com peso 0,2,0 e carrega DEPOIS do kit. Um seletor meu de peso igual
   perde no desempate por ordem. Por isso o .elementor-posts entra no meio
   de cada regra daqui, subindo para 0,3,0 e 0,4,0. */
.pdc-destaque .elementor-posts .elementor-post__card{
  display:grid;
  grid-template-areas:"pilha";
  padding:0;
  border-radius:10px;
  overflow:hidden;
  min-height:0;
}
.pdc-destaque .elementor-posts .elementor-post__card .elementor-post__thumbnail__link{
  grid-area:pilha;
  margin:0;
  border-radius:0;
}
.pdc-destaque .elementor-posts .elementor-post__card .elementor-post__thumbnail{
  padding-bottom:64% !important;
}
.pdc-destaque .elementor-posts .elementor-post__card .elementor-post__text{
  grid-area:pilha;
  align-self:end;
  position:relative;
  z-index:2;
  padding:28px;
  margin:0;
  background:linear-gradient(to top,rgba(8,8,8,.92) 8%,rgba(8,8,8,.55) 55%,rgba(8,8,8,0));
}
.pdc-destaque .elementor-posts .elementor-post__card .elementor-post__title{
  font-size:27px;
  line-height:1.24;
  margin:0;
}
/* !important porque o CSS gerado pelo próprio Elementor tem
   especificidade maior e repinta o título */
.pdc-destaque .elementor-post__card .elementor-post__title,
.pdc-destaque .elementor-post__card .elementor-post__title a{color:#fff !important}
.pdc-destaque .elementor-post__card .elementor-post__title a:hover{opacity:.85}
.pdc-destaque .elementor-post__meta-data,
.pdc-destaque .elementor-post__excerpt,
.pdc-destaque .elementor-post__badge{display:none}

/* A pastilha de categoria fica escondida no bloco 1. Enquanto o portal tiver
   uma categoria só, ela não informa nada. Se um dia você criar Prática,
   Mercado e Regulação e quiser mostrá-la, é só apagar o
   .elementor-widget-posts .elementor-post__badge do bloco 1: o estilo
   dourado abaixo já está pronto esperando. */
.elementor-widget-posts .elementor-posts .elementor-post__card .elementor-post__badge{
  background-color:var(--pdc-ouro);
  color:var(--pdc-tinta);
  font-family:var(--pdc-sans);
  font-size:11px;
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase;
  border-radius:999px;
}

/* =========================================================
   3. AS TRÊS CHAMADAS AO LADO DO DESTAQUE
   ========================================================= */
.pdc-chamadas .elementor-post{
  display:flex;
  gap:15px;
  align-items:flex-start;
}
.pdc-chamadas .elementor-post__thumbnail__link{
  flex:0 0 104px;
  width:104px;
  margin:0;
  border-radius:7px;
}
.pdc-chamadas .elementor-post__thumbnail{padding-bottom:100% !important}
.pdc-chamadas .elementor-post__text{flex:1 1 auto;min-width:0}
.pdc-chamadas .elementor-post__title{
  font-size:16.5px;
  line-height:1.3;
  margin:0 0 6px;
}
.pdc-chamadas .elementor-post__excerpt p{font-size:13.5px;line-height:1.5}
.pdc-chamadas .elementor-post__meta-data{display:none}

/* =========================================================
   4. HERO DA HOME
   A textura de pontos mora no widget do título, porque classe
   de seção não sobrevive à importação.
   ========================================================= */
.pdc-hero-titulo{position:relative;isolation:isolate}
.pdc-hero-titulo::before{
  content:"";
  position:absolute;
  top:-70px;bottom:-70px;left:-15%;right:-15%;
  background-image:radial-gradient(var(--pdc-sussurro) 1.1px,transparent 1.2px);
  background-size:15px 15px;
  opacity:.2;
  z-index:-1;
  -webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000 30%,transparent 72%);
  mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000 30%,transparent 72%);
  pointer-events:none;
}
.pdc-realce{
  background:rgba(208,164,101,.28);
  padding:.04em .16em;
  border-radius:2px;
}
.pdc-rotulo{font-family:var(--pdc-sans);font-weight:400}

/* =========================================================
   5. CABEÇALHO
   ========================================================= */
.pdc-marca{letter-spacing:-.035em;white-space:nowrap}
.pdc-editorias p{display:flex;gap:30px;justify-content:center;margin:0;flex-wrap:wrap}
.pdc-editorias a{
  font-family:var(--pdc-sans);
  font-size:15px;
  color:var(--pdc-prosa);
  text-decoration:none;
  transition:color .18s;
}
.pdc-editorias a:hover{color:var(--pdc-ouro-f)}
.pdc-btn-news .elementor-button{padding:10px 18px}
.pdc-btn-news .elementor-button-icon svg{width:16px;height:16px}

/* =========================================================
   6. MATÉRIA ABERTA
   ========================================================= */
.elementor-widget-theme-post-content h2{
  font-family:var(--pdc-serif);font-size:25px;font-weight:700;
  line-height:1.28;letter-spacing:-.015em;color:var(--pdc-tinta);margin:42px 0 14px;
}
.elementor-widget-theme-post-content h3{
  font-family:var(--pdc-serif);font-size:20px;font-weight:700;
  line-height:1.3;color:var(--pdc-tinta);margin:32px 0 12px;
}
.elementor-widget-theme-post-content p{margin:0 0 22px}
.elementor-widget-theme-post-content strong{color:var(--pdc-tinta)}
.elementor-widget-theme-post-content a{
  color:var(--pdc-ouro-f);text-decoration:underline;text-underline-offset:3px;
}
.elementor-widget-theme-post-content hr{
  border:0;border-top:1px solid var(--pdc-linha);margin:38px 0 24px;
}
.elementor-widget-theme-post-content hr ~ p{
  font-size:14.5px;line-height:1.65;color:var(--pdc-sussurro);margin-bottom:10px;
}
.elementor-widget-theme-post-content hr ~ p em{
  display:block;margin-top:12px;font-size:13.5px;
}

/* =========================================================
   7. NEWSLETTER E RODAPÉ
   ========================================================= */
.pdc-form-escuro .elementor-field-textual{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  color:#fff;
}
.pdc-form-escuro .elementor-field-textual::placeholder{color:#8F8A82;opacity:1}
.pdc-form-escuro .elementor-button{border-radius:8px;font-weight:500}

.pdc-marca-grande{letter-spacing:-.05em;line-height:.9}
.pdc-links-rodape p{display:flex;flex-direction:column;margin:26px 0 0}
.pdc-links-rodape a{
  font-family:var(--pdc-sans);
  font-size:15px;
  color:var(--pdc-prosa);
  text-decoration:none;
  border-bottom:1px solid var(--pdc-linha);
  padding:9px 0;
  width:max-content;
  min-width:170px;
}
.pdc-links-rodape a:hover{color:var(--pdc-ouro-f)}
.pdc-form-rodape .elementor-field-textual{
  background:transparent;
  border:1px solid var(--pdc-linha);
  border-radius:8px;
  color:var(--pdc-prosa);
}
.pdc-form-rodape .elementor-button{border-radius:8px}

/* =========================================================
   8. PAGINAÇÃO
   ========================================================= */
.elementor-pagination{margin-top:40px;font-family:var(--pdc-sans);font-size:14px}
.elementor-pagination .page-numbers{color:var(--pdc-prosa);text-decoration:none;padding:0 8px}
.elementor-pagination .page-numbers.current{color:var(--pdc-ouro-f);font-weight:500}

/* =========================================================
   9. RESPONSIVO
   ========================================================= */
@media (max-width:767px){
  /* ---- CABEÇALHO NO CELULAR ----
     As 3 colunas (25/50/25) viram 100% cada e empilham em três linhas altas,
     comendo meia tela antes da primeira notícia. Aqui elas voltam a ser duas
     linhas: marca e botão juntos em cima, editorias embaixo em uma tira
     rolável. .elementor-location-header é a âncora estável do Elementor. */
  .elementor-location-header .elementor-container{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    row-gap:10px;
  }
  .elementor-location-header .elementor-column:nth-child(1){width:auto;flex:1 1 auto}
  .elementor-location-header .elementor-column:nth-child(2){width:100%;order:3}
  .elementor-location-header .elementor-column:nth-child(3){width:auto;flex:0 0 auto}

  .pdc-marca .elementor-heading-title{font-size:20px}

  /* menu numa tira só, rolando na horizontal em vez de quebrar linha */
  .pdc-editorias p{
    gap:20px;
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  .pdc-editorias p::-webkit-scrollbar{display:none}
  .pdc-editorias a{font-size:14px;white-space:nowrap}

  .pdc-btn-news .elementor-button{padding:8px 14px;font-size:13px}
  .pdc-btn-news .elementor-button-icon svg{width:14px;height:14px}

  /* ---- resto ---- */
  .pdc-chamadas .elementor-post__thumbnail__link{flex-basis:84px;width:84px}
  .pdc-destaque .elementor-posts .elementor-post__card .elementor-post__title{font-size:20px}
  .pdc-destaque .elementor-posts .elementor-post__card .elementor-post__text{padding:18px}
}

/* =========================================================
   10. ACESSIBILIDADE
   ========================================================= */
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:2px solid var(--pdc-ouro);
  outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}/* End custom CSS */