.chatbot *{padding:0;margin:0}.chatbot{--padding-x:1rem;--padding-y:0.5rem;position:fixed;bottom:1.5rem;right:1.5rem;width:1rem;display:flex;flex-flow:column;gap:1rem;align-items:flex-end;z-index:9999}.chatbot__form{position:relative;display:grid;grid-template-rows:auto 1fr;min-height:83vh;height:100%;max-height:30rem;overflow:hidden;opacity:1;transition:all .15s;background:#fff;min-width:25rem;max-width:25rem;box-shadow:0 5px 10px rgba(0,0,0,.2);border-radius:.5rem .5rem 1.5rem 1.5rem}.chatbot__form.hidden{height:0;min-height:0;opacity:0}.chatbot__toggler{position:relative;background:transparent;border:none;box-shadow:none;display:flex;flex-flow:column;align-items:flex-end;overflow:visible;outline:none}.chatbot__toggler .initial__message{background:#fff;position:absolute;bottom:calc(100% + 1em);right:0;padding:.5em 1em;width:-moz-max-content;width:max-content;box-shadow:0 5px 10px rgba(0,0,0,.13333333333333333);border-radius:10px;font-size:1.15em}.chatbot__toggler .toggler__btn{--size:4rem;display:grid;place-items:center;position:relative;background:#7eb628;color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.3333333333333333);height:var(--size);width:var(--size);min-width:var(--size);min-height:var(--size);border-radius:9999px;padding:0;overflow:hidden;font-size:1.25rem;border:none;outline:none}.chatbot .toggler__overlay{position:absolute;top:100%;left:50%;border-radius:9999px;transform:translate(-50%,-50%);background-color:hsla(0,0%,100%,.2);width:0;height:0;transition:all .15s}.chatbot__toggler:hover .toggler__overlay{width:100%;height:100%;top:50%}.chatbot__body,.chatbot__footer,.chatbot__header{padding:var(--padding-y) var(--padding-x);position:relative}.chatbot__header{position:relative;color:#fff;background:#000;box-shadow:0 5px 10px rgba(0,0,0,.2);min-height:4rem}.chatbot__header-bg{width:50%}.chatbot .header1,.chatbot .header2,.chatbot .header3,.chatbot__header-bg{position:absolute;top:0;right:0;height:100%}.chatbot .header1{clip-path:polygon(0 0,100% 0,100% 100%,20% 100%);width:100%;background:rgba(126,182,40,.3333333333333333)}.chatbot .header2{clip-path:polygon(0 0,100% 0,100% 100%,10% 100%);width:70%;background:rgba(126,182,40,.5333333333333333)}.chatbot .header3{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);width:40%;background:rgba(126,182,40,.7333333333333333)}.chatbot__header-text{position:relative;font-weight:600;font-style:italic;letter-spacing:1px;text-transform:uppercase;display:flex;gap:1em;align-items:center}.chatbot__header-text img{--size:2.5em;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);max-width:var(--size);max-height:var(--size);border-radius:9999px;background:#fff;padding:.25em}.chatbot__body{position:relative;display:flex;flex-flow:column;overflow-y:scroll;scroll-behavior:smooth;gap:1rem}.chatbot__body::-webkit-scrollbar{width:7px}.chatbot__body::-webkit-scrollbar-track{background:transparent}.chatbot__body::-webkit-scrollbar-thumb{background:#7eb628;border-radius:9999px}.chatbot .loading-response{width:-moz-max-content;width:max-content;display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.35rem .55rem;border-radius:5px 1rem 1rem 1rem;background:#7eb628}.chatbot .dot{--size:4px;display:flex;background-color:#fff;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);border-radius:100%;transform:translate(0)}.chatbot .message{width:95%;padding:.5rem 1rem;font-size:1rem}.chatbot .bot-message{align-self:flex-start;border-radius:5px 1rem 1rem 1rem;background:#7eb628;box-shadow:-5px 5px 10px rgba(0,0,0,.13333333333333333);color:#fff}.chatbot .chatbot__header{display:flex;align-items:center;justify-content:space-between;color:#fff}.chatbot .chatbot__dropdown{position:relative}.chatbot .chatbot__dropdown button{background:transparent;border:none;outline:none!important;width:2em;font-size:1.15em;height:2.5em;color:#fff}.chatbot .chatbot__dropdown button:hover{color:#ddd}.chatbot .chatbot__dropdown .dropdown-menu{border-radius:5px;border:none;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,.2)}.chatbot .chatbot__dropdown .dropdown-menu .whatsapp{border:none;font-weight:600;padding:.5em 1em;display:flex;align-items:center;gap:1em;color:#fff;background:#25d366;text-decoration:none}.chatbot .chatbot__dropdown .dropdown-menu .whatsapp:hover{text-decoration:none;background:#1b9849}.bot-message li{list-style:none}.bot-message-container{display:grid;grid-template-columns:auto 1fr;flex-flow:column;gap:.5em}.bot-message-container>img{width:1em;height:1em}.bot-message .comprobantes{display:flex;flex-flow:column;gap:.55em}.comprobantes .numero{font-weight:600}.comprobante-header{display:flex;justify-content:space-between}.chatbot .user-message{align-self:flex-end;border-radius:1rem 5px 1rem 1rem;box-shadow:5px 5px 10px rgba(0,0,0,.06666666666666667);background:#e9f6d5}@keyframes bounce{0%{transform:translate(0)}50%{transform:translateY(-2px)}to{transform:translate(0)}}.chatbot .dot:first-child{animation:bounce .5s ease infinite}.chatbot .dot:nth-child(2){animation:bounce .5s ease .16s infinite}.chatbot .dot:nth-child(3){animation:bounce .5s ease .32s infinite}.chatbot__footer{padding:1rem;border-top:1px solid #f0f0f0;background:#fff}.chatbot__footer .input-group{display:grid;grid-template-columns:1fr auto;align-items:center;border-radius:9999px;border:1px solid #aaa}.chatbot__footer:focus-within .input-group{border:1px solid #7eb628!important}.chatbot__footer input{display:flex;background:transparent;border:none;width:100%;box-shadow:none!important;height:1.75rem;padding:0 1rem;font-size:1rem}.chatbot__footer button[type=submit]{background:#000;margin:.25rem .5rem;width:2rem;height:2rem;border:none;border-radius:9999px;color:#fff;transition:all .15s;font-size:1rem}.chatbot__footer button[type=submit] i{transform:translate(-1px)}.chatbot__footer button[type=submit]:hover{background:#7eb628;color:#fff}.chatbot .body-bg{position:absolute;top:0;right:0;width:100%;height:100%;opacity:.25}.chatbot .figure1,.chatbot .figure2,.chatbot .figure3{position:absolute;border-radius:9999px}.chatbot .figure1{top:0;left:0;width:10rem;height:10rem;transform:translate(-25%,-25%);border:.75rem solid #7eb628;opacity:.75}.chatbot .figure2{top:75%;left:75%;width:20rem;height:20rem;transform:translate(-50%,-50%);border:.5rem solid #7eb628;opacity:.5}.chatbot .comprobantes{font-size:.9rem;display:flex;flex-flow:column;gap:.5rem;list-style:none;margin-top:.5rem}.chatbot .comprobante{background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.26666666666666666);border-radius:5px;padding:.5rem 1rem;display:flex;flex-flow:column}.chatbot .comprobante__head{display:flex;align-items:center;justify-content:space-between}.chatbot .comprobante__number{font-weight:600}.chatbot .pedidos{margin:1rem 0 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.chatbot .pedido{padding:.5rem;border-radius:2px;font-size:.8rem;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.26666666666666666)}.chatbot .pedido .pedido__total{font-weight:600}.chatbot .productos{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin:1em 0 0}.chatbot .productos .producto{display:flex;flex-flow:column;gap:.5em}.chatbot .productos .producto img{display:block;width:100%;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);border-radius:10px}@media (max-width:425px){.chatbot__form{min-width:18rem;max-width:18rem}}