@media (max-width: 768px) {
  header {
    justify-content: center;
    gap: 30px;
  }
  .separador {
    display: none;
  }

  .logo-grupo {
    width: 95%;
  }

  .navbar {
    width: 95%;
  }
}

@media (max-width: 410px) {
  header {
    flex-direction: column;
    gap: 15px;
    padding: 3px 1px;
  }

  #clase-logo {
    width: 250px;
  }

  div#reproductor {
    width: 250px;
  }

  div#reproductor ul {
    max-width: 250px;
  }

  .clase-rep img {
    width: 90%;
  }

  .acn-btn {
    display: none;
  }
}

@media (max-width: 250px) {
  header {
    gap: 5px;
  }

  #clase-logo {
    width: 95%;
  }

  #img-logo {
    display: none;
  }

  div#reproductor ul {
    margin-block-start: 0;
    margin-block-end: 0;
  }

  div#reproductor li #mute,
  div#reproductor li #unmute {
    display: none;
  }

  div#reproductor ul li a {
    display: flex;
    width: 48vw;
    height: 32vw;
  }

  .escucha {
    display: none;
  }

  footer {
    margin-top: calc(10vh - 15px);
    padding: 0;
  }

  #carpiana {
    font-size: 4vw;
  }
}