/* Chat de consultas en la tienda (frontend).
   Todo cuelga de .skw-storechat para no tocar estilos del tema. */
.skw-storechat { position: fixed; bottom: 20px; right: 20px; z-index: 999999; font-family: sans-serif; font-size: 14px; line-height: 1.4; }
.skw-storechat *, .skw-storechat *::before, .skw-storechat *::after { box-sizing: border-box; }
.skw-storechat .skw-storechat__toggle {
    width: 56px; height: 56px; margin: 0; padding: 0; border-radius: 50%; border: 0;
    background: #2271b1; color: #fff; font-size: 24px; line-height: 56px; cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
}
.skw-storechat .skw-storechat__box {
    display: none; flex-direction: column;
    position: absolute; bottom: 65px; right: 0;
    width: 300px; height: 400px;
    background: #fff; border-radius: 10px; overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
}
.skw-storechat .skw-storechat__box.is-open { display: flex; }
.skw-storechat .skw-storechat__head { background: #2271b1; color: #fff; padding: 10px 15px; font-weight: bold; }
.skw-storechat .skw-storechat__messages { flex: 1; padding: 10px; overflow-y: auto; }
.skw-storechat .skw-storechat__msg { display: flex; margin: 0 0 8px; }
.skw-storechat .skw-storechat__msg span { padding: 8px 12px; border-radius: 10px; max-width: 80%; white-space: pre-line; }
.skw-storechat .skw-storechat__msg--bot { justify-content: flex-start; }
.skw-storechat .skw-storechat__msg--bot span { background: #f0f0f1; color: #1d2327; }
.skw-storechat .skw-storechat__msg--user { justify-content: flex-end; }
.skw-storechat .skw-storechat__msg--user span { background: #2271b1; color: #fff; }
.skw-storechat .skw-storechat__form { display: flex; margin: 0; padding: 0; border-top: 1px solid #ddd; }
.skw-storechat .skw-storechat__form input { flex: 1; margin: 0; border: 0; border-radius: 0; padding: 10px; font-size: 14px; background: #fff; color: #1d2327; }
.skw-storechat .skw-storechat__form button { margin: 0; background: #2271b1; color: #fff; border: 0; border-radius: 0; padding: 0 15px; cursor: pointer; }