:root{--background: hsl(222.2, 84%, 4.9%);--foreground: hsl(210, 40%, 98%);--card: hsl(222.2, 84%, 4.9%);--card-foreground: hsl(210, 40%, 98%);--popover: hsl(222.2, 84%, 4.9%);--popover-foreground: hsl(210, 40%, 98%);--primary: hsl(262.1, 83.3%, 57.8%);--primary-foreground: hsl(210, 40%, 98%);--secondary: hsl(217.2, 32.6%, 17.5%);--secondary-foreground: hsl(210, 40%, 98%);--muted: hsl(217.2, 32.6%, 17.5%);--muted-foreground: hsl(215, 20.2%, 65.1%);--accent: hsl(217.2, 32.6%, 17.5%);--accent-foreground: hsl(210, 40%, 98%);--destructive: hsl(0, 62.8%, 30.6%);--destructive-foreground: hsl(210, 40%, 98%);--border: hsl(217.2, 32.6%, 17.5%);--input: hsl(217.2, 32.6%, 17.5%);--ring: hsl(262.1, 83.3%, 57.8%);--purple-color: rgba(128, 0, 128, .2);--blue-color: rgba(0, 0, 255, .1);--cyan-color: rgba(0, 255, 255, .2);--cyan-color-full: rgba(0, 255, 255, .6);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;background-image:radial-gradient(var(--blue-color),var(--cyan-color))}main{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.form-login{width:100%;margin-inline:auto}.container-login{background-color:#ffffffa0;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);padding:20px;border-radius:12px;min-height:30vh;width:80%;box-shadow:0 0 25px #3333330b;gap:.5em;display:flex;align-items:center;flex-direction:column}@media (min-width: 768px){.container-login{width:25%}}.container-login .welcome{font-weight:600;font-size:calc(16px + 1vw);text-align:center;margin:0;background:linear-gradient(-75deg,var(--primary),var(--cyan-color-full));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-login .informational{font-size:calc(8px + .5vw);text-align:center;display:block;color:#333333d3;margin-bottom:20px}.container-login .input-container{padding:5px;max-width:100%;width:100%;border:1px solid #33333355;border-radius:5px;display:flex;flex-direction:row;align-items:center;margin-inline:auto}.container-login .label{font-weight:600;font-size:calc(6px + .5vw);display:block;margin-bottom:10px}.container-login section{max-width:95%;margin-bottom:20px}.container-login .input-container input{background-color:transparent;border:none;max-width:100%;height:100%;outline:none;padding:5px 8px;margin:0;flex:1}.container-login box-icon{scale:.8}.container-login .btn-login:before{content:"";position:absolute;top:0;left:0;display:inline-block;width:0px;height:100%;background-color:var(--cyan-color);transition:width .5s}.container-login .btn-login:hover:before{width:100%}.container-login .btn-login{position:relative;overflow:hidden;background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:5px;width:100%;padding:10px 5px;font-size:calc(8px + .5vw);cursor:pointer;transition:background-color .7s}.container-login .btn-login:hover{background-color:var(--secondary)}.loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--primary) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--cyan-color-full));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}.container-loader{width:100%;height:100vh;display:grid;place-content:center;position:fixed;top:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(1px) saturate(150%);backdrop-filter:blur(1px) saturate(150%);z-index:100000}.container-reserva{width:90%;margin-top:3vh;margin-bottom:3vh;background-color:#fff;margin-inline:auto;border-radius:10px;overflow:hidden;box-shadow:0 0 25px #3333332c}.container-reserva h2{margin:0}@media (min-width: 768px){.container-reserva{width:45%}}.container-reserva h3{font-weight:500;font-size:calc(8px + .5vw)}.container-reserva .select{width:100%;padding:10px;border:none;border-radius:5px;margin-bottom:20px;background-color:#f5f5f5;outline:1px solid #33333355}.container-reserva h4{text-align:center}.container-reserva header{background-color:var(--cyan-color);padding:10px;display:flex;justify-content:space-between}.body-reserva{padding:20px 30px}.search-btn{background-color:var(--primary);color:#fff;border:none;min-width:40%;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .7s;margin-inline:auto;display:block;margin-top:60px;margin-bottom:20px}.search-btn:hover{background-color:var(--secondary)}.room-card{background-color:#f5f5f5;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 0 25px #3333332c;cursor:pointer;display:flex;align-items:center;gap:1em}.selected_room{outline:1px solid var(--primary)}.container-persons{display:flex;justify-content:space-between;margin-bottom:30px}.label-dec{margin-bottom:15px;display:block}.increment-button{background-color:var(--primary);color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;transition:background-color .7s}.increment-button:hover{background-color:var(--secondary)}.information-message{text-align:center;width:100%;margin-inline:auto;display:block}.multi-input{height:60px;width:100%;margin-bottom:20px;border:none;outline:1px solid #33333355;border-radius:5px;padding-inline:10px}.reserva-btn{background-color:var(--primary);color:#fff;border:none;padding:10px 30px;border-radius:5px;cursor:pointer;transition:background-color .7s;margin-inline:auto;display:block}.reserva-btn:hover{background-color:var(--secondary)}.button-delete{border:none;padding:5px;cursor:pointer;background-color:transparent}.symbol-select{width:20px;height:20px;border-radius:100%;background-color:#3333332c}.symbol-selected{background-color:var(--primary)}.container-modal{width:100%;height:100vh;display:grid;place-content:center;position:fixed;top:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(1px) saturate(150%);backdrop-filter:blur(1px) saturate(150%);z-index:10000}.modal{width:100%;background-color:#fff;padding:10px;border-radius:10px}.modal h2{margin:0 0 10px;font-weight:500;font-size:calc(16px + .4vw)}.modal span{margin-bottom:10px;display:block;font-size:calc(8px + .4vw);color:#2a2a2ac2}@media (max-width: 768px){.modal{width:100%}}.container-buttons{display:flex;justify-content:right;gap:1em}@media (max-width: 768px){.container-buttons{gap:.1em}}.button-base{border:none;background-color:transparent;padding:8px 20px;border-radius:5px;cursor:pointer}@media (max-width: 768px){.button-base{scale:.8}}.button-cancel{outline:1px solid #ff0000;color:red}.button-cancel:hover{background-color:#f2f2f298}.button-delete-confirm{background-color:red;color:#fff}.button-delete-confirm:hover{background-color:#ff0000c2}