@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.logo img{width:150px}nav ul{list-style-type:none;padding:0;display:flex}nav li{margin-left:1rem}nav a{color:#fff;text-decoration:none}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:#333}nav.active{display:block}nav ul{flex-direction:column}nav li{margin:0;text-align:center}nav a{display:block;padding:.5rem}}.reservas-container{font-size:.8rem;width:100%;max-width:700px;margin:0 auto}.reservas-container .botones-container{display:inline;justify-content:center;align-items:center;gap:5px;margin:20px auto}.reservas-container .botones-container button{cursor:pointer;margin:5px 2px}.reservas-container .botones-container button.selected{background-color:#666;color:#fff}.reservas-container .totales-container{display:flex;justify-content:space-around;align-items:center;margin:10px auto}.reservas-container .totales-container .total-fila{display:flex;gap:5px}.reservas-container .totales-container .total-fila .total-label{font-weight:600}.reservas-container .grilla-container{font-size:.8rem;width:95%;max-width:700px;margin:0 auto}.reservas-container .grilla-container .reservas-grilla{padding:0 10px}.reservas-container .grilla-container .reservas-grilla .reserva-fila{cursor:pointer;display:grid;grid-template-columns:1fr 3fr 1fr 2fr 2fr 2fr 2fr 2fr 2fr}.reservas-container .grilla-container .reservas-grilla .reserva-fila.titulos{font-weight:700;background-color:#666;color:#fff;cursor:auto}.reservas-container .grilla-container .reservas-grilla .reserva-fila:nth-child(2n){background-color:#ccc}.reservas-container .grilla-container .reservas-grilla .reserva-fila:hover{background-color:#666;color:#fff}.reservas-container .grilla-container .reservas-grilla .reserva-fila .id,.reservas-container .grilla-container .reservas-grilla .reserva-fila .number{text-align:right;padding-right:5px}.container{width:100%;max-width:450px;background:#ffffff;padding:40px;border-radius:12px;box-shadow:0 15px 30px #0000001a}h2{text-align:center;color:#2c3e50;margin-bottom:30px;font-weight:600}.form-group{margin-bottom:25px;position:relative}label{display:block;margin-bottom:8px;color:#34495e;font-weight:500;font-size:14px}input[type=text],input[type=number],input[type=date]{width:100%;padding:12px;border:1px solid #bdc3c7;border-radius:6px;box-sizing:border-box;font-size:14px;transition:all .3s ease}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}input[type=submit]{display:block;width:100%;padding:14px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s ease}input[type=submit]:hover{background-color:#2980b9}.form-group:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#3498db;transform:scaleX(0);transition:transform .3s ease}.form-group:focus-within:after{transform:scaleX(1)}body{font-family:Roboto,sans-serif;margin:0;padding:0;display:flex;flex-direction:column}h1{font-family:Roboto,sans-serif}main{display:flex;flex-direction:column;min-height:100vh}header{background-color:#333;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700}.content{flex-grow:1;padding:2rem}footer{background-color:#333;color:#fff;text-align:center;padding:1rem;margin-top:auto}.center{margin:auto}