/* =========================================================
   AQUAG · EFEITOS DA LONG PAGE
   Barra de progresso de leitura, botão flutuante de WhatsApp e
   o acabamento de fundo das seções. Só a Long Page carrega este arquivo (o admin não).
   ========================================================= */

/* --- Barra de progresso de leitura (topo da tela) --- */

.aq-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 250;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--aq-blue-500), var(--aq-cyan-400), var(--aq-amber-400));
  transform: scaleX(0);
  transform-origin: 0 50%;
  pointer-events: none;
  box-shadow: 0 0 12px rgba(34, 211, 238, .6);
}

/* --- Botão flutuante de WhatsApp --- */

.aq-fab {
  position: fixed;
  right: 18px;
  bottom: calc(18px + env(safe-area-inset-bottom));
  z-index: 180;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 58px;
  padding: 0 17px;
  border-radius: 999px;
  background: #25d366;
  color: #fff;
  font-weight: 700;
  font-size: .9rem;
  box-shadow: 0 16px 36px -12px rgba(37, 211, 102, .65), 0 0 0 1px rgba(255, 255, 255, .12) inset;
  opacity: 0;
  transform: translateY(20px) scale(.9);
  pointer-events: none;
  transition: opacity .35s var(--aq-ease), transform .35s var(--aq-ease), box-shadow .25s;
}

.aq-fab.aq-visible { opacity: 1; transform: none; pointer-events: auto; }
.aq-fab:hover { box-shadow: 0 20px 44px -12px rgba(37, 211, 102, .8), 0 0 0 1px rgba(255, 255, 255, .18) inset; }

.aq-fab-icon { width: 26px; height: 26px; flex-shrink: 0; }


/* No celular vira só o ícone redondo, para não cobrir o conteúdo. */
@media (max-width: 640px) {
  .aq-fab { width: 56px; height: 56px; padding: 0; justify-content: center; right: 14px; }
  .aq-fab-label { display: none; }
}



/* --- Fundo das seções --- */

/* Seções alternadas ganham uma luz suave e uma linha de brilho no topo. */
.aq-section-alt {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.aq-section-alt::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(60% 50% at 0% 0%, rgba(14, 165, 233, .08), transparent 70%),
    radial-gradient(50% 45% at 100% 100%, rgba(34, 211, 238, .06), transparent 70%);
  pointer-events: none;
}

.aq-section-alt::after {
  content: '';
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(125, 211, 252, .28), transparent);
  pointer-events: none;
}