/* Estilo para el contenedor principal */
 .trivia-container {
     font-family: 'Segoe UI', sans-serif;
     background-color: #111;
     color: #f0f0f0;
     padding: 2rem;
     max-width: 700px;
     margin: auto;
 }

     /* Estilo para fijar el temporizador en la parte superior derecha */
     .trivia-timer {
         position: fixed;
         opacity: 40%;
         top: 110px; /* Ajusta este valor según la distancia que quieras del borde superior */
         right: 10px; /* Espacio desde la derecha */
         background-color: #111;
         padding: 10px;
         color: #ff5555;
         font-size: 1.2rem; /* Ajusta el tamaño del texto */
         width: 100px; /* Ancho fijo */
         z-index: 100; /* Asegura que quede por encima de otros elementos */
         text-align: center; /* Centra el texto */
         border-radius: 5px; /* Borde redondeado */
     }
     .trivia-timer div + div {
         border-top: 1px solid #ccc; /* Línea divisoria entre los divs */
         padding-top: 5px; /* Espacio entre la línea y el texto */
     }
     /*#total-tiempo{*/
     /*margin-top: 10px;*/
     /*}*/
     /* Imagen de las preguntas */
     .question-image {
         width: 200px; /* Tamaño máximo de la imagen */
         height: auto;
         margin: 10px 0;
         display: block;
         margin-left: auto;
         margin-right: auto;
     }

     /* Estilo para el contenedor principal */
     .trivia-container {
         font-family: 'Segoe UI', sans-serif;
         background-color: #111;
         color: #f0f0f0;
         padding: 2rem;
         max-width: 700px;
         margin: auto;
     }

     /* Estilo para los botones de trivia */
     .trivia-button {
         padding: 0.7rem 1rem;
         font-size: 1.1rem;
         margin: 0.3rem;
         background-color: #dc860b;
         color: white;
         border: none;
         cursor: pointer;
         border-radius: 12px; /* Bordes redondeados */
         box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Sombra suave */
         transition: all 0.3s ease; /* Transición suave para los efectos */
         width: 100%;
     }

     /* Estilo cuando se pasa el ratón sobre los botones */
     .trivia-button:hover {
         background-color: #dc860b;
         box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3);
     }

     /* Estilos para respuestas correctas */
     .trivia-button.correct {
         background-color: #116502 !important;
         color: white !important;
         box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
     }

     /* Estilos para respuestas incorrectas */
     .trivia-button.wrong {
         background-color: #dc3545 !important;
         color: white !important;
         box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
     }

     /* Estilo para el resultado final */
     .trivia-result {
         margin-top: 2rem;
         font-weight: bold;
         font-size: 1.3rem;
         color: #ffcc00;
     }

     /* Estilo para los feedbacks */
     .trivia-feedback {
         margin-top: 0.5rem;
         font-size: 1.1rem;
     }

     #team-points {
         font-weight: bold;
         font-size: 1.3rem;
         color: #ffcc00;
     }