.chat{z-index:80;background:var(--lila);color:var(--grafito);opacity:0;flex-direction:column;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(2rem)}.chat--visible{opacity:1;transform:none}html.chat-abierto{overflow:hidden}.chat-abierto .barra{display:none}.chat-cabeza{isolation:isolate;padding:.85rem .85rem .85rem 1rem;padding-top:max(.85rem, env(safe-area-inset-top));background:var(--grad-cabecera);color:var(--blanco);align-items:center;gap:.75rem;display:flex;position:relative}.chat-cabeza:before{content:"";z-index:-1;opacity:.08;background:url(/media/marca/topografia-lineas.svg) 0 0/420px 420px;position:absolute;inset:0}.chat-sello{background:var(--amarillo);width:2.6rem;height:2.85rem;color:var(--tinta);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);flex:none;place-items:center;font-size:1.3rem;display:grid}.chat-cabeza-texto{flex:1;min-width:0}.chat-titulo{color:var(--blanco);letter-spacing:-.01em;font-size:1.1rem;font-weight:800;line-height:1.2}.chat-estado{color:var(--sobre-tinta);align-items:center;gap:.45rem;margin-top:.15rem;font-size:.8125rem;display:flex}.chat-punto{background:var(--amarillo);border-radius:50%;flex:none;width:.55rem;height:.55rem}[data-chat-estado=esperando] .chat-punto{animation:1.6s ease-in-out infinite chat-latido}[data-chat-estado=atendido] .chat-punto,[data-chat-estado=guia] .chat-punto{background:var(--whatsapp)}[data-chat-estado=cerrado] .chat-punto{background:var(--grafito-suave)}@keyframes chat-latido{50%{opacity:.35;transform:scale(.75)}}.chat-cerrar{background:var(--amarillo);width:2.75rem;height:2.75rem;color:var(--tinta);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;font-size:1.25rem;display:grid}.chat-cerrar:hover{background:var(--amarillo-claro)}.chat :focus-visible{outline:3px solid var(--anil);outline-offset:2px}.chat-cabeza :focus-visible{outline-color:var(--amarillo)}.chat-atencion{overscroll-behavior:contain;border-radius:var(--radio);background:var(--blanco);max-height:45%;color:var(--grafito);box-shadow:inset 4px 0 0 var(--amarillo), 0 1px 3px #27005c1f;flex:none;margin:.6rem .75rem 0;padding:0 .85rem;font-size:.875rem;line-height:1.45;overflow-y:auto}.chat-atencion[hidden]{display:none}.chat-atencion[data-estado=sin-asesores]{box-shadow:inset 4px 0 0 var(--anil), 0 1px 3px #27005c1f}.chat-atencion-resumen{cursor:pointer;min-height:2.75rem;color:var(--tinta);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:800;line-height:1.3;list-style:none;display:flex}.chat-atencion-resumen::-webkit-details-marker{display:none}.chat-atencion-resumen:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:.55rem;height:.55rem;margin-left:auto;transition:transform .2s;transform:rotate(45deg)translateY(-2px)}.chat-atencion[open] .chat-atencion-resumen:after{transform:rotate(-135deg)}.chat-atencion-cuerpo{gap:.5rem;padding-bottom:.75rem;display:grid}.chat-atencion-cuerpo p{margin:0}.chat-atencion-horario{color:var(--tinta);font-weight:600}.chat-atencion-urgente{color:var(--tinta);font-weight:700;margin-top:.15rem!important}.chat-contactos{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.chat-contacto{border-radius:var(--radio);background:var(--lila);grid-template-columns:1fr auto;align-items:center;gap:.1rem .6rem;padding:.4rem .4rem .4rem .7rem;display:grid}.chat-contacto-etiqueta{color:var(--grafito-suave);grid-column:1;font-size:.75rem}.chat-contacto-valor{color:var(--tinta);overflow-wrap:anywhere;user-select:all;grid-column:1;font-weight:700}.chat-contacto-acciones{flex-wrap:wrap;grid-area:1/2/span 2;justify-content:flex-end;gap:.35rem;display:flex}.chat-copiar{border:1.5px solid var(--tinta);border-radius:var(--radio-pildora);background:var(--blanco);min-width:2.75rem;min-height:2.75rem;color:var(--tinta);font:600 .8125rem/1.2 var(--f);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;padding:.3rem .8rem;text-decoration:none;transition:background-color .15s;display:inline-flex}.chat-copiar svg{flex:none;width:1rem;height:1rem}.chat-copiar:hover{background:var(--amarillo);border-color:var(--amarillo)}.chat-copiar--ok{background:var(--tinta);color:var(--blanco)}.chat-copiar--ok svg{color:var(--amarillo)}.chat-copiar--ok:hover{background:var(--tinta);border-color:var(--tinta)}.chat-copiar--enlace{background:var(--whatsapp);border-color:var(--whatsapp);color:var(--whatsapp-texto)}.chat-copiar--enlace:hover{background:var(--whatsapp-hover);border-color:var(--whatsapp-hover)}@media (width<=380px){.chat-contacto{grid-template-columns:1fr}.chat-contacto-acciones{grid-area:auto/1;justify-content:flex-start}}.chat-cuerpo{overscroll-behavior:contain;flex:1;align-content:start;gap:.9rem;min-height:0;padding:1rem;display:grid;overflow-y:auto}.chat-log{gap:.5rem;display:grid}.chat-msj{gap:.15rem;max-width:85%;display:grid}.chat-msj p{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:1.1rem;margin:0;padding:.6rem .85rem;font-size:.9375rem;line-height:1.5}.chat-msj time{color:var(--grafito-suave);padding-inline:.5rem;font-size:.6875rem}.chat-quien{color:var(--tinta);margin-top:.35rem;padding-inline:.5rem;font-size:.75rem;font-weight:600}.chat-msj--agente{justify-self:start}.chat-msj--agente p{background:var(--blanco);border-bottom-left-radius:.3rem;box-shadow:0 1px 2px #27005c14}.chat-msj--visitante{justify-self:end;justify-items:end}.chat-msj--visitante p{background:var(--tinta);color:var(--blanco);border-bottom-right-radius:.3rem}.chat-msj--sistema{text-align:center;justify-self:center;max-width:92%}.chat-msj--sistema p{background:var(--lila-medio);color:var(--grafito);border-radius:var(--radio-pildora);padding:.35rem .85rem;font-size:.8125rem}.chat-msj--guia{max-width:85%}.chat-respuesta{font:inherit;color:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:1.1rem;justify-items:end;gap:.2rem;padding:0;display:grid}.chat-burbuja{background:var(--tinta);color:var(--blanco);overflow-wrap:anywhere;border-radius:1.1rem 1.1rem .3rem;padding:.6rem .85rem;font-size:.9375rem;line-height:1.5;transition:box-shadow .15s;display:block}.chat-cambiar{color:var(--grafito-suave);align-items:center;gap:.3rem;min-height:1.5rem;padding-inline:.5rem;font-size:.75rem;display:inline-flex}.chat-cambiar svg{width:.85rem;height:.85rem}.chat-respuesta:hover .chat-burbuja{box-shadow:0 0 0 3px var(--amarillo)}.chat-respuesta:hover .chat-cambiar{color:var(--tinta)}.chat-respuesta:focus-visible{outline-offset:3px}.chat-opciones{justify-self:end;max-width:100%}.chat-opciones>div{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.chat-opcion{cursor:pointer;border:1.5px solid var(--tinta);border-radius:var(--radio-pildora);background:var(--blanco);min-height:2.75rem;color:var(--tinta);font:600 .9375rem/1.2 var(--f);align-items:center;gap:.45rem;padding:.45rem 1rem .45rem .8rem;transition:background-color .15s,color .15s;display:inline-flex}.chat-opcion svg{width:1.1rem;height:1.1rem;color:var(--anil);flex:none}.chat-opcion:hover{background:var(--amarillo);border-color:var(--amarillo)}.chat-opcion:hover svg{color:var(--tinta)}.chat-opcion[aria-pressed=true]{background:var(--tinta);color:var(--blanco)}.chat-opcion[aria-pressed=true] svg{color:var(--amarillo)}.chat-msj--error p{background:var(--blanco);box-shadow:inset 3px 0 0 var(--error), 0 1px 2px #27005c14;color:var(--grafito)}.chat-msj--escribiendo p:after{content:"";text-align:left;width:1.2em;animation:1.2s steps(4,end) infinite chat-puntos;display:inline-block}@keyframes chat-puntos{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.chat-msj--pendiente p{opacity:.6}.chat-aviso{border-radius:var(--radio);color:var(--error);background:#fdecea;margin:0 1rem .5rem;padding:.6rem .85rem;font-size:.875rem;font-weight:600}.chat-pie{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:var(--blanco);border-top:1px solid var(--filete);gap:.6rem;display:grid}.chat-redactar{align-items:flex-end;gap:.5rem;display:flex}.chat-redactar[hidden]{display:none}.chat-linea{resize:none;width:0;min-width:0;font:inherit;color:var(--grafito);background:var(--lila);border:1.5px solid var(--filete);border-radius:1.4rem;flex:1 1 0;min-height:2.9rem;max-height:9rem;padding:.6rem .95rem;font-size:1rem;line-height:1.45}.chat-linea:focus-visible,.chat-codigo:focus-visible{outline:3px solid var(--amarillo);outline-offset:0;border-color:var(--tinta);background-color:var(--blanco)}.chat-linea[aria-invalid=true]{border-color:var(--error)}.chat-codigo{field-sizing:content;width:auto;min-width:5.75rem;min-height:2.9rem;font:inherit;color:var(--grafito);background:var(--lila) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2327005C' stroke-width='2'/%3E%3C/svg%3E") no-repeat right .7rem center / .65rem;border:1.5px solid var(--filete);appearance:none;cursor:pointer;border-radius:1.4rem;flex:none;padding:.55rem 1.8rem .55rem .75rem;font-size:1rem}.chat-codigo[hidden],.chat-linea[hidden]{display:none}.chat-enviar{cursor:pointer;background:var(--amarillo);width:2.9rem;height:3.15rem;color:var(--tinta);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border:0;flex:none;place-items:center;font-size:1.25rem;display:grid}.chat-enviar:hover{background:var(--amarillo-claro)}.chat-enviar:disabled{opacity:.6;cursor:progress}.chat-enviar:focus-visible{background:var(--tinta);color:var(--amarillo);outline:0}.chat-fin{gap:.6rem;font-size:.9375rem;display:grid}.chat-otra{cursor:pointer;border-radius:var(--radio-pildora);background:var(--grad-boton);min-height:2.9rem;color:var(--blanco);font:600 .9375rem/1.2 var(--f);border:0;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.chat-wa{border-radius:var(--radio-pildora);min-height:2.75rem;color:var(--grafito);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;display:flex}.chat-wa svg{color:#128c4a;flex:none;width:1.15rem;height:1.15rem}.chat-wa strong{color:var(--tinta);text-decoration:underline;text-decoration-color:var(--whatsapp);text-underline-offset:.25em;text-decoration-thickness:2px}.chat-wa:hover strong{text-decoration-thickness:3px}.chat-wa--destacado{background:var(--whatsapp);color:var(--whatsapp-texto);min-height:3rem;font-size:.9375rem;font-weight:600}.chat-wa--destacado svg{color:var(--whatsapp-texto)}.chat-wa--destacado strong{color:inherit;text-decoration:none}@media (width>=1024px){html.chat-abierto{overflow:visible}.chat{border-radius:var(--radio-grande);transform-origin:100% 100%;width:24.5rem;height:min(42rem,100dvh - 7rem);inset:auto 1.5rem 1.5rem auto;transform:translateY(1rem)scale(.96);box-shadow:0 2px 6px #27005c1f,0 30px 60px -20px #27005c8c}.chat--visible{transform:none}.chat-cabeza{padding-top:.85rem}}
