*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Sora",sans-serif;background:#2b173f;color:#f5f0f1;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #2f2a2b;background:#391f54;flex-shrink:0}header h1{font-size:16px;font-weight:600;color:#f5f0f1}.logo{width:36px;height:36px;background:linear-gradient(135deg, #d94166, #ff6b8d);border-radius:10px;display:grid;place-items:center;font-size:18px}#btnLimpiar{margin-left:auto;background:rgba(0,0,0,0);border:1px solid #2f2a2b;border-radius:8px;color:#f5f5f5;font-family:"Sora",sans-serif;font-size:12px;padding:6px 12px;cursor:pointer;transition:all .2s}#btnLimpiar:hover{border-color:#ff6b8d;color:#ff6b8d}#mensajes{flex:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}#mensajes::-webkit-scrollbar{width:4px}#mensajes::-webkit-scrollbar-track{background:rgba(0,0,0,0)}#mensajes::-webkit-scrollbar-thumb{background:#2f2a2b;border-radius:4px}.logo_qsqs{max-width:300px;margin:0 auto 1rem}.mensaje{display:flex;gap:10px;max-width:780px;width:100%;animation:aparecer .3s ease}.mensaje.usuario{align-self:flex-end;flex-direction:row-reverse}.mensaje.usuario .avatar{background:#854dc2;border:1px solid #b18bd9}.mensaje.usuario .burbuja{background:#854dc2;border:1px solid #854dc2;border-bottom-right-radius:4px;color:#fff}.mensaje.agente{align-self:flex-start}.mensaje.agente .avatar{background:linear-gradient(135deg, #d94166, #ff6b8d)}.mensaje.agente .burbuja{background:#391f54;border:1px solid #2f2a2b;border-bottom-left-radius:4px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:14px;flex-shrink:0;margin-top:2px}.burbuja{padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.65;max-width:calc(100% - 50px);word-break:break-word}.burbuja p{margin:0}.burbuja p:not(:last-child){margin-bottom:6px}.burbuja strong{font-weight:600}.burbuja a{color:#ff6b8d;text-decoration:underline;font-weight:500}.burbuja a:hover{color:#f5f0f1}.burbuja ul,.burbuja ol{padding-left:2rem;margin:6px 0 2rem}.burbuja li{margin-bottom:3px;line-height:1.5}.burbuja li p{margin:0;display:inline}.burbuja hr{border:none;border-top:1px solid #2f2a2b;margin:8px 0}.burbuja code{background:hsla(0,0%,100%,.07);border-radius:4px;padding:1px 5px;font-size:12px;font-family:monospace}.escribiendo{display:flex;gap:5px;padding:14px 16px;align-items:center}.escribiendo span{width:7px;height:7px;background:#f5f5f5;border-radius:50%;animation:pulso 1.2s ease-in-out infinite}.escribiendo span:nth-child(2){animation-delay:.2s}.escribiendo span:nth-child(3){animation-delay:.4s}footer{padding:16px;border-top:1px solid #2f2a2b;background:#391f54;flex-shrink:0}.input-wrapper{display:flex;align-items:center;gap:10px;background:#2b173f;border:1px solid #2f2a2b;border-radius:14px;padding:10px 14px;transition:border-color .2s;max-width:780px;margin:0 auto}.input-wrapper:focus-within{border-color:#d94166}#inputMensaje{flex:1;background:rgba(0,0,0,0);border:none;outline:none;color:#f5f0f1;font-family:"Sora",sans-serif;font-size:14px;resize:none;max-height:120px;line-height:1.5}#inputMensaje::placeholder{color:#f5f5f5}#btnEnviar{width:36px;height:36px;background:#d94166;border:none;border-radius:10px;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background .2s,transform .1s}#btnEnviar:hover{background:#ff6b8d}#btnEnviar:active{transform:scale(0.95)}#btnEnviar:disabled{background:#2f2a2b;cursor:not-allowed}#btnEnviar svg{width:16px;height:16px;fill:#fff}.bienvenida{text-align:center;margin:auto;padding:40px 20px;color:#f5f5f5}.bienvenida .icono{font-size:48px;margin-bottom:16px}.bienvenida h2{font-size:20px;color:#f5f0f1;margin-bottom:8px}.bienvenida p{font-size:14px}@keyframes aparecer{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulso{0%,80%,100%{transform:scale(0.6);opacity:.4}40%{transform:scale(1);opacity:1}}.form-soporte{background:var(#391f54);border:1px solid var(#d94166);border-radius:var(14px);padding:15px;margin:10px 0;display:flex;flex-direction:column;gap:10px;animation:aparecer .3s ease}.form-soporte input{padding:10px;border-radius:8px;border:1px solid var(#2f2a2b);background:var(#2b173f);color:var(#f5f0f1);font-family:"Sora",sans-serif;font-size:13px}.form-soporte input:focus{border-color:var(#d94166);outline:none}.btn-enviar-ticket{background:var(#d94166);color:#fff;border:none;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-enviar-ticket:hover{background:var(#ff6b8d)}.btn-enviar-ticket:disabled{background:var(#2f2a2b);cursor:not-allowed}