.elementor-kit-6{--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-6 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{padding-inline-end:0px;padding-inline-start:0px;}@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:610px;}.e-con{--container-max-width:610px;}.site-header .header-inner{width:0px;max-width:100%;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}}
/* Start custom CSS *//* =====================================================================
   CORREÇÃO GLOBAL — Pré-sell "Notícia Chocante" (Elementor / página 10)
   Padrão de leitura estilo G1
   Onde colar: Elementor → Configurações do site → CSS personalizado
   (ou Aparência → Personalizar → CSS adicional)
   ===================================================================== */

:root{
  --g1-largura   : 950px;   /* largura útil da matéria (header, corpo e rodapé) */
  --g1-texto     : #333333; /* cor do corpo de texto */
  --g1-suave     : #767676; /* data, legenda, hora do comentário */
  --g1-linha     : #e2e2e2; /* linhas divisórias */
  --g1-titulo    : #e70404; /* vermelho dos títulos (marca do site) */
  --g1-fonte     : "Roboto", Arial, Helvetica, sans-serif;
  --g1-ritmo     : 24px;    /* respiro padrão entre parágrafos */
}

/* =====================================================================
   1. LARGURAS — tudo passa a nascer na mesma coluna
   Antes: header 950px, conteúdo 950px, rodapé 1140px (herdado do kit).
   ===================================================================== */
.elementor-10 .elementor-element-52901cae > .elementor-container,
.elementor-10 .elementor-element-4fd789c8 > .elementor-container,
.elementor-10 .elementor-element-5bd49d28 > .elementor-container{
  max-width: var(--g1-largura) !important;
  margin-inline: auto !important;
  padding-inline: 20px !important;
}

/* colunas voltam a somar 100% (estavam 64,954% + 35%) */
@media (min-width:768px){
  .elementor-10 .elementor-element-45a1c733{ width:65% !important; }
  .elementor-10 .elementor-element-bbfec63 { width:35% !important; }
  .elementor-10 .elementor-element-45a1c733 > .elementor-element-populated{
    margin:0 !important; padding:0 32px 0 0 !important;
  }
  .elementor-10 .elementor-element-bbfec63 > .elementor-element-populated{
    margin:0 !important; padding:0 !important;
  }
}

/* =====================================================================
   2. ZERA AS MARGENS NEGATIVAS  ← causa nº 1 do desalinhamento
   O kit define --kit-widget-spacing:20px e cada widget trazia
   margin:-28px 0 calc(var(--kit-widget-spacing) + -27px) 0.
   Como .elementor-widget-wrap é flex, margens NÃO colapsam: os valores
   somavam e produziam espaços de -14px a -34px entre parágrafos.
   ===================================================================== */
.elementor-10 .elementor-widget{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
/* NOTA: a regra acima zera o espaçamento de TODOS os widgets da página e o
   ritmo é redefinido abaixo. Se você adicionar um widget novo e ele ficar
   colado, o campo "Margem" do painel não vai mais funcionar — dê uma classe
   a ele (Avançado → Classes CSS) e crie a margem aqui embaixo.            */
.elementor-10 .elementor-inner-section{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.elementor-10 .elementor-widget-text-editor p{ margin:0 0 12px !important; }
.elementor-10 .elementor-widget-text-editor p:last-child{ margin-bottom:0 !important; }

/* =====================================================================
   3. TIRA DO position:absolute o que é conteúdo de fluxo
   As barras "Curtir / Responder / Denunciar" e os ícones sociais estavam
   com .elementor-absolute (bottom:0), ocupando altura zero — por isso
   colidiam com o texto de cima e do comentário seguinte.
   ===================================================================== */
.elementor-10 .elementor-element-45a1c733 .elementor-widget-icon-list.elementor-absolute,
.elementor-10 .elementor-element-2790a0f0,
.elementor-10 .elementor-element-4b3e9ab5{
  position:static !important;
  inset:auto !important;
  transform:none !important;
}

/* =====================================================================
   4. RITMO VERTICAL DA MATÉRIA (padrão G1)
   ===================================================================== */
.elementor-10 .elementor-element-4fd789c8{ margin-top:24px !important; }

.elementor-10 .elementor-element-45a1c733{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* corpo do texto */
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor{
  font-family: var(--g1-fonte) !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: var(--g1-texto) !important;
  margin-bottom: var(--g1-ritmo) !important;
}
/* ATENÇÃO — 1 ajuste que só se resolve no editor, não por CSS:
   o widget "Até mesmo uma musa... / Isso acontece porque..." tem as duas
   frases separadas por <br> (Shift+Enter) em vez de dois parágrafos.
   Navegadores modernos ignoram margem em <br>, então esse par continua
   colado. No Elementor, abra esse texto e troque o Shift+Enter por Enter. */

/* intertítulos (H2 vermelhos) */
.elementor-10 .elementor-element-1844a264,
.elementor-10 .elementor-element-55e09221{
  margin-top:36px !important;
  margin-bottom:14px !important;
}
.elementor-10 .elementor-element-1844a264 .elementor-heading-title,
.elementor-10 .elementor-element-55e09221 .elementor-heading-title{
  font-family: var(--g1-fonte) !important;
  font-size:26px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  color: var(--g1-titulo) !important;
}

/* linha fina + nota de crédito */
.elementor-10 .elementor-widget-divider{ margin-block:0 !important; }

/* =====================================================================
   5. CABEÇALHO DA MATÉRIA — data, título, olho
   ===================================================================== */
/* IMPORTANTE: as regras "especiais" abaixo repetem
   .elementor-widget-text-editor de propósito. A regra geral do corpo
   (seção 4) tem 3 classes; sem essa repetição ela venceria por
   especificidade e achataria data, olho, aviso e comentários em 18px. */
.elementor-10 .elementor-element-45a1c733
  .elementor-widget-text-editor.elementor-element-3eef0617{   /* data */
  font-size:12px !important;
  line-height:1.4 !important;
  color: var(--g1-suave) !important;
  margin-bottom:10px !important;
}
.elementor-10 .elementor-element-43d4de8a{ margin-bottom:12px !important; }
.elementor-10 .elementor-element-43d4de8a .elementor-heading-title{
  font-family: var(--g1-fonte) !important;
  font-size:40px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  letter-spacing:-.4px !important;
  color: var(--g1-titulo) !important;
}
.elementor-10 .elementor-element-45a1c733
  .elementor-widget-text-editor.elementor-element-64fdbb25{   /* olho / subtítulo */
  font-size:19px !important;
  line-height:1.45 !important;
  color:#666666 !important;
  margin-bottom:20px !important;
}

/* =====================================================================
   6. LINHA DE AVALIAÇÃO + COMPARTILHAR (nota à esquerda, ícones à direita)
   ===================================================================== */
.elementor-10 .elementor-element-24d72eb2{ margin-bottom:20px !important; }
.elementor-10 .elementor-element-26209514 > .elementor-widget-wrap{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  row-gap:10px !important;
}
.elementor-10 .elementor-element-7efa2bdf{ order:1 !important; width:100% !important; }
.elementor-10 .elementor-element-7efa2bdf .elementor-divider-separator{ width:100% !important; }
.elementor-10 .elementor-element-7efa2bdf .elementor-divider{
  padding-block-start:0 !important;
  padding-block-end:14px !important;
}
.elementor-10 .elementor-element-5249f057{
  order:2 !important; width:auto !important; flex:1 1 auto !important;
}
.elementor-10 .elementor-element-5249f057 .elementor-star-rating__title{
  font-size:14px !important; color: var(--g1-suave) !important;
}
.elementor-10 .elementor-element-2790a0f0{
  order:3 !important;
  width:auto !important; max-width:none !important;
  margin-inline-start:auto !important;
}
.elementor-10 .elementor-element-2790a0f0 .elementor-social-icons-wrapper{
  display:flex !important; gap:8px !important; justify-content:flex-end !important;
}

/* =====================================================================
   7. IMAGENS E LEGENDAS
   IMPORTANTE: o WordPress gravou <img width="1" height="1"> nestas fotos
   (o media_details do site está sem width/height e com "sizes": {} —
   as miniaturas nunca foram geradas). Por isso as fotos grandes da
   matéria estavam sendo renderizadas com 1 pixel de largura, ou seja,
   invisíveis. As regras abaixo forçam a largura correta.
   Correção definitiva no WP: reprocessar as imagens
   (plugin "Regenerate Thumbnails" ou reenviar os arquivos em .jpg).
   ===================================================================== */
.elementor-10 .elementor-element-45a1c733 .elementor-widget-image{
  margin-bottom:26px !important;
}
.elementor-10 .elementor-element-45a1c733 .elementor-widget-image figure{
  margin:0 !important; line-height:0 !important; background:transparent !important;
}
.elementor-10 .elementor-element-45a1c733 .elementor-widget-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  aspect-ratio:auto !important;
  background:#eeeeee !important;
}
/* legenda no padrão G1: texto cinza pequeno abaixo da foto, sem tarja */
.elementor-10 .elementor-element-45a1c733 .widget-image-caption{
  display:block !important;
  background:transparent !important;
  color: var(--g1-suave) !important;
  font-family: var(--g1-fonte) !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-style:normal !important;
  text-align:left !important;
  padding:8px 0 0 !important;
  margin:0 !important;
}

/* OPCIONAL — recorte uniforme 16:9 em todas as fotos da matéria
   (elimina o "pulo" de layout enquanto a imagem carrega).
   Basta remover os comentários abaixo:
.elementor-10 .elementor-element-45a1c733 .elementor-widget-image img{
  aspect-ratio:16/9 !important; object-fit:cover !important;
}
*/

/* =====================================================================
   8. BLOCO DE COMENTÁRIOS
   ===================================================================== */
.elementor-10 .elementor-element-1ccd2577{            /* "4 COMENTÁRIOS" */
  margin-top:40px !important; margin-bottom:6px !important;
}
.elementor-10 .elementor-element-1ccd2577 .elementor-heading-title{
  font-family: var(--g1-fonte) !important;
  font-size:20px !important; font-weight:700 !important;
  letter-spacing:.3px !important; color:#111111 !important;
}
.elementor-10 .elementor-element-10a46d90{ margin-bottom:10px !important; }
.elementor-10 .elementor-element-45a1c733
  .elementor-widget-text-editor.elementor-element-7c49411e{   /* aviso legal */
  font-size:11px !important; line-height:1.5 !important;
  color:#8a8a8a !important; margin-bottom:8px !important;
}

/* comentário principal / resposta */
.elementor-10 .elementor-element-3c0bce59,
.elementor-10 .elementor-element-30045563{ margin-top:22px !important; }
.elementor-10 .elementor-element-78ce9a9f,
.elementor-10 .elementor-element-4ce601f8{ margin-top:16px !important; }

/* recuo da resposta */
.elementor-10 .elementor-element-7436c5ed > .elementor-element-populated,
.elementor-10 .elementor-element-688a20c3 > .elementor-element-populated{
  margin:0 0 0 26px !important;
  padding:0 0 0 16px !important;
  border-width:0 0 0 2px !important;
  border-color: var(--g1-linha) !important;
}

/* nome + horário */
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-2e22e328,
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-3adc9a4c,
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-5cda7a36,
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-30bff3fd{
  font-size:14px !important; line-height:1.4 !important; margin-bottom:5px !important;
}
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor strong{
  font-weight:700 !important; color:#111111 !important;
}
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor strong + span{
  color:#9a9a9a !important; font-size:12px !important; margin-left:7px !important;
  font-weight:400 !important;
}

/* texto do comentário */
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-1cd8bc60,
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-329cbb71,
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-3902d710,
.elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-1d17e5a5{
  font-size:15px !important; line-height:1.5 !important;
  color: var(--g1-texto) !important; margin-bottom:0 !important;
}

/* barra Curtir / Responder / Denunciar */
.elementor-10 .elementor-element-45a1c733 .elementor-widget-icon-list{
  width:100% !important; max-width:100% !important; margin-top:9px !important;
}
.elementor-10 .elementor-element-45a1c733 .elementor-widget-icon-list .elementor-inline-items{
  display:flex !important; flex-wrap:wrap !important;
  align-items:center !important; gap:22px !important; margin-inline:0 !important;
}
.elementor-10 .elementor-element-45a1c733 .elementor-widget-icon-list .elementor-inline-items .elementor-icon-list-item{
  margin-inline:0 !important;
}
.elementor-10 .elementor-element-45a1c733 .elementor-widget-icon-list .elementor-icon-list-text{
  font-size:12px !important; color:#6b6b6b !important; padding-inline-start:6px !important;
}
.elementor-10 .elementor-element-45a1c733 .elementor-widget-icon-list .elementor-icon-list-icon svg{
  fill:#6b6b6b !important;
}

/* divisória entre threads */
.elementor-10 .elementor-element-4c7827cf .elementor-divider{
  padding-block-start:22px !important; padding-block-end:0 !important;
}

/* botão "Carregar mais comentários" */
.elementor-10 .elementor-element-43ec137b{
  margin-top:26px !important;
  padding:14px 10px !important;
  border:1px solid var(--g1-linha) !important;
  box-shadow:none !important;
  border-radius:3px !important;
  transition:background .2s ease !important;
}
.elementor-10 .elementor-element-43ec137b:hover{ background:#fafafa !important; }
.elementor-10 .elementor-element-43ec137b .elementor-heading-title{
  font-family: var(--g1-fonte) !important;
  font-size:13px !important; font-weight:500 !important;
  letter-spacing:.6px !important; color:#555555 !important;
}

/* =====================================================================
   9. BARRA LATERAL "ÚLTIMAS NOTÍCIAS"
   ===================================================================== */
.elementor-10 .elementor-element-268d7216{
  border-width:3px 0 0 0 !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.08) !important;
}
.elementor-10 .elementor-element-718b404e > .elementor-element-populated{
  padding:18px 18px 20px !important;
}
.elementor-10 .elementor-element-15b9204d{ margin-bottom:12px !important; }
.elementor-10 .elementor-element-15b9204d .elementor-heading-title{
  font-family: var(--g1-fonte) !important;
  font-size:20px !important; font-weight:700 !important; color:#111111 !important;
}
/* cada item vira uma linha: miniatura + título */
.elementor-10 .elementor-element-bbfec63 .elementor-widget-image{
  width:80px !important; max-width:80px !important; margin:0 !important;
}
.elementor-10 .elementor-element-bbfec63 .elementor-widget-image img{
  display:block !important;
  width:80px !important; height:80px !important;
  object-fit:cover !important; aspect-ratio:auto !important;
  background:#eeeeee !important;
}
.elementor-10 .elementor-element-2d499059,
.elementor-10 .elementor-element-2ada00c8,
.elementor-10 .elementor-element-95e0242{
  width:calc(100% - 92px) !important; max-width:calc(100% - 92px) !important;
  margin:0 0 0 12px !important;
}
.elementor-10 .elementor-element-2d499059 .elementor-heading-title,
.elementor-10 .elementor-element-2ada00c8 .elementor-heading-title,
.elementor-10 .elementor-element-95e0242 .elementor-heading-title{
  font-family: var(--g1-fonte) !important;
  font-size:15px !important; line-height:1.35 !important; font-weight:500 !important;
}
.elementor-10 .elementor-element-4e0586fb .elementor-divider,
.elementor-10 .elementor-element-169cedd9 .elementor-divider,
.elementor-10 .elementor-element-cac8963  .elementor-divider,
.elementor-10 .elementor-element-4025e999 .elementor-divider{
  padding-block-start:16px !important; padding-block-end:16px !important;
}
.elementor-10 .elementor-element-4e0586fb .elementor-divider{
  padding-block-start:0 !important; padding-block-end:14px !important;
}
.elementor-10 .elementor-element-3beb6303 .elementor-heading-title{
  font-family: var(--g1-fonte) !important;
  font-size:14px !important; font-weight:500 !important;
}

/* =====================================================================
   10. FAIXA VERMELHA DO TOPO
   ===================================================================== */
.elementor-10 .elementor-element-52901cae{ border-width:0 !important; }
.elementor-10 .elementor-element-52901cae > .elementor-container{ min-height:56px !important; }
.elementor-10 .elementor-element-543d8987 > .elementor-element-populated{
  margin:0 !important; padding:0 !important;
}
.elementor-10 .elementor-element-33d5bb3{ margin:0 !important; }
.elementor-10 .elementor-element-33d5bb3 .elementor-heading-title{
  font-family: var(--g1-fonte) !important;
  font-size:20px !important; font-weight:700 !important;
  letter-spacing:1.5px !important; line-height:1 !important;
}
/* lupa e menu centralizados verticalmente */
.elementor-10 .elementor-element-4e11b09d,
.elementor-10 .elementor-element-2d379298{
  top:50% !important; transform:translateY(-50%) !important; margin:0 !important;
}
.elementor-10 .elementor-element-4e11b09d .elementor-icon,
.elementor-10 .elementor-element-2d379298 .elementor-icon{ font-size:21px !important; }
.elementor-10 .elementor-element-4e11b09d .elementor-icon svg,
.elementor-10 .elementor-element-2d379298 .elementor-icon svg{ height:21px !important; }

/* =====================================================================
   11. RODAPÉ VERMELHO
   ===================================================================== */
.elementor-10 .elementor-element-5bd49d28{
  margin-top:56px !important; padding:0 !important;
}
.elementor-10 .elementor-element-5bd49d28 > .elementor-container{ min-height:64px !important; }
.elementor-10 .elementor-element-5bd49d28 > .elementor-container > .elementor-column > .elementor-widget-wrap{
  align-content:center !important; align-items:center !important;
}
.elementor-10 .elementor-element-4b3e9ab5{ width:100% !important; max-width:100% !important; }
.elementor-10 .elementor-element-4b3e9ab5 .elementor-inline-items{
  display:flex !important; flex-wrap:wrap !important;
  justify-content:center !important; gap:8px 22px !important; margin-inline:0 !important;
}
.elementor-10 .elementor-element-4b3e9ab5 .elementor-inline-items .elementor-icon-list-item{
  margin-inline:0 !important;
}
.elementor-10 .elementor-element-4b3e9ab5 .elementor-icon-list-text{
  font-size:12px !important; text-transform:lowercase !important;
}

/* =====================================================================
   12. CELULAR (≤767px)
   ===================================================================== */
@media (max-width:767px){
  .elementor-10 .elementor-element-52901cae > .elementor-container,
  .elementor-10 .elementor-element-4fd789c8 > .elementor-container,
  .elementor-10 .elementor-element-5bd49d28 > .elementor-container{
    padding-inline:16px !important;
  }
  .elementor-10 .elementor-element-52901cae > .elementor-container{ min-height:48px !important; }
  .elementor-10 .elementor-element-33d5bb3 .elementor-heading-title{ font-size:17px !important; }

  .elementor-10 .elementor-element-45a1c733 > .elementor-element-populated,
  .elementor-10 .elementor-element-bbfec63  > .elementor-element-populated{
    margin:0 !important; padding:0 !important;
  }
  .elementor-10 .elementor-element-4fd789c8{ margin-top:16px !important; }

  .elementor-10 .elementor-element-43d4de8a .elementor-heading-title{
    font-size:30px !important; line-height:1.18 !important; letter-spacing:-.2px !important;
  }
  .elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor{
    font-size:17px !important; line-height:1.62 !important;
  }
  /* especiais no celular — mesma repetição de .elementor-widget-text-editor
     para não perderem para a regra geral acima */
  .elementor-10 .elementor-element-45a1c733
    .elementor-widget-text-editor.elementor-element-3eef0617{ font-size:12px !important; line-height:1.4 !important; }
  .elementor-10 .elementor-element-45a1c733
    .elementor-widget-text-editor.elementor-element-64fdbb25{ font-size:17px !important; line-height:1.45 !important; }
  .elementor-10 .elementor-element-1844a264 .elementor-heading-title,
  .elementor-10 .elementor-element-55e09221 .elementor-heading-title{ font-size:22px !important; }
  .elementor-10 .elementor-element-1844a264,
  .elementor-10 .elementor-element-55e09221{ margin-top:30px !important; }

  .elementor-10 .elementor-element-45a1c733
    .elementor-widget-text-editor.elementor-element-7c49411e{ font-size:10px !important; }
  .elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-2e22e328,
  .elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-3adc9a4c,
  .elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-5cda7a36,
  .elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-30bff3fd{
    font-size:14px !important; line-height:1.4 !important;
  }
  .elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-1cd8bc60,
  .elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-329cbb71,
  .elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-3902d710,
  .elementor-10 .elementor-element-45a1c733 .elementor-widget-text-editor.elementor-element-1d17e5a5{
    font-size:15px !important; line-height:1.5 !important;
  }

  /* a barra lateral entra depois da matéria, com respiro */
  .elementor-10 .elementor-element-bbfec63{ margin-top:36px !important; }

  .elementor-10 .elementor-element-45a1c733 .elementor-widget-icon-list .elementor-inline-items{
    gap:18px !important;
  }
}

/* =====================================================================
   13. AS DUAS FAIXAS BRANCAS (topo e rodapé)
   ===================================================================== */

/* 13a. RODAPÉ — 32px brancos ABAIXO da faixa vermelha.
   Origem: a página usa o layout "Elementor Full Width" (classe
   elementor-template-full-width no <body>), que mantém o rodapé do tema.
   O Hello Elementor imprime <footer id="site-footer"> vazio, mas com
   .site-footer{padding-block-start:1rem;padding-block-end:1rem} = 32px.
   Isso aparece TAMBÉM para o visitante, não é só no editor.
   Alternativa sem CSS: Elementor → engrenagem (Configurações da página)
   → Layout de página → "Elementor Canvas". */
#site-footer,
.site-footer.dynamic-footer{ display:none !important; }

/* 13b. TOPO — 32px brancos ACIMA da faixa vermelha (46px na
   pré-visualização de celular). NÃO existe para o visitante.
   Origem: quando você está logado o WordPress injeta
      @media screen { html { margin-top:32px !important } }
      @media screen and (max-width:782px){ html{ margin-top:46px !important } }
   para reservar o espaço da barra de admin. O Elementor esconde a barra
   dentro do editor, mas a margem continua lá. Abra a página numa aba
   anônima e o espaço some.
   Se quiser limpar a visualização do editor, tire os comentários: */
/*
html:has(body.elementor-editor-active){ margin-top:0 !important; }
*/

/* 13c. O respiro ACIMA da faixa vermelha é intencional (era 75px no
   original, está 56px na regra da seção 11). Para colar o rodapé no
   conteúdo, mude ali para 0. *//* End custom CSS */