/* Estilos responsivos para mobile */
@media (max-width: 640px) {
  #timerBar {
    font-size: 1.1rem !important;
    flex-direction: column;
    align-items: flex-end;
    padding: 0.5rem 0.5rem;
  }
  #timer {
    font-size: 1.1rem !important;
  }
  #finalizarBtn {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 0.5rem;
  }
  .max-w-4xl {
    padding: 0.5rem !important;
  }
}