body{
    margin:0;
    font-family: 'Segoe UI', sans-serif;
    background: linear-gradient(135deg,#1e3c72,#2a5298);
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

.contenedor{
    background:white;
    padding:40px;
    border-radius:25px;
    text-align:center;
    max-width:800px;
    box-shadow:0 15px 40px rgba(0,0,0,0.3);
}

h1{
    color:#c9a227;
    font-size:36px;
}

h2{
    color:#333;
    margin-top:10px;
}

.texto{
    font-size:20px;
    margin-top:20px;
}

.contador{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
    margin-top:25px;
}

.bloque{
    background:#f7f3e9;
    border:2px solid #c9a227;
    border-radius:15px;
    padding:15px;
    width:90px;
}

.bloque span{
    font-size:28px;
    font-weight:bold;
    color:#c9a227;
}

.fecha{
    margin-top:20px;
    color:#555;
}