body{
    font-family: Arial;
    background:#111;
    color:white;
    padding:20px;
}

.container{
    max-width:500px;
    margin:auto;
}

input,button{
    width:100%;
    padding:12px;
    margin-top:10px;
    border:none;
    border-radius:10px;
}

button{
    background:gold;
    color:black;
    font-weight:bold;
    cursor:pointer;
}

.horas{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    margin-top:20px;
}

.hora-btn{
    background:#222;
    color:white;
    padding:10px;
    text-align:center;
    border-radius:10px;
    cursor:pointer;
}

.hora-btn.ocupado{
    background:red;
    pointer-events:none;
}

.hora-btn.selected{
    background:gold;
    color:black;
}