#csad-wa-container{
    --csad-green:var(--csad-custom-green,#16b85a);
    --csad-dark:#075e54;
    --csad-deep:#064c45;
    --csad-blue:#38aeea;
    position:fixed!important;
    right:22px!important;
    bottom:22px!important;
    z-index:2147483647!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    isolation:isolate!important;
}
#csad-wa-container *{box-sizing:border-box}
#csad-wa-trigger{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:64px!important;height:64px!important;
    padding:0!important;border:0!important;border-radius:50%!important;
    background:#2ed16b!important;
    box-shadow:0 12px 30px rgba(0,80,45,.28),0 3px 8px rgba(0,0,0,.18)!important;
    cursor:pointer!important;
    transition:transform .25s ease,box-shadow .25s ease!important;
    color:#fff!important;
 animation: pulso-brillo 2s infinite!important;
}
#csad-wa-trigger:hover{transform:translateY(-3px) scale(1.05)!important;box-shadow:0 18px 38px rgba(0,80,45,.34),0 4px 10px rgba(0,0,0,.18)!important}
#csad-wa-trigger:active{transform:scale(.96)!important}
#csad-wa-trigger svg{width:31px!important;height:31px!important;fill:#fff!important;position:relative;z-index:2}

#csad-wa-trigger:hover 
.csad-wa-ping{position:absolute!important;inset:-4px!important;border-radius:50%!important;border:2px solid rgba(37,211,102,.45)!important;animation:csadPulse 2.2s infinite!important}
@keyframes csadPulse{0%,45%{transform:scale(.98);opacity:.8}75%,100%{transform:scale(1.25);opacity:0}}
#csad-wa-box{
    position:absolute!important;right:0!important;bottom:78px!important;
    width:390px!important;max-width:calc(100vw - 28px)!important;
    overflow:hidden!important;border-radius:22px!important;
    background:#efeae2!important;
    box-shadow:0 24px 70px rgba(0,0,0,.25),0 4px 18px rgba(0,0,0,.16)!important;
    transform-origin:bottom right!important;
    animation:csadOpen .28s cubic-bezier(.2,.85,.3,1)!important;
}
.csad-wa-hidden{display:none!important}
@keyframes csadOpen{from{opacity:0;transform:translateY(15px) scale(.92)}to{opacity:1;transform:none}}
.csad-wa-header{
    min-height:76px!important;padding:13px 14px!important;
    display:flex!important;align-items:center!important;gap:11px!important;
    color:#fff!important;background:#2ed16b!important;
    position:relative!important;
}
.csad-wa-header:after{content:"";position:absolute;inset:0;opacity:.08;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:14px 14px}
.csad-wa-avatar{position:relative!important;width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:50%!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:23px!important;z-index:1!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important}
.csad-wa-avatar i{position:absolute!important;right:0!important;bottom:1px!important;width:13px!important;height:13px!important;background:#25d366!important;border:2px solid #fff!important;border-radius:50%!important}
.csad-wa-title{display:flex!important;flex-direction:column!important;flex:1!important;position:relative!important;z-index:1!important}
.csad-wa-title strong{font-size:15px!important;line-height:1.25!important}
.csad-wa-title span{font-size:11px!important;opacity:.9!important;margin-top:3px!important;display:flex!important;align-items:center!important;gap:5px!important}
.csad-wa-title span b{width:6px!important;height:6px!important;border-radius:50%!important;background:#25d366!important;display:inline-block!important}


.csad-wa-body{
    padding:16px!important;max-height:430px!important;overflow-y:auto!important;
    display:flex!important;flex-direction:column!important;gap:9px!important;
    background-color:#f4f5f7!important;
    background-image:radial-gradient(#d5d7db 1px,transparent 1px)!important;background-size:18px 18px!important;
}
.csad-wa-day{align-self:center!important;padding:5px 10px!important;border-radius:8px!important;background:#dfe6e1!important;color:#60706b!important;font-size:9px!important;font-weight:800!important;letter-spacing:.7px!important}
.csad-wa-msg{
    position:relative!important;max-width:90%!important;padding:11px 12px 20px!important;
    border-radius:4px 14px 14px 14px!important;font-size:13px!important;line-height:1.45!important;
    color:#24302d!important;box-shadow:0 1px 2px rgba(0,0,0,.09)!important;
    animation:csadMsg .3s ease both!important;
}
@keyframes csadMsg{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.bot-msg{align-self:flex-start!important;background:#fff!important}
.user-msg{align-self:flex-end!important;background:#d9fdd3!important;border-radius:14px 4px 14px 14px!important}
.csad-wa-time{position:absolute!important;right:9px!important;bottom:5px!important;font-size:9px!important;color:#82908b!important}
.csad-wa-options{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:2px!important}
.csad-opt-btn{
    display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;
    min-height:43px!important;padding:8px 9px!important;border:1px solid rgba(22,184,90,.22)!important;
    border-radius:12px!important;background:rgba(255,255,255,.96)!important;color:#184b42!important;
    text-align:left!important;font-size:11.5px!important;font-weight:600!important;cursor:pointer!important;
    box-shadow:0 2px 7px rgba(0,0,0,.06)!important;transition:.18s ease!important;
}
.csad-opt-btn span{width:25px!important;text-align:center!important;font-size:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.csad-opt-btn b{display:none!important}
.csad-opt-btn em{margin-left:auto!important;font-size:21px!important;font-style:normal!important;color:#8aa09a!important}
.csad-opt-btn:hover{background:var(--csad-green)!important;color:#fff!important;transform:translateX(3px)!important;border-color:var(--csad-green)!important;box-shadow:0 6px 16px rgba(22,184,90,.2)!important}
.csad-opt-btn:hover em{color:#fff!important}

/* TRES PUNTICOS ESCRIBIENDO REBOTANDO (ANIMACIÓN ULTRA HUMANA) */
.csad-wa-typing-bubble{
    align-self:flex-start!important;
    display:none;
    align-items:center!important;
    gap:5px!important;
    padding:10px 14px!important;
    border-radius:12px 12px 12px 3px!important;
    background:#ffffff!important;
    box-shadow:0 1px 3px rgba(0,0,0,.12)!important;
    margin-bottom:6px!important;
    width:fit-content!important;
}
.csad-wa-typing-bubble span{
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    background-color:#7f8c8d!important;
    display:inline-block!important;
    animation:csadTypingBounce 1.4s infinite ease-in-out both!important;
}
.csad-wa-typing-bubble span:nth-child(1){animation-delay:-0.32s!important}
.csad-wa-typing-bubble span:nth-child(2){animation-delay:-0.16s!important}
@keyframes csadTypingBounce{
    0%, 80%, 100% { transform: scale(0.3); opacity: 0.4; }
    40% { transform: scale(1); opacity: 1; background-color: var(--csad-green); }
}

/* BOTONES DE ENLACES CON ICONOS DENTRO DEL CHAT */
.csad-chat-link-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin-top:10px!important;
    padding:10px 16px!important;
    background-color:var(--csad-green)!important;
    color:#ffffff!important;
    text-decoration:none!important;
    border-radius:10px!important;
    font-size:12.5px!important;
    font-weight:700!important;
    box-shadow:0 4px 12px rgba(22,184,90,.3)!important;
    transition:all .2s ease!important;
}
.csad-chat-link-btn:hover{
    background-color:#129649!important;
    color:#ffffff!important;
    transform:translateY(-2px)!important;
    box-shadow:0 6px 16px rgba(22,184,90,.4)!important;
}
.csad-chat-link-btn .dashicons{
    font-size:16px!important;
    width:16px!important;
    height:16px!important;
    line-height:16px!important;
}

.csad-wa-footer{height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:#e8e1d8!important;color:#78827e!important;font-size:9px!important}
.csad-flow-choices{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:-2px!important;animation:csadMsg .25s ease both!important}.csad-flow-btn{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:40px!important;padding:8px 10px!important;border:1px solid rgba(22,184,90,.18)!important;border-radius:11px!important;background:rgba(255,255,255,.97)!important;color:#184b42!important;text-align:left!important;font-size:11px!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 2px 6px rgba(0,0,0,.05)!important;transition:.18s ease!important}.csad-flow-btn span{width:22px!important;text-align:center!important;font-size:15px!important}.csad-flow-btn:hover{background:var(--csad-green)!important;color:#fff!important;transform:translateX(2px)!important}.csad-flow-btn:disabled,.csad-opt-btn:disabled{opacity:.55!important;cursor:wait!important;transform:none!important}
.csad-read{color:#38aeea!important;font-weight:800!important;letter-spacing:-2px!important;margin-left:2px!important}
@media(max-width:480px){
 #csad-wa-container{right:14px!important;bottom:14px!important}
 #csad-wa-box{right:-2px!important;width:calc(100vw - 28px)!important}
 .csad-position-left{left:14px!important;right:auto!important}
 .csad-position-left #csad-wa-box{left:-2px!important;right:auto!important}
 .csad-mobile-normal #csad-wa-box{width:min(var(--csad-chat-width),calc(100vw - 28px))!important}
}

.csad-wa-trigger-label{
    position:absolute!important;right:72px!important;white-space:nowrap!important;
    background:#fff!important;color:#1c1c1c!important;padding:12px 18px!important;
    border-radius:20px!important;font-size:14px!important;font-weight:600!important;
    box-shadow:0 4px 12px rgba(0,0,0,.15)!important;opacity:1!important;
    pointer-events:none!important;
    animation: flotar-tooltip 2.5s ease-in-out infinite!important;
    transform:none!important;
}
.csad-wa-trigger-label::after{
    content:''!important;
    position:absolute!important;
    right:-8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    border-width:8px 0 8px 8px!important;
    border-style:solid!important;
    border-color:transparent transparent transparent #ffffff!important;
}
@keyframes flotar-tooltip {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0px); }
}
#csad-wa-box:not(.csad-wa-hidden) ~ #csad-wa-trigger .csad-wa-trigger-label {
    display: none !important;
}

#csad-wa-close{
    background: rgba(255, 255, 255, 0.2)!important;
    border: none!important;
    color: #ffffff!important;
    font-size: 24px!important;
    cursor: pointer!important;
    width: 34px!important;
    height: 34px!important;
    border-radius: 50%!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    line-height: 1!important;
    transition: all 0.2s ease!important;
    z-index:2!important;
    position:relative!important;
}
#csad-wa-close:hover{
    background: rgba(255, 255, 255, 0.4)!important;
    transform: rotate(90deg)!important;
}

@keyframes pulso-brillo {
    0% {
        box-shadow: 0 0 0 0 rgba(46, 209, 107, 0.7);
        transform: scale(1);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(46, 209, 107, 0);
        transform: scale(1.05);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(46, 209, 107, 0);
        transform: scale(1);
    }
}