.wa-aviso[hidden] { display:none!important; }
.wa-aviso [hidden] { display:none!important; }
.wa-aviso {
 position:fixed; right:24px; bottom:24px; z-index:1040; box-sizing:border-box;
 width:330px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:auto;
 border:0; border-radius:18px; background:#fff; color:#24352d;
 box-shadow:0 12px 42px rgba(19,52,35,.24); text-align:left; font:14px/1.5 Arial,sans-serif;
 transform-origin:bottom right; animation:wa-chat-abrir .45s cubic-bezier(.22,1,.36,1);
}
.wa-chat-cabecera { display:flex; align-items:center; gap:9px; padding:9px 44px 9px 12px; background:#075e54; color:#fff; }
.wa-chat-avatar { width:34px; height:34px; flex:0 0 34px; box-sizing:border-box; padding:5px; border-radius:50%; background:#fff; object-fit:contain; }
.wa-chat-marca { display:block; font-size:16px; line-height:1.3; color:#fff; }
.wa-chat-cabecera small { display:block; margin-top:3px; font-size:12px; color:#dcf3ec; }
.wa-chat-conversacion {
 padding:12px 10px 14px; background-color:#eee9e1;
 background-image:radial-gradient(circle at 10px 10px,transparent 6px,rgba(104,120,107,.07) 6px,rgba(104,120,107,.07) 7px,transparent 7px),linear-gradient(35deg,transparent 47%,rgba(104,120,107,.035) 48%,rgba(104,120,107,.035) 51%,transparent 52%);
 background-size:38px 38px,56px 56px;
}
.wa-chat-dia { display:table; margin:0 auto 16px; padding:3px 10px; border-radius:6px; background:#f9fcfa; color:#65726b; box-shadow:0 1px 2px #00000012; font-size:11px; }
.wa-chat-mensajes { display:flex; flex-direction:column; align-items:flex-start; }
.wa-chat-mensaje { display:flex; align-items:flex-end; gap:7px; width:fit-content; max-width:92%; box-sizing:border-box; position:relative; margin-bottom:6px; padding:6px 8px; border-radius:0 7px 7px 7px; background:#fff; box-shadow:0 1px 2px #00000012; animation:wa-chat-mensaje .35s ease-out both; }
.wa-chat-puntos { display:flex; align-items:center; gap:4px; width:max-content; padding:12px 14px; border-radius:12px; background:#fff; }
.wa-chat-puntos i { display:block; width:6px; height:6px; border-radius:50%; background:#89968e; animation:wa-chat-punto 1.1s ease-in-out infinite; }
.wa-chat-puntos i:nth-child(2) { animation-delay:.16s; }
.wa-chat-puntos i:nth-child(3) { animation-delay:.32s; }
@keyframes wa-chat-punto { 0%,60%,100% { transform:translateY(0); opacity:.5; } 30% { transform:translateY(-3px); opacity:1; } }
.wa-chat-mensaje::before { content:""; position:absolute; left:-7px; top:0; border-top:8px solid #fff; border-left:8px solid transparent; }
.wa-chat-mensaje strong { display:block; min-width:0; font-size:14px; line-height:1.4; font-weight:600; color:#24352d; overflow-wrap:anywhere; }
.wa-chat-mensaje p { min-width:0; margin:0; font-size:14px; line-height:1.4; color:#39483f; overflow-wrap:anywhere; }
.wa-chat-hora { display:block; flex:0 0 auto; text-align:right; font-size:10px; line-height:1.4; color:#748078; }
.wa-chat-accion { padding:8px; background:#eee9e1; }
.wa-aviso .wa-aviso-enlace { display:flex; align-items:center; gap:7px; color:#737d79; text-decoration:none; border-radius:24px; }
.wa-chat-campo { display:flex; align-items:center; gap:7px; flex:1; min-width:0; min-height:44px; padding:8px 10px; box-sizing:border-box; border-radius:24px; background:#fff; box-shadow:0 1px 2px #00000012; }
.wa-chat-sonrisa { width:23px; height:23px; flex:0 0 23px; }
.wa-chat-invitacion { font-size:13px; font-weight:400; line-height:1.3; overflow-wrap:anywhere; }
.wa-chat-enviar { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:50%; background:#00897b; color:#fff; }
.wa-chat-enviar svg { width:24px; height:24px; }
.wa-aviso .wa-aviso-enlace * { color:inherit; }
.wa-aviso .wa-aviso-enlace .wa-chat-enviar { color:#fff; }
.wa-aviso .wa-aviso-enlace:hover { color:#34473d; }
.wa-aviso .wa-aviso-enlace:hover .wa-chat-enviar { background:#00766a; }
.wa-aviso .wa-aviso-cerrar { position:absolute; top:8px; right:6px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:transparent; color:#fff; font:26px/1 Arial,sans-serif; cursor:pointer; }
.wa-aviso .wa-aviso-cerrar:hover { background:#ffffff20; }
.wa-aviso a:focus-visible,.wa-aviso button:focus-visible { outline:2px solid #61e69c; outline-offset:3px; }
.whatsapp { transition:opacity .2s,transform .25s; }
.whatsapp.wa-chat-oculta { opacity:0; visibility:hidden; transform:scale(.8); pointer-events:none; }
.wa-aviso.wa-chat-cerrando { animation:wa-chat-recoger .28s ease-in forwards; pointer-events:none; }
@keyframes wa-chat-abrir { from { opacity:0; transform:translateY(12px) scale(.65); } to { opacity:1; transform:none; } }
@keyframes wa-chat-recoger { to { opacity:0; transform:translateY(12px) scale(.65); } }
@keyframes wa-chat-mensaje { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@media(max-width:600px) { .wa-aviso { right:18px; width:310px; } }
@media(prefers-reduced-motion:reduce) { .wa-aviso,.wa-aviso.wa-chat-cerrando,.wa-chat-mensaje,.wa-chat-puntos i { animation:none; } .whatsapp { transition:none; } }