.topo{
display:flex;
justify-content:center;
margin-top:10px
}
.logo{
width:120px
}
.titulo-central{
margin:20px 10px 8px 10px;
font-size:26px;
font-weight:800;
color:#ffffff !important;
text-align:center;
letter-spacing:1px;
text-shadow:0 2px 8px rgba(0,0,0,0.9)
}
.subtitulo-premio{
margin:0 10px 25px 10px;
font-size:18px;
font-weight:800;
color:#ffffff !important;
text-align:center;
line-height:1.3;
text-shadow:0 2px 8px rgba(0,0,0,0.9)
}
.layout-rifa{
display:flex;
justify-content:center;
padding:10px
}
.centro-rifa{
width:100%;
max-width:1000px
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(52px, 1fr));
gap:8px;
width:100%
}
.num{
padding:10px;
border-radius:8px;
color:#fff;
font-size:13px;
font-weight:bold;
box-shadow:0 4px 10px rgba(0,0,0,0.6);
text-shadow:0 1px 3px rgba(0,0,0,0.9)
}
.livre{background:#2ecc71;cursor:pointer}
.livre:hover{transform:scale(1.05)}
.reservado{background:#f1c40f}
.pago{background:#e74c3c}