@charset "UTF-8";body,html{margin:0;padding:0;background-color:#fff;align-items:center;display:flex;justify-content:center;touch-action:manipulation;-webkit-touch-callout:none}:root{--Color-Label: #8C8C8C}.container{max-width:500px;height:95vh;background-color:#e2e2e2;border:1px solid #ddd;border-radius:10px;text-align:center}.mensaje{display:none}@media screen and (max-width: 780px) and (orientation: landscape){.mensaje{position:fixed;margin:auto;inset:0;display:flex;align-items:center;justify-content:center;background-color:#d4006641;z-index:1000}.mensaje:before{content:" Por favor, gira tu dispositivo a modo vertical.";font-size:2rem}.container{display:none}}.product-list{display:flex;flex-direction:column;gap:10px;padding:2px;flex:1;background-color:#e2e2e2;max-height:80vh;overflow-y:scroll;scrollbar-width:none;max-width:100%;align-items:center}.product-list:hover{overflow-y:auto}.last-card{margin-bottom:80px}.number-input{width:46px;height:46px;text-align:center;background-color:#d9d9d9;border:1px solid #d1d5db;border-radius:10px;color:#080808;font-family:NaturaAndCo;font-size:14px;font-weight:700}.number-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.loader{border:4px solid #f3f3f3;border-top:4px solid #E5004B;border-radius:50%;width:30px;height:30px;animation:spin 2s linear infinite;margin-left:40%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}