@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Serif+Hentaigana:wght@200..900&display=swap";.landing-page{height:100vh;color:var(--text-primary);text-align:center;width:100%}.landing-img{background-image:url(/assets/hrc-D3xqe_4V.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;height:750px;display:flex;flex-direction:column;justify-content:center;align-items:center}.landing-page h1{font-size:2.5rem}.landing-page h2{font-size:2rem}.landing-page h3{font-size:1.8}.landing-page p{margin:15px;font-size:1.3rem}.landing-page .menuBtn{text-decoration:none;color:var(--text-primary);background-color:var(--active-background);border-radius:30px;border:1px solid var(--text-primary);padding:10px;font-size:1.2rem}.landing-text{margin-bottom:170px;display:flex;flex-direction:column;justify-content:center;align-items:center}.experience{background-color:var(--beige);color:var(--background-paper);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px 0;gap:30px}.experience p{opacity:.8}.experience h2{margin-bottom:45px}.icon{display:inline-block;transform:scale(2);width:auto}footer{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px 0;gap:10px}#menu{display:flex;flex-direction:column;align-items:center;position:relative}#bebidasSection{padding:0 15px 25px;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:20px;max-width:768px}.title{color:var(--text-primary);margin:40px 15px 15px}#periodSection{display:flex;gap:20px;margin-bottom:25px}#periodSection .option{background:transparent;border:1px solid var(--text-primary);border-radius:30px;padding:10px 14px;margin:0;color:var(--text-primary);font-size:18px;text-transform:capitalize;text-decoration:none;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .2s ease;width:110px}#periodSection .option.active{background-color:var(--active-background);color:var(--active-text);border:none;transition:.3s ease all}.fade-enter{opacity:0;transform:translateY(-20px) scale(.95)}.fade-enter-active{opacity:1;transform:translateY(0) scale(1);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.fade-exit{opacity:1;transform:translateY(0) scale(1)}.fade-exit-active{opacity:0;transform:translateY(20px) scale(.95);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.navOptions{margin:25px 0;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;font-family:Josefin Sans,serif}.navOptions button{background:none;border:none;color:var(--text-primary);text-decoration:none;font-size:18px;text-transform:capitalize;display:flex;justify-content:center;align-items:center;gap:5px;transition:.3s ease all;cursor:pointer}.navOptions .option{border:var(--text-primary) 1px solid;border-radius:30px;padding:10px 5px!important;-webkit-padding:10px 5px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:normal;transition:.3s ease all}.navOptions ul.active{background-color:var(--active-background);color:var(--active-text);border:none;transition:.3s ease all}.itemCard{width:100%;height:max-content;color:var(--text-secondary);background-color:var(--background-paper);box-shadow:0 4px 8px #0000004d;border-radius:10px;padding:15px;display:grid;gap:10px;max-width:440px}.foto{width:100%;height:auto;border-radius:10px;object-fit:cover}.precio_nombre{display:flex;justify-content:space-between}.tag_container{display:flex;gap:10px;flex-wrap:wrap}.tag{border-radius:50px;border:var(--text-secondary) 1px solid;width:max-content;padding:5px 15px;text-transform:capitalize}.rulesBtn{background:var(--active-background);color:var(--active-text);border-radius:50px;border:none;width:max-content;padding:5px 15px;text-transform:capitalize;cursor:pointer}@media screen and (min-width: 768px){.itemCard{max-width:358px}}.modal-content{position:fixed;top:50%;left:50%;background:var(--background-paper);color:var(--text-primary);padding:20px;border-radius:15px;border:1px solid #888;width:95%;max-width:500px;height:auto;max-height:450px;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .5s ease-in-out,opacity .3s ease-in-out;font-size:24px;transform-origin:center;overflow:auto}.modal-content span{font-size:30px}.modal-content.active{transform:translate(-50%,-50%) scale(1);opacity:1}:root{--main: #ffffff;--secondary: #8b4513;--background-default: #1e3d4d;--background-paper: #234657;--text-primary: #ffffff;--text-secondary: #e0e0e0;--active-background: #8b4513;--active-text: #ffffff;--beige: #e6d9c9;--black: #000000}html,body{width:100%;height:100vh;margin:0;padding:0;scroll-behavior:smooth}body{background:var(--background-default);font-family:Josefin Sans,serif}*{box-sizing:border-box;font-family:Josefin Sans,serif}p,h2,h3,h4,h5,h6{padding:0;margin:0}.topNav{width:100%;display:flex;justify-content:space-between;padding:0 15px;box-shadow:0 4px 6px #0000004d;background:var(--background-paper);height:70px}.topNav ul,.logo_space{display:flex;padding:0;gap:10px}li{list-style:none;color:var(--text-primary);display:grid;align-items:center;font-size:20px}.topNav .logoAroma{width:50px;border-radius:50%}.menuBtn{text-decoration:none;color:var(--text-primary)}