/* Ajustes da copia estatica do Elementor para telas pequenas. */
@media (max-width: 767px) {
  html,
  body {
    overflow-x: clip;
  }

  /* No WordPress estas entradas dependiam do runtime do Elementor/LiteSpeed.
     Na copia estatica, manter o conteudo visivel evita secoes vazias ao rolar. */
  .elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
  }

  /* O tema deslocava quase todas as secoes 30px para cima no mobile,
     fazendo titulos e blocos consecutivos se sobreporem. */
  .scroll-top {
    transform: none !important;
    opacity: 1 !important;
  }

  .elementor-431 .elementor-element.elementor-element-4aebdb8
    .elementor-element-f7b3030 {
    padding-bottom: 32px !important;
  }

  .elementor-431 .elementor-element.elementor-element-4aebdb8
    .elementor-element-ec725b2 {
    transform: none !important;
    gap: 24px !important;
  }

  .elementor-431 .elementor-element.elementor-element-f94cebe
    .elementor-image-box-title {
    line-height: 1.2em !important;
  }

  /* O efeito de texto em gradiente perde o background quando sai da viewport. */
  .foco {
    color: #8a4b58 !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
  }

  .elementor-431 .elementor-element.elementor-element-3ca14f3 {
    margin-top: 8px;
  }

  /* Mantem o botao flutuante presente sem cobrir tanto os cards. */
  .elementor-431 .elementor-element.elementor-element-4381e2e {
    width: 52px !important;
    max-width: 52px !important;
  }
}