/* ajustes.css — base comum depois de todas as seções (revelação, botão fixo, correções de montagem) */
html { scroll-behavior: smooth; }
body { overflow-x: clip; }
.js [data-rev] { opacity: 0; transform: translateY(22px); transition: opacity .9s var(--ease), transform 1s var(--ease); }
.js [data-rev].rev-in { opacity: 1; transform: none; }

/* botão fixo do WhatsApp (celular e tablet) */
.fx-whats { position: fixed; z-index: 60; right: 1rem; bottom: calc(1rem + env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: .55rem;
  min-height: 3.25rem; padding: .8rem 1.25rem; border-radius: 99px; background: var(--oliva); color: var(--creme); text-decoration: none;
  font-family: var(--f-titulo); font-weight: 650; font-size: 1rem; box-shadow: 0 14px 34px -12px rgb(20 26 4 / .6), 0 0 0 1px color-mix(in oklab, var(--creme) 18%, transparent);
  opacity: 0; transform: translateY(140%); transition: opacity .4s var(--ease), transform .5s var(--ease); pointer-events: none; }
.fx-whats svg { width: 1.3rem; height: 1.3rem; fill: currentColor; }
.fx-whats.fx-on { opacity: 1; transform: none; pointer-events: auto; }
.fx-whats:focus-visible { outline: 3px solid var(--musgo); outline-offset: 3px; }
@media (min-width: 1100px) { .fx-whats { right: 1.6rem; bottom: 1.6rem; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  .js [data-rev] { opacity: 1; transform: none; }
}

/* no celular o botão fixo vira um círculo só com o ícone (tapa menos texto) */
@media (max-width: 600px) {
  .fx-whats { width: 3.5rem; height: 3.5rem; min-height: 0; padding: 0; justify-content: center; right: .85rem; bottom: calc(.85rem + env(safe-area-inset-bottom)); }
  .fx-whats svg { width: 1.6rem; height: 1.6rem; }
  .fx-whats span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}