@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);.chat-widget{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";position:fixed;bottom:130px;right:30px;width:450px;max-width:90vw;height:auto;background-color:#fff;border-radius:15px;box-shadow:0 0 10px rgb(0 0 0 / .1);overflow:hidden;display:none;z-index:99}.chat-header{background-color:#008069;color:#fff;padding:15px;display:flex;align-items:center;justify-content:space-between}.chat-header-left .user-name{display:flex;flex-direction:column;gap:2px}.chat-header-left{display:flex;align-items:center;position:relative}.chat-header-left div h4{font-size:20px;margin-block:0!important}.chat-header-left div p{font-size:18px;margin-block:0!important}.chat-header img{width:50px;height:50px;border-radius:50%;margin-right:15px}.online-indicator{position:absolute;top:34px;left:34px;width:18px;height:18px;background-color:#4CAF50;border-radius:50%;border:4px solid #008069}.chat-header h3,.chat-header p{margin:0}.chat-header p{font-size:.8em;opacity:.8}.close-btn{cursor:pointer;font-size:40px;transition:color 0.3s ease;height:fit-content}.close-btn:hover{color:#e0e0e0}.chat-body{padding:15px;background-color:#f0f0f0;min-height:350px;overflow-y:auto;background-image:url(../assets/logos/fondo-chat.webp);background-size:cover;display:flex;flex-direction:column;justify-content:space-between}.chat-message{background-color:#fff;padding:15px 25px;border-radius:15px;margin-bottom:10px;max-width:80%;display:flex;flex-direction:column;align-self:flex-start;box-shadow:0 2px 8px rgb(0 0 0 / .164);position:relative}.chat-message .nombre{font-weight:700;color:rgb(0 0 0 / .4);font-size:17px}.chat-message .message{margin-top:5px;padding-bottom:15px;font-size:18px;color:#111;font-weight:400}.chat-message .estatus{font-size:15px;font-weight:400;color:rgb(0 0 0 / .5);position:absolute;bottom:10px;right:15px}.chat-button{background-color:#25D366;color:#fff;border:none;padding:15px 20px;border-radius:22px;font-size:22px;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;margin:10px auto 0;box-shadow:0 4px 15px rgb(0 0 0 / .1);transition:background-color 0.3s ease;animation:beat 1.3s ease-in-out infinite}.chat-button:hover{background-color:#128C7E}.chat-button i{margin-right:8px}.whatsapp-btn{position:fixed;bottom:40px;left:20px;background-color:#25D366;color:#fff;width:85px;height:85px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 6px rgb(0 0 0 / .3);border:none;outline:none;text-decoration:none;font-size:40px;transition:background-color 0.3s ease;z-index:99;animation:breathe 1.3s ease-in-out infinite;text-decoration:none}.whatsapp-btn:hover{background-color:#128C7E}.typing-indicator{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px;background-color:#f0f0f0;padding:15px;border-radius:15px;width:fit-content;margin-bottom:10px;box-shadow:0 2px 8px rgb(0 0 0 / .164)}.dot{height:8px;width:8px;margin:0 5px;background-color:#969b98;border-radius:50%;display:inline-block;animation:blink .8s ease-in infinite}.btn-consultar,.btn-whatsapp{animation:beat 1.2s infinite ease-in-out}.services .btn-consultar{animation:breathe .7s infinite ease-in-out!important}@media (max-width:500px){.chat-body{padding-block:30px}.chat-message{max-width:90%}.chat-message .message{font-size:15px}.chat-message .nombre{font-size:15px}}@keyframes blink{0%{opacity:.2}20%{opacity:1}100%{opacity:.2}}@media (max-width:480px){.chat-widget{width:90vw;bottom:120px;right:3vw}.whatsapp-btn{width:68px;height:68px}}@keyframes breathe{0%{box-shadow:0 0 0 0 rgb(37 211 101 / .74)}70%{box-shadow:0 0 0 22px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@keyframes beat{0%{transform:scale(1)}50%{transform:scale(1.07)}100%{transform:scale(1)}}