/* /v5/css/responsive.css
   Ajustes responsive y PWA en mobile.
*/

@media (max-width: 600px) {
  html { font-size: 14px; }

  .audio-controls {
    padding: 0.35rem 0.9rem;
    gap: 0.5rem;
    justify-content: space-between;
    min-width: 0;
  }

  .audio-controls button {
    font-size: 1.6rem;
    width: 34px;
    height: 34px;
  }

  .countdown-time {
    font-size: 0.95rem;
    text-align: center;
  }

  /* Ocultar control de volumen en mobile */
  #volumeSlider { display: none; }
}

/* PWA instalada (mobile) */
@media (display-mode: standalone) and (max-width: 600px) {
  /* ya está 14px desde el media anterior */
  body { padding-bottom: 0; }
  #volumeSlider { display: none; }
}