/* ============================================================
   NuvaMed — phone signup dock for the audience pages
   (/psiquiatras, /psicologos). Below 560 px the header hides its
   "Probar gratis" button (nav.css), so without this a phone visitor
   who scrolls past the hero sees no way to sign up until the closing
   section. Same idea as the home page's #nv-dock (home.css), without
   the home page's scene engine: hidden at rest, slides in once the
   hero has scrolled away, and steps aside when the closing CTA is on
   screen. Behaviour: assets/cta-dock.js.
   ============================================================ */
.nv-cta-dock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  display: none;
  align-items: center;
  gap: 14px;
  padding: 10px 20px calc(10px + env(safe-area-inset-bottom));
  /* Panel, not bar, fill: the dock carries the 11 px note, and over the
     darkest bands the bar fill (0.62) dropped it below 4.5:1. */
  background: var(--g-fill-panel, rgba(255, 255, 255, 0.76));
  -webkit-backdrop-filter: blur(16px) saturate(2);
  backdrop-filter: blur(16px) saturate(2);
  box-shadow: 0 0 0 0.5px var(--g-hair, rgba(0,0,0,.08)), inset 0 1px 0 var(--g-rim-hi, #fff);
  transform: translateY(110%);
  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
.nv-cta-dock.is-visible { transform: none; }
.nv-cta-dock-note {
  font-size: 11px;
  line-height: 1.35;
  color: #2d3e52; /* neutral-700: headroom over a dark band at the 0.76 fill */
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.nv-cta-dock .btn {
  flex: 1;
  min-height: 48px;
  justify-content: center;
}
@media (max-width: 700px) {
  .nv-cta-dock { display: flex; }
}
@media (prefers-reduced-motion: reduce) {
  .nv-cta-dock { transition: none; }
}

/* Glass fallback (spec 2026-10-16 §6): repeated here because this file
   loads after nav.css and would otherwise win the cascade. */
@media (prefers-reduced-transparency: reduce) {
  .nv-cta-dock { background: #ffffff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .nv-cta-dock { background: #ffffff; }
}
@media (prefers-contrast: more) {
  .nv-cta-dock { background: #ffffff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}