@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";:root{--colorPrimario: hsl(254, 44%, 39%);--colorSecundario: hsl(105, 59%, 42%);font-family:Montserrat,Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:var(--txt1);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}p,div,span{color:var(--txt1)}*,*:before,*:after{box-sizing:border-box}.fondo1{background-color:var(--fondo1)}.fondo2{background-color:var(--fondo2)}.txt1{background-color:var(--txt1)}.txt2{background-color:var(--txt2)}.color1{background-color:var(--color1)}.color2{background-color:var(--color2)}.fade-enter-active,.fade-leave-active{opacity:1;transition:all 2s ease-in-out}.fade-enter-from,.fade-leave-to{transform:scale(1.1);opacity:0}.t-03{transition:.3s}.t-05{transition:.5s}.t-1{transition:1s}.t-2{transition:2s}.t-3{transition:3s}.td-03{transition-delay:.3s}.td-05{transition-delay:.5s}.td-1{transition-delay:1s}.td-2{transition-delay:2s}.td-3{transition-delay:3s}.Bienvenida{z-index:50;pointer-events:none;position:fixed;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.Bienvenida .Icono{transform:scale(12) translateY(6px);opacity:0}.Bienvenida .eslogan{transform:translateY(40px);font-size:1.5rem;-webkit-user-select:none;user-select:none;opacity:0}.Bienvenida.show .Icono{opacity:1;transform:scale(12) translateY(4px)}.Bienvenida.show .eslogan{transform:translateY(60px);opacity:1}.Mesa{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:100}.Mesa .Icono.cerrar{position:absolute;top:20px;right:20px;cursor:pointer}.Hero{width:100%;height:50vh;overflow:hidden;position:relative}.Hero .imagen{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s ease;opacity:0;z-index:0}.Hero .imagen.on{opacity:1;z-index:1}.Seleccion{position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--seleccion)!important}.Seleccion:before{content:"";background:var(--seleccion)!important;position:absolute;bottom:-5px;right:50%;transform:translate(50%);height:3px;width:0;transition:.2s}.Seleccion:hover:before{width:100%}.Navbar{position:fixed;top:0;left:0;width:100%;height:80px;background:#00000040;padding:20px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;align-items:center;justify-content:space-between}.Navbar .opciones{display:flex;align-items:center;gap:50px}.Navbar .Icono{cursor:pointer}.Menu{--float: 30px;--size: 70px;--clr: #00000040;--globo_size: 20px;background:var(--color2);position:fixed;bottom:var(--float);right:var(--float);z-index:3;height:var(--size);width:var(--size)}.Menu.flotante{display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.Menu.flotante .Icono{display:flex;align-items:center}.Menu.flotante .Icono svg>*{transition:.2s!important}.Menu.flotante .Icono svg :nth-child(1){transform-origin:25%}.Menu.flotante .Icono svg :nth-child(2){transform-origin:45%}.Menu .punta{height:var(--globo_size);width:var(--globo_size);background:var(--clr);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;bottom:calc(var(--size) + 10px);right:calc(var(--size) / 3);clip-path:polygon(0 0,100% 0,50% 45%);transition:.3s;opacity:0;transform:translateY(9px)}.Menu .cont{position:absolute;bottom:calc(var(--size) + 30px);right:0;background:var(--clr);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--globo_size);transition:.3s;transform-origin:bottom;transform:translateY(10px) scaleY(.9);opacity:0;overflow:hidden;pointer-events:none}.Menu .cont .opcion{padding:20px;white-space:nowrap;-webkit-user-select:none;user-select:none}.Menu .cont .opcion:hover{background:var(--color2)}.Menu.on .Icono svg :nth-child(1){transform:translate(-1px,-2px) rotate(45deg)}.Menu.on .Icono svg :nth-child(2){transform:translate(-1px,-2px) rotate(-45deg)}.Menu.on .cont,.Menu.on .punta{pointer-events:all;transform:translateY(0);opacity:1}.App{position:fixed;top:0;left:0;height:100vh;width:100vw}.App .Navbar{z-index:3}.App .Hero{z-index:1}.App .botones{display:flex;gap:30px}.App .botones .btn{--tamanio: 30px;width:var(--tamanio);height:var(--tamanio);border-radius:5px;cursor:pointer}.App .botones .btn.btnToggle{background-color:var(--color1)}.App .botones .btn.btnMesa{background-color:var(--color2)}.Who{width:100vw;background:#000}.Icono{display:flex;align-items:center}