/* Energy Ecuador - WhatsApp Float (Frontend) */
.energy-wa-float,
.energy-wa-float *{box-sizing:border-box;}
.energy-wa-float{
  position:fixed !important;
  right:18px !important;
  bottom:18px !important;
  z-index:999999 !important;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  line-height:1.25 !important;
}

.energy-wa-float a,
.energy-wa-float button{font-family:inherit !important;}
.energy-wa-float .energy-wa-btn{
  position:relative;
  isolation:isolate;
  width:var(--energy-wa-size,62px);
  height:var(--energy-wa-size,62px);
  padding:0 !important;
  border:none;
  border-radius:999px;
  background:var(--energy-wa-bg,#b91c1c) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
  display:grid;
  place-items:center;
  cursor:pointer;
}
.energy-wa-float .energy-wa-btn:hover{filter:brightness(1.03);}
.energy-wa-float .energy-wa-btn:focus{outline:none;box-shadow:0 0 0 4px rgba(185,28,28,.24),0 16px 34px rgba(0,0,0,.22);}
.energy-wa-float .energy-wa-icon{
  position:relative;
  z-index:2;
  width:calc(var(--energy-wa-size,62px) - 18px);
  height:calc(var(--energy-wa-size,62px) - 18px);
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.12);
  overflow:hidden;
}
.energy-wa-float .energy-wa-label{display:none !important;}


.energy-wa-float .energy-wa-btn{
  background:transparent !important;
  box-shadow:none;
}
.energy-wa-float .energy-wa-icon{
  width:var(--energy-wa-size,76px);
  height:var(--energy-wa-size,76px);
  background:linear-gradient(135deg,#7f1d1d 0%,#b91c1c 55%,#ef4444 100%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 18px 40px rgba(185,28,28,.32);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.energy-wa-float .energy-wa-btn:hover .energy-wa-icon,
.energy-wa-float .energy-wa-btn:focus .energy-wa-icon{
  background:linear-gradient(135deg,#991b1b 0%,#dc2626 58%,#f43f5e 100%);
  border-color:rgba(255,255,255,.24);
}
.energy-wa-float .energy-wa-icon--lottie{
  overflow:visible;
}
.energy-wa-float .energy-wa-lottie{
  width:100%;
  height:100%;
  display:block;
}
.energy-wa-card{
  position:absolute;
  right:0;
  bottom:calc(var(--energy-wa-size,76px) + 14px);
  width:min(360px, calc(100vw - 28px));
  background:rgba(10,14,24,.94);
  color:#fff;
  border-radius:18px;
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px) scale(.98);
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
}
.energy-wa-float.is-open .energy-wa-card{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
.energy-wa-card-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.energy-wa-card-title{
  font-size:16px;
  font-weight:700;
}
.energy-wa-sub{
  margin-top:4px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.45;
}
.energy-wa-close{
  appearance:none;
  border:none;
  background:transparent;
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  padding:0;
}
.energy-wa-card-body{
  padding:12px;
}
.energy-wa-list{
  display:grid;
  gap:10px;
}
.energy-wa-item{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  border-radius:14px;
  padding:12px;
}
.energy-wa-item-top{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}
.energy-wa-person{
  font-size:14px;
  font-weight:700;
}
.energy-wa-cargo{
  margin-top:3px;
  color:#d7b57b;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.energy-wa-phone{
  margin-top:4px;
  color:rgba(255,255,255,.78);
  font-size:12px;
  line-height:1.35;
}
.energy-wa-go{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 12px;
  border-radius:10px;
  background:linear-gradient(135deg,#991b1b,#dc2626);
  color:#fff !important;
  font-weight:700;
  font-size:12px;
  text-decoration:none !important;
  white-space:nowrap;
}
.energy-wa-go--disabled{
  background:rgba(255,255,255,.12);
  color:rgba(255,255,255,.68) !important;
}
@media (max-width: 767px){
  .energy-wa-float{
    right:12px !important;
    bottom:12px !important;
  }
  .energy-wa-card{
    width:min(320px, calc(100vw - 24px));
    bottom:calc(var(--energy-wa-size,72px) + 10px);
  }
}