/* Reserva dinámica para el bubble/ventana de Tawk (se llena desde JS) */
:root {
  --cta-right: 20px; /* tu separación normal a la derecha */
  --cta-bottom: 24px; /* tu separación inferior normal */
  --tawk-offset-x: 0px; /* ancho ocupado por Tawk (JS) */
  --tawk-offset-y: 0px; /* alto extra cuando el chat está expandido (JS) */
}

/* Mueve el CTA derecho dejando espacio a Tawk */
.fcta-wrap.right {
  right: calc(var(--cta-right) + var(--tawk-offset-x));
  bottom: calc(var(--cta-bottom) + var(--tawk-offset-y));
  transition: right 0.25s ease, bottom 0.25s ease;
  z-index: 9998; /* Tawk suele venir > 10000, así nunca se pisan */
}

/* ——— Prioridad visual: el bottom sheet por encima de los CTA ——— */
#sector-sheet,
#sector-sheet * {
  z-index: 11050 !important; /* más alto que los CTA */
}

/* Los CTA, por defecto (si tu lib los crea con 9999, esto los normaliza) */
.fcta-wrap {
  z-index: 10000 !important;
}

/* Cuando el sheet está abierto, “apagamos” los CTA (taps/clicks y foco) */
body.sheet-open .fcta-wrap {
  pointer-events: none !important;
  opacity: 0.25;
  transition: opacity 0.2s ease;
}