/* Un único anclaje fijo: evita que los controles se calculen por separado. */
.floating-controls{
  position:fixed!important;
  left:calc(100vw - 96px)!important;
  right:auto!important;
  bottom:76px!important;
  z-index:999!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:18px!important;
  width:auto!important;
  max-width:calc(100vw - 28px)!important;
  pointer-events:none!important;
}
.floating-controls .whatsapp,
.floating-controls .back-to-top{
  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  margin:0!important;
  flex:none!important;
  pointer-events:auto!important;
}
.floating-controls .whatsapp{
  order:2;
  width:64px!important;
  height:64px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:50%!important;
  transform:none!important;
}
.floating-controls .whatsapp span{display:none!important}
.floating-controls .whatsapp svg{width:31px!important;height:31px!important}
.floating-controls .back-to-top{order:1}
.floating-controls .back-to-top:not(.show){display:none!important}
.floating-controls .back-to-top.show{display:grid!important;transform:none!important}

@media (max-width:850px){
  .floating-controls{
    left:calc(100vw - 70px)!important;
    right:auto!important;
    bottom:28px!important;
    bottom:calc(28px + env(safe-area-inset-bottom))!important;
    gap:12px!important;
    max-width:calc(100vw - 28px)!important;
  }
  .floating-controls .whatsapp{width:56px!important;height:56px!important}
  .floating-controls .back-to-top{width:46px!important;height:46px!important}
}
@media (max-width:390px){
  .floating-controls{left:calc(100vw - 68px)!important;right:auto!important;bottom:22px!important;bottom:calc(22px + env(safe-area-inset-bottom))!important}
}