/* TRAVIM · Etapas 2 y 4A · Botones flotantes (Asistente virtual + WhatsApp)
   Mismo diseño que la versión local (chat-fab). Usa los colores de site.css. */
.tv-fabs{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin-bottom:env(safe-area-inset-bottom)}
body:has(.sales-chat-launch) .tv-fabs{bottom:78px}
body:has(#sales-chat:not([hidden])) .tv-fabs{display:none}
.tv-wa-fab,.tv-chat-fab{display:inline-flex;align-items:center;gap:9px;padding:13px 20px 13px 16px;border-radius:999px;color:#fff;font-weight:750;font-size:14px;line-height:1;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.tv-wa-fab{background:var(--green,#07845d);box-shadow:0 12px 30px rgba(16,155,109,.34),0 2px 6px rgba(16,39,48,.12)}
.tv-wa-fab:hover{background:#0e8a61;transform:translateY(-2px);box-shadow:0 16px 38px rgba(16,155,109,.4)}
.tv-chat-fab{background:var(--teal,#006d7f);box-shadow:0 12px 30px rgba(0,109,127,.32),0 2px 6px rgba(16,39,48,.12)}
.tv-chat-fab:hover{background:#005a69;transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,109,127,.4)}
.tv-wa-fab[hidden]{display:none}
.tv-wa-fab:focus-visible,.tv-chat-fab:focus-visible{outline:3px solid var(--cyan,#08a8bd);outline-offset:3px}
.tv-wa-fab svg,.tv-chat-fab svg{width:23px;height:23px;flex:0 0 auto}
/* Mientras la ventana de chat está abierta, los botones se ocultan. */
body.tv-chat-open .tv-fabs{display:none}
/* El aviso "Producto agregado al carrito" sube para no quedar bajo los botones. */
body:has(.tv-fabs .tv-wa-fab:not([hidden])) .toast,body:has(.tv-fabs .tv-chat-fab) .toast{bottom:88px}
body:has(.tv-fabs .tv-chat-fab):has(.tv-fabs .tv-wa-fab:not([hidden])) .toast{bottom:150px}
@media(max-width:850px){
  .tv-fabs{right:14px;bottom:14px;gap:14px}
  .tv-wa-fab,.tv-chat-fab{padding:13px}
  .tv-fab-text{display:none}
  body:has(.tv-fabs .tv-wa-fab:not([hidden])) .toast,body:has(.tv-fabs .tv-chat-fab) .toast{bottom:80px}
  body:has(.tv-fabs .tv-chat-fab):has(.tv-fabs .tv-wa-fab:not([hidden])) .toast{bottom:142px}
}
@media(prefers-reduced-motion:reduce){.tv-wa-fab,.tv-chat-fab{transition:none}.tv-wa-fab:hover,.tv-chat-fab:hover{transform:none}}
@media print{.tv-fabs{display:none}}