/*
 * Cabeçalho que vira rodapé fixo (desktop e laptop, a partir de 1025px).
 * O JS (assets/js/sticky-cta.js) adiciona a classe .is-sticky-footer ao cabeçalho
 * quando o primeiro botão da página sai da tela por cima. No mobile (até 767px)
 * a barra fixa já vem do próprio Elementor, então nada aqui se aplica.
 */
@media (min-width: 1025px) {
  .elementor-27 > .is-sticky-footer {
    position: fixed;
    inset-block-start: auto;
    inset-block-end: 0;
    inset-inline: 0;
    z-index: 10000;
    width: 100%;
    border-block-end-width: 0;
    border-block-start-width: 1px;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.35);
    animation: sticky-footer-in 0.3s ease-out;
  }

  /* No rodapé: logo e botão centralizados, sem o título "Protocolo Erro Zero" */
  .elementor-27 > .is-sticky-footer > div {
    justify-content: center;
    gap: 48px;
  }

  .elementor-27 > .is-sticky-footer h4 {
    display: none;
  }

  .elementor-27 > .is-sticky-footer img {
    max-width: 160px;
    max-height: none;
  }
}

@keyframes sticky-footer-in {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-27 > .is-sticky-footer { animation: none; }
}
