/* SFIZIO v2 — contact CTAs: floating pill pair + static landing section */

.cta__pill {
  display: inline-flex; align-items: center; gap: 0.55rem;
  min-height: 2.9rem; padding: 0.6rem 1.25rem;
  border-radius: var(--r-pill);
  font-size: var(--fs-sm); font-weight: 680;
  box-shadow: var(--shadow-1);
  transition: transform var(--dur-1) var(--ease-spring);
  -webkit-tap-highlight-color: transparent;
}
.cta__pill:active { transform: scale(0.95); }
.cta__pill--call { background: var(--act); color: #fff; }
.cta__pill--wa { background: #1fa855; color: #fff; }

/* floating pair — thumb zone, slides in/out */
.ctafloat {
  position: fixed; z-index: 65;
  left: var(--gutter); right: var(--gutter);
  bottom: calc(var(--sp-3) + env(safe-area-inset-bottom));
  display: flex; gap: var(--sp-2); justify-content: center;
  pointer-events: none;
  opacity: 0; transform: translateY(120%);
  transition: opacity var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);
}
.ctafloat.is-on { opacity: 1; transform: none; pointer-events: auto; }
.ctafloat .cta__pill { flex: 1; justify-content: center; max-width: 15rem; box-shadow: var(--shadow-2); }
.cta__pill--sm span { white-space: nowrap; font-size: var(--fs-xs); }

@media (min-width: 800px) {
  .ctafloat { left: auto; right: var(--gutter); justify-content: flex-end; }
  .ctafloat .cta__pill { flex: none; }
}

/* static landing/final section */
.ctahome { border-top: 1px solid var(--line); background: var(--bg-2); }
.ctahome__inner { padding-block: var(--sp-8); display: grid; gap: var(--sp-3); }
.ctahome h2 { font-size: var(--fs-2xl); }
.ctahome em { color: var(--act); }
.ctahome__phone {
  font-family: var(--font-display); font-size: var(--fs-xl);
  font-variant-numeric: tabular-nums;
}
.ctahome__row { display: flex; flex-wrap: wrap; gap: var(--sp-3); margin-top: var(--sp-2); }

@media (prefers-reduced-motion: reduce) {
  .ctafloat { transition: none; }
}