/* ==========================================================================
   Modelo "Padrão 2026" (pagina-padrao-2026.php): conteúdo escrito no editor do WordPress
   ========================================================================== */

.pagina-padrao {
  padding: clamp(48px, 7vw, 96px) 24px clamp(64px, 9vw, 120px);
}
/* Página feita no Elementor: largura toda, sem espaçamento próprio (o Elementor controla tudo) */
.pagina-padrao--elementor {
  padding: 0;
}
.pagina-padrao__conteudo {
  max-width: 820px;
  margin: 0 auto;
  font-family: 'Figtree 2026', sans-serif; /* neste modelo, o .pagina não define a fonte (ver base.css) */
  font-size: 18px;
  line-height: 1.7;
  color: var(--roxo-escuro);
}
.pagina-padrao__conteudo > :first-child {
  margin-top: 0;
}

/* Títulos */
.pagina-padrao__conteudo :is(h1, h2, h3, h4, h5, h6) {
  margin: 1.6em 0 .5em;
  color: var(--roxo);
  font-weight: 700;
  line-height: 1.2;
  text-wrap: balance;
}
.pagina-padrao__conteudo h1 {
  font-size: clamp(34px, 5vw, 52px);
  letter-spacing: -.02em;
}
.pagina-padrao__conteudo h2 {
  font-size: clamp(26px, 3.4vw, 36px);
}
.pagina-padrao__conteudo h3 {
  font-size: 24px;
}
.pagina-padrao__conteudo h4 {
  font-size: 20px;
}
.pagina-padrao__conteudo :is(h5, h6) {
  font-size: 18px;
}

/* Texto */
.pagina-padrao__conteudo :is(p, ul, ol, blockquote, figure, table, pre) {
  margin: 0 0 1.2em;
}
.pagina-padrao__conteudo :is(ul, ol) {
  padding-left: 1.4em;
}
.pagina-padrao__conteudo li + li {
  margin-top: .4em;
}
.pagina-padrao__conteudo strong {
  font-weight: 700;
}
/* Só links de texto: botões e outros links com classe mantêm o próprio estilo */
.pagina-padrao__conteudo a:not([class]) {
  color: var(--roxo-vivo);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pagina-padrao__conteudo a:not([class]):hover {
  color: var(--roxo);
}
.pagina-padrao__conteudo blockquote {
  padding: 4px 0 4px 20px;
  border-left: 4px solid var(--amarelo);
  font-size: 20px;
  color: var(--roxo);
}
.pagina-padrao__conteudo hr {
  margin: 2.5em 0;
  border: 0;
  border-top: 1px solid var(--lilas-borda);
}
.pagina-padrao__conteudo table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
}
.pagina-padrao__conteudo :is(th, td) {
  padding: 10px 12px;
  border-bottom: 1px solid var(--lilas-borda);
  text-align: left;
}
.pagina-padrao__conteudo th {
  color: var(--roxo);
}

/* Imagens, vídeos e legendas */
.pagina-padrao__conteudo :is(img, video) {
  max-width: 100%;
  height: auto;
}
.pagina-padrao__conteudo iframe {
  max-width: 100%;
}
.pagina-padrao__conteudo img {
  border-radius: 20px;
}
.pagina-padrao__conteudo :is(figcaption, .wp-caption-text) {
  margin-top: 8px;
  font-size: 14px;
  color: var(--roxo-escuro);
  opacity: .75;
}

/* Alinhamentos (editor clássico e de blocos) */
.pagina-padrao__conteudo .alignleft {
  float: left;
  margin: .4em 1.4em 1em 0;
}
.pagina-padrao__conteudo .alignright {
  float: right;
  margin: .4em 0 1em 1.4em;
}
.pagina-padrao__conteudo .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pagina-padrao__conteudo .wp-caption {
  max-width: 100%;
}
/* "Largura ampla" e "largura total" do editor de blocos saem da coluna de texto */
.pagina-padrao__conteudo > .alignwide {
  width: min(1200px, calc(100vw - 48px));
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%);
}
.pagina-padrao__conteudo > .alignfull {
  width: 100vw;
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%);
}

/* Botão do editor de blocos nas cores da Weex (quando não tem cor escolhida no editor) */
.pagina-padrao__conteudo .wp-block-button__link:not(.has-background) {
  background: var(--roxo);
}
.pagina-padrao__conteudo .wp-block-button__link:not(.has-text-color) {
  color: #fff;
}
.pagina-padrao__conteudo .wp-block-button__link {
  padding: 16px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 768px) {
  .pagina-padrao__conteudo {
    font-size: 17px;
  }
  .pagina-padrao__conteudo :is(.alignleft, .alignright) {
    float: none;
    margin: 0 0 1.2em;
  }
}