/*
  Floating Actions (WhatsApp + Phone)
  Developed by: Atenciones Web
  https://atencionesweb.com | contacto@atencionesweb.com
*/

:root{
  --siiehd-blue:#0b4ea2;
  --fab-size:56px;
  --fab-shadow:0 14px 28px rgba(0,0,0,.18);
}

.fab-wrap{
  position: fixed;
  inset: auto 16px 16px auto; /* right-bottom by default */
  z-index: 9999;
  pointer-events: none; /* enables only buttons */
}

.fab{
  width: var(--fab-size);
  height: var(--fab-size);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--fab-shadow);
  background: var(--siiehd-blue);
  pointer-events: auto;
  border: 1px solid rgba(255,255,255,.18);
}

.fab svg{
  width: 26px;
  height: 26px;
  fill: #fff;
}

.fab:active{ transform: translateY(1px); }
.fab:hover{ filter: brightness(1.05); }

.fab-label{
  position:absolute;
  width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); border:0;
}

/* WhatsApp stays right on all devices */
.fab--wa{
  position: fixed;
  right: 16px;
  bottom: 16px;
}

/* Phone appears ONLY on mobile, left side */
.fab--phone{
  position: fixed;
  left: 16px;
  bottom: 16px;
  display: none;
}

/* Mobile breakpoint: show phone */
@media (max-width: 860px){
  .fab--phone{ display: inline-flex; }
}