/* --- TABELA COM ROLAGEM HORIZONTAL NO MOBILE --- */
@media (max-width: 768px) {
  #cck3r {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #ddd;
    border-radius: 8px;
  }

  #cck3r table {
    width: 100%;
    min-width: 600px; /* ajuste conforme o tamanho da sua tabela */
    border-collapse: collapse;
  }
}

/* --- AVISO DE ROLAGEM PARA O USUÁRIO NO MOBILE --- */
.aviso-scroll-mobile {
  display: none;
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
  font-style: italic;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .aviso-scroll-mobile {
    display: block;
    animation: piscando 2s infinite;
  }

  @keyframes piscando {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; }
  }
}

#sp-component {
  overflow-x: auto;
}


/* NÃO deixar o bloco global afetar o editor do SP Page Builder */
.sppb-editor-view #sp-component svg,
.sppb-editor-view #sp-component canvas,
.sppb-editor-view #sp-component object {
  min-width: auto !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
}