/* Layout: label a la izquierda de cada botón */
.fwc-container{
  position: fixed;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* importante: alinea los textos a la izquierda de los botones */
  gap: 10px;
}

.fwc-row{
  display: flex;
  align-items: center;
  gap: 8px; /* separación entre label y botón */
}

/* Label: oculto y aparece en hover */
.fwc-label{
  font: 500 13px/1 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.75);
  color: #fff;
  opacity: 0;
  transform: translateX(6px);
  transition: opacity .18s ease, transform .18s ease;
  white-space: nowrap;
  pointer-events: none; /* evita que el cursor "tome" el label */
}
/*.fwc-row:hover .fwc-label{
  opacity: 1;
  transform: translateX(0);
}*/

/* Colores de botones (sin cambios) */
.fwc-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  text-decoration: none;
  background: #25D366; /* WhatsApp */
  color: #fff;         /* el SVG usa currentColor -> se ve blanco */
  transition: transform .15s ease, box-shadow .15s ease, opacity .2s ease;
}
.fwc-wa{ background:#25D366; }
.fwc-call{ background:#0ea5e9; }
.fwcb-shadow{ box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.fwc-btn:hover{ transform: translateY(-1px); }
.fwc-btn svg{ pointer-events:none; display:block; }




/* Móvil: labels arriba del botón y siempre visibles */
/*@media (max-width: 480px){*/
  .fwc-row{
    flex-direction: column;      /* label arriba, botón abajo */
    align-items: center;         /* centrado vertical */
    gap: 6px;                    /* separación entre label y botón */
  }
  .fwc-label{
    display: inline-block;       /* mostrar en móvil */
    opacity: 1;                  /* sin fade */
    transform: none;             /* sin desplazamiento */
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1;
  }
  .fwc-btn{
    width: 60px;
    height: 60px;
  }
/*}*/

