body {
    margin: 0;
    padding: 15px;
    background: steelblue;
    background-image: url(https://i.ibb.co/PYk3p5G/ANUNCIOS-PANTALLAS-azul.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    font-family: Arial, sans-serif;
}

.tablero {
    width: 90%;
    max-width: 800px;
    text-align: center;
}

h1 {
    color: #fff;
    margin-bottom: 15px;
}

.marco {
    background: #ffffffdd;
    border-radius: 10px;
    padding: 20px;
    margin: 10px 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.timer-label {
    display: block;
    font-size: 1.2em;
    margin-bottom: 5px;
    color: #000;
}

.tiempo {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 15px;
}

.timer-normal { color: #155724; }
.timer-warning { color: #856404; }
.timer-danger { color: #721c24; }

.pregunta-contenedor {
    padding: 15px;
    background: #fefefe;
    border-radius: 10px;
    font-size: 1.5em;
    margin-bottom: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.botones-contenedor {
    display: flex;
    flex-wrap: wrap;       /* Permite que los botones se acomoden en varias filas si hace falta */
    justify-content: center; 
    gap: 10px;             /* Espacio uniforme entre botones */
    margin: 10px 0;
}

.btn, .btn-next {
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    color: #fff;
    transition: all 0.3s;
}

.btn { background-color: #007bff; }
.btn:hover { background-color: #0056b3; }

.btn-next { background-color: #08913d; }
.btn-next:hover { background-color: #035522; }

#btnPausar { background-color: #ffc107; color: #000; }
#btnPausar:hover { background-color: #e0a800; }

.btn-termi { background-color: #dc3545; }
.btn-termi:hover { background-color: #a71d2a; }



.resultados-contenedor {
    background: #e9f7ef;
    border-radius: 10px;
    padding: 20px;
    font-size: 1.2em;
    font-weight: bold;
    color: #155724;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-top: 20px;
}

.foot {
    margin-top: 20px;
}