h1, h2, h3 {
      font-family: 'Roboto condensed', serif;
    }

body,html{
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(CDBFONDO1.png) center center;
    background-size: cover;
}

.contenedor{
    text-align: center;
    padding: 20px;
    background-color: #fffef6;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1)
}

.boton{
    background-color: #FD5E4B;
    color: white;
    padding: 10px 20px; 
    display: inline-block; 
    margin-top: 20px; 
    border-radius: 5px; 
    text-decoration: none;
} 

.countdown {
display: flex;
gap: 15px;
font-size: 1.5rem;
font-weight: bold;
flex-wrap: wrap;
justify-content: center;
}
.countdown div {
background: rgba(255, 255, 255, 0.1);
padding: 10px 18px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
min-width: 70px;
}
.label {
display: block;
font-size: 0.8rem;
font-weight: normal;
margin-top: 5px;
color: #a0aec0;
}


/* Responsive */
@media (max-width: 600px) {
h1 {
font-size: 1.2rem;
}
.countdown {
font-size: 1.2rem;
gap: 10px;
}
.countdown div {
padding: 8px 14px;
min-width: 60px;
}
.label {
font-size: 0.7rem;
}
}