css
Copy code
.container {
width: 80%;
margin: auto;
text-align: center;
}
.row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.taquilla {
border: 2px solid #ccc;
border-radius: 5px;
padding: 10px;
background-color: #f5f5f5;
}
.taquilla h2 {
margin-top: 0;
font-size: 28px;
}
.turno-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 250px;
}
.digital-counter {
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 120px;
border: 10px solid #ccc;
border-radius: 50%;
font-size: 60px;
color: #444;
}
.digital-counter.active {
border-color: #007bff;
color: #007bff;
}
.hora-actual {
font-size: 24px;
color: #444;
margin-top: 20px;
}
.t