/* Faixa de destaque: estilo de bloco do Grupo (is-style-lii-faixa).
   Medidas vêm do painel Identidade Locomotiva › Faixa de destaque, como variáveis CSS (faixa-destaque.php).
   O respiro de cima/baixo manda no preenchimento do Grupo (o !important vence o style="" do bloco);
   as laterais continuam vindo do Grupo. */
body .wp-block-group.is-style-lii-faixa {
  padding-top: var(--lii-faixa-topo, 68px) !important;
  padding-bottom: var(--lii-faixa-base, 68px) !important;
}
/* Nada de margem sobrando na primeira e na última coisa da faixa: o respiro é só o do painel. */
body .wp-block-group.is-style-lii-faixa > :first-child { margin-top: 0 !important; }
body .wp-block-group.is-style-lii-faixa > .wp-block-columns { margin-bottom: 0; }
body .wp-block-group.is-style-lii-faixa > :last-child,
body .wp-block-group.is-style-lii-faixa > .wp-block-columns:last-of-type { margin-bottom: 0 !important; }
body .wp-block-group.is-style-lii-faixa .wp-block-column > :first-child { margin-top: 0; }
body .wp-block-group.is-style-lii-faixa .wp-block-column > :last-child { margin-bottom: 0; }
body .wp-block-group.is-style-lii-faixa .wp-block-column > :is(h1, h2, h3, h4) { margin-bottom: 0; }

/* Colunas empilhadas (mesmo ponto do WordPress): um respiro só, em cima e embaixo. */
@media (max-width: 781px) {
  body .wp-block-group.is-style-lii-faixa {
    padding-top: var(--lii-faixa-celular, 48px) !important;
    padding-bottom: var(--lii-faixa-celular, 48px) !important;
  }
}