/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 06 2025 | 18:04:45 */

/* ====== Faixa fixa NO TOPO (igual ao rodapé original) ====== */
body::before {
  content: "SOLICITE UMA AULA DE DEMONSTRAÇÃO";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;                       /* ajuste a altura aqui se quiser */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  background: #ff007f;
  color: #fff;
  font-weight: 700;
  font-family: system-ui, sans-serif;
  font-size: 16px;
  z-index: 999999 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* Dá espaço para o conteúdo da página (não fique embaixo da faixa) */
body {
  padding-top: 50px !important; /* mesmo valor da height acima */
}

/* Se o WP admin bar estiver ativo (usuário logado), ajusta automaticamente */
body.admin-bar {
  padding-top: calc(50px + 32px) !important;
}
body.admin-bar::before {
  top: 32px; /* posiciona a faixa abaixo do admin-bar visualmente */
}

/* Seletores comuns de cabeçalho — aplicamos transform apenas quando o JS adicionar a classe .xc-topbar-pushed */
body .site-header,
body header,
body #masthead,
body .header,
body .main-header {
  transition: transform .25s ease;
}

/* Quando a classe for aplicada, movemos o cabeçalho para baixo (evita sobreposição quando o header é fixed) */
body.xc-topbar-pushed .site-header,
body.xc-topbar-pushed header,
body.xc-topbar-pushed #masthead,
body.xc-topbar-pushed .header,
body.xc-topbar-pushed .main-header {
  transform: translateY(50px) !important; /* empurra o header o mesmo valor da faixa */
}

/* Ajuste caso admin-bar esteja presente + header fixed */
body.admin-bar.xc-topbar-pushed .site-header,
body.admin-bar.xc-topbar-pushed header,
body.admin-bar.xc-topbar-pushed #masthead,
body.admin-bar.xc-topbar-pushed .header,
body.admin-bar.xc-topbar-pushed .main-header {
  transform: translateY(calc(50px + 32px)) !important;
}

/* Responsivo: altura menor em telas pequenas */
@media (max-width:480px){
  body::before { height: 40px; font-size:14px; }
  body { padding-top: 40px !important; }
  body.xc-topbar-pushed .site-header,
  body.admin-bar.xc-topbar-pushed .site-header { transform: translateY(40px) !important; }
  body.admin-bar { padding-top: calc(40px + 32px) !important; }
}

/* Não mostrar na impressão */
@media print {
  body::before { display: none !important; }
  body { padding-top: 0 !important; }
}