:root{--text-active: linen;--text-inactive: #FFFFFF80;--background-color: #00000010;--border-color: #FFFFFF80}*{margin:0;padding:0;box-sizing:border-box;font-size:16px;font-family:Helvetica,Arial,sans-serif}body,html{font-size:clamp(10px,4vw,16px);height:100dvh;background:linear-gradient(-45deg,#f70,#f90,#f40,#f70,#f90,#f40);background-size:400% 1000%;animation:gradient 10s ease infinite;width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:manipulation;transition:background-color .3s ease}html{overflow-x:hidden}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.canvas-container{position:fixed;width:100vw;height:100dvh}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#00000070;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none;opacity:1;transition:opacity .7s ease}.loader-overlay.fade-out{opacity:0}.loader-circle{position:relative;width:120px;height:120px}.progress-ring{transform:rotate(-90deg)}.progress-ring__circle{transition:stroke-dashoffset .4s ease;stroke-linecap:round}.loader-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:700;color:linen}.menu-section{position:relative;height:100vh;width:100vw;display:flex;flex-direction:row;justify-content:start;align-items:flex-start;padding-left:2rem;overflow-x:auto;padding-top:5rem}@media (max-width: 480px){.menu-section{height:94vh;padding-top:16%;padding-left:.4rem;overflow-x:hidden}}.menu-images{position:absolute;width:30%;display:flex;flex-direction:row;justify-content:center;bottom:0;right:0;margin:40px}.menu-image{width:100%;opacity:0;animation:fadeIn .6s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.healthy-shots-image,.fresh-juices-image,.smoothies-image,.nieves-image,.chamoyadas-image,.mangonadas-image,.slushies-image{width:10rem}.fruit-salads-image{width:17rem}.fruta-loca-image{width:20rem}.preparados-image,.elotes-image{width:25rem}.mangonadas-image{width:13rem}.catering-image{width:20rem}@media (max-width: 480px){.menu-images{left:0;margin-bottom:80px}.healthy-shots-image,.fresh-juices-image,.smoothies-image,.nieves-image,.chamoyadas-image,.mangonadas-image,.slushies-image{width:6rem;margin-right:60px}.fruit-salads-image{width:10rem}.fruta-loca-image{width:14rem;margin-left:40px}.preparados-image{width:12rem;margin-right:10px}.elotes-image{width:15rem;margin-left:50px}.mangonadas-image{width:8rem}.catering-image{width:13rem;margin-left:20px}}.menu-lines{position:absolute;width:76%;height:85%;margin-left:12.6%;border-bottom:var(--border-color) 2px solid;pointer-events:none}@media (max-width: 480px){.menu-lines{height:3px;bottom:4rem}}.category-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:180px;z-index:1;border-right:2px solid var(--border-color)}@media (max-width: 480px){.category-buttons{width:31%;gap:3px}}.menu-container{display:flex;flex-direction:column;align-content:center;justify-content:start;width:100%;max-height:80vh}.menu-items{display:flex;flex-direction:column;align-content:center;justify-content:start;width:100%;height:80vh;overflow-y:auto;overflow-x:hidden;gap:10px;z-index:1}@media (min-width: 768px){.menu-items{flex-wrap:wrap}}@media (max-width: 480px){.menu-container{display:flex;flex-direction:column;align-content:center;justify-content:start;width:68%;height:74vh}.menu-items{overflow-y:scroll!important;width:100%;height:100%;padding-left:5%}@keyframes smooth-blink{0%,to{opacity:0}50%{opacity:1}}.overflow-up{position:absolute;display:flex;flex-direction:column;width:100%;height:3rem;box-shadow:inset 0 20px 30px -25px #fff;z-index:1;opacity:0}.overflow-down{position:absolute;margin-top:68vh;display:flex;flex-direction:column;width:100%;height:3rem;box-shadow:inset 0 -20px 30px -25px #fff;z-index:1;opacity:0}.animated{animation:smooth-blink 2.5s ease-in-out infinite}}.menu-item{display:flex;flex-direction:column;width:30%;max-height:4rem;padding:.6rem;color:var(--text-inactive)}@media (max-width: 480px){.menu-item{width:90%;padding:.1rem;max-height:7rem}.menu-item .ingredients{font-size:14px}}.menu-item-name{font-weight:700;color:var(--text-active)}.about-section{position:relative;height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:4rem}@media (max-width: 480px){.about-section{padding-top:3%}}.about-lines{position:absolute;width:80%;height:87%;border-bottom:var(--border-color) 2px solid;pointer-events:none}@media (max-width: 480px){.about-lines{height:95%}}.about-container{width:80%;height:90%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.about-text{font-size:1rem;color:var(--text-active)}.about-image{width:100%;height:70%;display:flex;justify-content:center;align-items:center}.about-image img{width:100%;height:100%;object-fit:cover;border:none;border-radius:5px;box-shadow:0 4px 8px #0003}@media (max-width: 480px){.about-container{width:90%;height:90%}.about-text{font-size:16px}.about-image{height:40%;margin-top:15%}.about-image img{width:18rem}}.catering-section{position:relative;height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:4rem}@media (max-width: 480px){.catering-section{padding-top:2%}}.catering-lines{position:absolute;width:80%;height:87%;border-bottom:var(--border-color) 2px solid;pointer-events:none}@media (max-width: 480px){.catering-lines{height:95%}}.catering-container{width:83%;height:90%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.catering-text{width:97%;font-size:1rem;color:var(--text-active)}.catering-images{width:100%;height:70%;display:flex;justify-content:center;align-items:center}.catering-images img{width:100%;height:100%;object-fit:cover;border-radius:5px;box-shadow:0 4px 8px #0003;transition:all .5s ease-in-out}.carousel-btn{font-size:3rem;color:var(--border-color);background:none;border:none;padding:.2rem;cursor:pointer;transition:all .3s ease;z-index:2;-webkit-user-select:none;user-select:none}.carousel-btn:hover{transform:translateY(-8%) scale(1.1)}@media (max-width: 480px){.catering-container{width:90%;height:90%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.catering-text{font-size:16px}.catering-images{display:flex;justify-content:center;align-items:center;margin-top:15%;margin-bottom:6%}.catering-images img{width:18rem;height:13rem;object-fit:cover;border-radius:15px;box-shadow:0 4px 8px #0003;transition:all .5s ease-in-out}.carousel-btn{font-size:3rem;color:var(--border-color);background:none;border:none;padding:.7rem;cursor:pointer;transition:all .3s ease;z-index:2;-webkit-user-select:none;user-select:none}}.contacts-section{position:relative;height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:4rem}@media (max-width: 480px){.contacts-section{padding-top:.5rem}}.contacts-container{width:80%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;overflow:hidden}.delivery-links{display:flex;justify-content:center;flex-direction:row;gap:1rem}.grubhub-link{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:3px solid #fff;border-radius:12px}.grubhub-icon{width:3.3rem;cursor:pointer;z-index:2}.ubereats-link{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center}.uber-eats-icon{width:3.7rem;cursor:pointer;z-index:2}.doordash-link{width:3.1rem;height:3.1rem;display:flex;justify-content:center;align-items:center;border:2.5px solid #fff;border-radius:12px}.doordash-icon{width:2.5rem;cursor:pointer;z-index:2}.google-map{width:100%;height:60%;border:none;border-radius:5px;box-shadow:0 4px 8px #0003}.contacts-adress{font-size:1.2rem;font-weight:700;color:var(--text-active)}.contacts-links{display:flex;justify-content:center;flex-direction:row;gap:1rem}.contact-email-container{display:flex;font-size:2rem;flex-direction:row}.contact-instagram-container{display:flex;flex-direction:row}.contact-email,.contact-instagram{color:var(--text-inactive);text-decoration:none;font-size:2rem;cursor:pointer}.contacts-icon{width:3rem;cursor:pointer;z-index:2}.contacts-icon:hover{cursor:pointer}@media (max-width: 480px){.contacts-icon{width:3rem}.contacts-adress{font-size:1rem}.google-map{width:100%;border:none;border-radius:15px;box-shadow:0 4px 8px #0003}}.navbar{position:fixed;top:1rem;left:1rem;width:3rem;height:3rem;z-index:1000;padding:.6rem;border:2px solid var(--border-color);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;align-items:start;gap:.75rem;transition:width .5s ease,height .5s ease,max-height .5s ease;background-color:var(--background-color, linen);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar.open{width:8rem;max-height:90vh;height:auto}.navbar.closed{width:3rem;height:3rem}.hamburger{border:none;background:none;color:var(--text-active, black);cursor:pointer;z-index:1}.icon-container{display:flex;justify-content:center;align-items:center;position:relative;width:24px;height:24px}.hamburger-icon,.close-icon{position:absolute;top:0;left:0;transition:transform .3s ease,opacity .3s ease}.visible{opacity:1;transform:rotate(0) scale(1)}.hidden{opacity:0;transform:rotate(-90deg) scale(.8)}.close-icon.visible{transform:rotate(0)}.close-icon.hidden{transform:rotate(90deg)}.navbar-links{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;transition:all .5s ease;pointer-events:all;width:100%}.navbar-links a{display:inline;font-size:1.1rem;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}@media (max-width: 768px){.navbar{top:.5rem;left:.5rem;padding:.5rem}.navbar.open{width:8rem;max-height:90vh}.navbar-links a{font-size:1rem}}@media (max-width: 480px){.navbar{top:.5rem;left:.5rem}.navbar.open{width:8rem;max-height:90vh;left:.5rem;right:auto;transform:none}.icon-container,.hamburger-icon,.close-icon{width:28px;height:28px}@media (max-height: 600px){.navbar.open{max-height:85vh;overflow-y:auto}}}.button{font-size:1.3rem;font-weight:500;color:var(--text-inactive);padding:2px 6px;background-color:#0000;border:#00000000 solid 2px;border-radius:20px;cursor:pointer;transition:.3s ease}.button:hover{color:var(--text-active);border:var(--border-color) solid 2px}.button-active{font-size:1.3rem;font-weight:500;color:var(--text-active);padding:2px 6px;background-color:#0000;border:var(--border-color) solid 2px;border-radius:20px;cursor:pointer;transition:.3s ease}@media (max-width: 480px){.button,.button:hover,.button-active{font-size:1rem}}.menu-button{font-size:1.3rem;font-weight:500;color:var(--text-active);padding:2px 6px;background-color:#0000;border:#00000000 solid 2px;border-radius:20px;cursor:pointer;transition:.3s ease}.menu-button:hover{color:var(--text-active);border:var(--border-color) solid 2px}.menu-button-active{font-size:1.3rem;font-weight:500;color:var(--text-active);padding:2px 6px;background-color:#0000;border:var(--border-color) solid 2px;border-radius:20px;cursor:pointer;transition:.3s ease}@media (max-width: 480px){.menu-button,.menu-button:hover,.menu-button-active{font-size:1rem}}.home-section{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.home-logo{position:absolute;height:20rem;width:auto;filter:drop-shadow(3px 3px 5px black)}@media (max-width: 480px){.home-logo{height:10rem;width:auto;filter:drop-shadow(3px 3px 5px black)}}