/* Botón flotante de contacto por WhatsApp. Solo se renderiza cuando hay un número configurado. */
.ccp-whatsapp-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:1200;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:0 18px 0 14px;
  border-radius:999px;
  background:#08783e;
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px;
  font-weight:850;
  line-height:1;
  box-shadow:0 10px 28px rgba(5,31,78,.20),0 4px 12px rgba(8,120,62,.24);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.ccp-whatsapp-float:hover{
  transform:translateY(-3px);
  background:#066a36;
  box-shadow:0 14px 32px rgba(5,31,78,.23),0 5px 15px rgba(8,120,62,.28);
}
.ccp-whatsapp-float:focus-visible{
  outline:3px solid rgba(37,211,102,.35);
  outline-offset:4px;
}
.ccp-whatsapp-float__icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
}
.ccp-whatsapp-float__icon svg{
  width:30px!important;
  height:30px!important;
  fill:currentColor!important;
  stroke:none!important;
}
.ccp-whatsapp-float__label{white-space:nowrap}

@media(max-width:640px){
  .ccp-whatsapp-float{
    right:16px;
    bottom:18px;
    width:54px;
    height:54px;
    min-height:54px;
    padding:0;
    justify-content:center;
  }
  .ccp-whatsapp-float__label{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
}
@media(prefers-reduced-motion:reduce){
  .ccp-whatsapp-float{transition:none!important}
  .ccp-whatsapp-float:hover{transform:none!important}
}