@font-face{font-family:Inter;src:url(../fonts/inter.ttf) format("truetype")}*{margin:0}:root{--color-profile: hsl(0, 0%, 70%);--color-primary: #263238;--color-secondary: #004c8a;--color-accent: #0078d7;--color-background-primary: #ffffff;--color-background-secondary: #f7f7f7;--color-border-primary: #a8a8a8;--color-button-primary: #f5f5f5;--border-radius-l: 1rem;--border-radius-m: .5rem;--border-radius-s: .25rem;--font-weight-l: 500;--font-weight-m: 400;--font-weight-s: 300;--padding-xl: 2rem;--padding-l: 1rem;--padding-m: .75rem;--padding-s: .5rem;--padding-xs: .25rem;--margin-xl: 2rem;--margin-l: 1rem;--margin-m: .75rem;--margin-s: .5rem;--margin-xs: .25rem}::-webkit-scrollbar{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}body{font-family:Inter,sans-serif;font-size:16px;font-weight:var(--font-weight-m);background:var(--color-background-secondary);color:var(--color-primary)}.container{width:100%;margin-left:auto;margin-right:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}}@keyframes loading-container{0%{background:#b3b3b3}to{background:#e6e6e6}}@keyframes loading-content{0%{background:#ccc}to{background:#e6e6e6}}@keyframes loading-border{0%{border-color:#b3b3b3}to{border-color:#e6e6e6}}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.25;transform:scale(1)}to{opacity:1;transform:scale(1.25)}}.error-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90vh}.error-section .icon{width:4rem;height:4rem;margin-bottom:1.5rem;fill:var(--color-primary)}.error-section .error-title{font-size:20px;font-weight:var(--font-weight-l);margin-bottom:1rem}.footer-section{margin-top:auto}.footer-section .footer-text{text-align:center;font-size:12px;margin-bottom:var(--margin-l)}.footer-section .footer-text a{text-decoration:none;color:var(--color-accent);font-weight:var(--font-weight-l)}.main-section{display:flex;flex-direction:column;min-height:100vh;gap:1rem}.profile-section{height:100%;background:var(--color-background-primary);box-shadow:0 2px 4px #00000040}.profile-section .profile-first-container{display:flex;align-items:center;background:#d3d3d3;height:15vh;overflow:hidden;position:relative}.profile-section .profile-first-container.loading{animation:loading-content 1s linear infinite alternate}.profile-section .profile-first-container img{width:100%}.profile-section .profile-first-container .profile-phone{display:flex;position:absolute;top:var(--padding-m);right:var(--padding-m);background:var(--color-background-primary);border-radius:var(--border-radius-s);padding:var(--padding-xs);cursor:pointer}.profile-section .profile-first-container .profile-phone .profile-phone-link{line-height:0}.profile-section .profile-first-container .profile-phone img{width:1.25rem;height:1.25rem}.profile-section .profile-second-container{position:relative;display:flex;flex-direction:column}.profile-section .profile-second-container.loading{animation:loading-container 1s linear infinite alternate}.profile-section .first-box{display:flex;flex-direction:row;align-items:center;padding:0 var(--padding-m);margin-bottom:var(--margin-l)}.profile-section .first-box .profile-image{display:flex;align-items:center;justify-content:center;margin-top:-3rem;height:4.5rem;width:4.5rem;background:#d3d3d3;border-radius:var(--border-radius-m);border:.25rem solid var(--color-background-primary);overflow:hidden}.profile-section .first-box .profile-image.loading{animation:loading-content 1s linear infinite alternate,loading-border 1s linear infinite alternate}.profile-section .first-box .profile-image img{height:100%;border-radius:var(--border-radius-s)}.profile-section .first-box .profile-title{margin-left:var(--margin-m);font-weight:var(--font-weight-l)}.profile-section .first-box .profile-title.loading{width:50%}.profile-section .first-box .profile-title.loading,.profile-section .second-box .profile-description-container.loading{height:1rem;border-radius:var(--border-radius-s);animation:loading-content 1s linear infinite alternate}.profile-section .second-box{display:flex;flex-direction:row;align-items:center;padding:0 var(--padding-m);margin-bottom:var(--margin-m)}.profile-section .second-box .profile-description-container{font-size:14px;font-weight:var(--font-weight-m)}.profile-section .second-box .profile-description-container.loading{width:70%}.menu-section .menu-category-container{display:flex;flex-direction:row;align-items:center;background:var(--color-background-primary);padding:var(--padding-m);box-shadow:0 2px 4px #00000040;min-height:1.25rem}.menu-section .menu-category-container.loading{animation:loading-container 1s linear infinite alternate}.menu-section .menu-category-container .category-before{width:.25rem;height:1rem;background:var(--color-profile);border-radius:var(--border-radius-m);margin-right:var(--margin-s)}.menu-section .menu-category-container .category-name{font-weight:var(--font-weight-l)}.menu-section .menu-category-container .category-name.loading{width:70%;height:1rem;border-radius:var(--border-radius-s);animation:loading-content 1s linear infinite alternate}.menu-section .menu-product-container.loading{animation:loading-container 1s linear infinite alternate;color:transparent}.menu-section .menu-product-container.loading .first-box .product-name.loading,.menu-section .menu-product-container.loading .first-box .product-indicator.loading,.menu-section .menu-product-container.loading .first-box .product-description-container.loading .description.loading,.menu-section .menu-product-container.loading .first-box .product-price-container.loading{height:1rem;border-radius:var(--border-radius-s);animation:loading-content 1s linear infinite alternate}.menu-section .menu-product-container.loading .first-box .product-name.loading{width:90%}.menu-section .menu-product-container.loading .first-box .product-indicator.loading{width:50%;margin-bottom:var(--margin-s)}.menu-section .menu-product-container.loading .first-box .product-description-container.loading{width:100%}.menu-section .menu-product-container.loading .first-box .product-price-container.loading{width:40%}.menu-section .menu-product-container .second-box .product-image.loading{background:transparent;animation:loading-content 1s linear infinite alternate}.menu-section .menu-product-container .second-box .select-btn.loading{border:none;animation:loading-content 1s linear infinite alternate}.menu-section .menu-product-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:1rem;background:var(--color-background-primary);padding:var(--padding-m);margin:0 var(--margin-m);border-radius:var(--border-radius-s);box-shadow:0 2px 4px #00000040;min-height:9rem}.menu-section .menu-product-container .first-box{display:flex;flex-direction:column;align-items:flex-start;width:calc(75% - .5rem)}.menu-section .menu-product-container .first-box .product-name{display:flex;align-items:center;margin-bottom:var(--margin-s)}.menu-section .menu-product-container .first-box .product-name .name-icon{display:flex;padding:var(--padding-xs);margin-right:var(--margin-s);background:var(--color-background-secondary);border-radius:var(--border-radius-s)}.menu-section .menu-product-container .first-box .product-name .icon{height:1rem;min-height:1rem;width:1rem;min-width:1rem;fill:var(--color-profile)}.menu-section .menu-product-container .first-box .product-name p{font-size:15px;font-weight:var(--font-weight-l)}.menu-section .menu-product-container .first-box .product-indicator{display:flex;align-items:center;justify-content:flex-start}.menu-section .menu-product-container .first-box .product-indicator .product-icon{display:flex;align-items:center;margin-right:var(--margin-s);margin-bottom:var(--margin-s)}.menu-section .menu-product-container .first-box .product-indicator .product-icon .icon{width:.875rem;height:.875rem;margin-right:var(--margin-s);fill:var(--color-primary)}.menu-section .menu-product-container .first-box .product-indicator .product-icon p{font-size:12px;font-weight:var(--font-weight-s)}.menu-section .menu-product-container .first-box .product-description-container{font-size:14px;font-weight:var(--font-weight-s);margin-bottom:var(--margin-m)}.menu-section .menu-product-container .first-box .product-description-container .description{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.menu-section .menu-product-container .first-box .product-description-container .action{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:12px;font-weight:var(--font-weight-l);margin-top:var(--margin-s);text-decoration:underline;cursor:pointer}.menu-section .menu-product-container .first-box .product-description-container .action:before{content:"Leer mas"}.menu-section .menu-product-container .first-box .product-description-container .action:checked:before{content:"Leer menos"}.menu-section .menu-product-container .first-box .product-description-container .description:has(+.action:checked){line-clamp:unset;-webkit-line-clamp:unset}.menu-section .menu-product-container .first-box .product-price-container{display:flex;align-items:center;margin-top:auto}.menu-section .menu-product-container .first-box .product-price-container .product-price-old{display:flex;align-items:center;font-size:10px}.menu-section .menu-product-container .first-box .product-price-container .product-price-old .discount{padding:var(--padding-xs);border-radius:var(--border-radius-s);margin-right:var(--margin-s);font-weight:var(--font-weight-l);background:#ff0}.menu-section .menu-product-container .first-box .product-price-container .product-price-old .price{font-weight:var(--font-weight-s);text-decoration:line-through}.menu-section .menu-product-container .first-box .product-price{font-size:15px;font-weight:var(--font-weight-l);margin-right:var(--margin-s)}.menu-section .menu-product-container .second-box{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;overflow:hidden;max-width:calc(25% - .5rem)}.menu-section .menu-product-container .second-box .product-image{display:flex;align-items:center;justify-content:center;height:4.5rem;width:4.5rem;background:#d3d3d3;border-radius:var(--border-radius-s);margin-bottom:auto;overflow:hidden}.menu-section .menu-product-container .second-box .product-image .image{height:100%}.menu-section .menu-product-container .second-box .select-btn{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s);background:var(--color-button-primary);height:1.5rem;width:1.5rem;padding:0;cursor:pointer}.menu-section .menu-product-container .second-box .select-btn .icon{width:.75rem;height:.75rem;fill:var(--color-primary)}@media (min-width: 992px){.menu-section .menu-product-container .first-box .product-description-container .action{display:none}}.menu-section{display:flex;flex-direction:column;gap:1rem}.menu-section .empty-category{font-size:12px;font-weight:var(--font-weight-m);margin:0 var(--margin-m)}.menu-section-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:4rem}.menu-section-empty .icon{width:4rem;height:4rem;margin-bottom:1.5rem;fill:var(--color-primary)}.menu-section-empty .empty-title{font-size:20px;font-weight:var(--font-weight-l);margin-bottom:1rem}.order-section{position:sticky;z-index:100;left:0;top:0}.order-section .order-container{background:var(--color-background-primary);padding:var(--padding-m);box-shadow:0 2px 4px #00000040;overflow:hidden;cursor:pointer;height:2rem}.order-section .order-container.open{height:100%;transition:height .3s ease-in-out}.order-section .order-container .action{display:flex;align-items:center}.order-section .order-container .action .pulse{display:flex;align-items:center;position:relative}.order-section .order-container .action .pulse:before{content:"";position:absolute;top:-.25rem;right:-.25rem;width:.625rem;height:.625rem;background:var(--color-profile);border-radius:100%;animation:pulse 1s infinite alternate}.order-section .order-container .action .pulse .order-icon{width:1rem;height:1rem;background:var(--color-background-secondary);padding:var(--padding-s);border-radius:var(--border-radius-s);fill:var(--color-primary)}.order-section .order-container .action .title{font-weight:var(--font-weight-l);margin-left:var(--margin-s)}.order-section .order-container .action .description{font-size:14px;margin-left:var(--margin-s)}.order-section .order-container .action .description:before{content:"-";margin-right:var(--margin-s)}.order-section .order-container .action .open-icon,.order-section .order-container .action .close-icon{width:1rem;height:1rem;margin-left:auto;fill:var(--color-primary)}.order-section .order-container .diner{display:flex;align-items:center;font-size:14px;margin-top:var(--margin-l)}.order-section .order-container .diner .description{font-weight:var(--font-weight-l);text-decoration:underline}.order-section .order-container .diner .action-box{display:flex;align-items:center;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s);background:var(--color-button-primary);padding:0 var(--padding-s);height:1.5rem;margin-left:auto}.order-section .order-container .diner .action-box .less{all:unset;border-radius:var(--border-radius-s);display:flex;align-items:center}.order-section .order-container .diner .action-box .total{border-radius:var(--border-radius-s);border:none;width:1.125rem;text-align:center;padding:0 var(--padding-s)}.order-section .order-container .diner .action-box .more{all:unset;border-radius:var(--border-radius-s);display:flex;align-items:center}.order-section .order-container .diner .action-box .less .icon,.order-section .order-container .diner .action-box .more .icon{width:.75rem;height:.75rem;fill:var(--color-primary)}.order-section .order-container .content{display:flex;flex-direction:column;font-size:14px;font-weight:var(--font-weight-s);margin-top:var(--margin-l)}.order-section .order-container .content .product{display:flex;align-items:center;margin-bottom:var(--margin-s)}.order-section .order-container .content .product .name:before{display:inline-flex;content:"";width:.5rem;height:.5rem;border-radius:100%;background:var(--color-profile);margin-right:var(--margin-s)}.order-section .order-container .content .product .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--padding-m)}.order-section .order-container .content .product .price{margin-left:auto}.order-section .order-container .content .product .clear{display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--border-radius-s);height:1.5rem;width:1.5rem;background:var(--color-button-primary);margin-left:var(--margin-m);padding:0;cursor:pointer}.order-section .order-container .content .product .clear .icon{width:.65rem;height:.65rem;fill:var(--color-primary)}.order-section .order-container .content .total-box{margin-top:var(--margin-s);border-top:1px solid var(--color-border-primary);padding-top:var(--padding-s)}.order-section .order-container .content .table{display:flex;align-items:center;font-size:12px;margin-bottom:var(--margin-s)}.order-section .order-container .content .table .price{margin-left:auto}.order-section .order-container .content .total{display:flex;align-items:center;font-weight:var(--font-weight-l)}.order-section .order-container .content .total .price{margin-left:auto}.order-section .order-container .order-confirm{display:flex;align-items:center;justify-content:end;margin-top:var(--margin-m)}.order-section .order-container .order-confirm .confirm-loader{border:3px solid var(--color-button-primary);border-top:3px solid var(--color-primary);border-radius:50%;width:.85rem;height:.85rem;animation:loading-spinner 1s linear infinite}.order-section .order-container .order-confirm .confirm-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .5rem;border:0;border-radius:var(--border-radius-s);background:#8adc8a;height:2rem;cursor:pointer}.order-success-screen{position:fixed;top:50%;left:50%;background:#8adc8a;border-radius:50%;transform:translate(-50%,-50%) scale(1);animation:expandSuccess .8s forwards;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;pointer-events:none}.order-success-screen.open{opacity:1;visibility:visible;pointer-events:auto}.order-success-screen.close{opacity:0;visibility:hidden;pointer-events:none}@keyframes expandSuccess{0%{width:50px;height:50px;border-radius:50%}to{width:100vw;height:100vh;border-radius:0;top:0;left:0;transform:none}}.order-success-icon{height:8rem;fill:none}.order-success-text{margin-top:1rem;font-weight:var(--font-weight-l)}