.contenedor-principal {
      flex-grow: 1;
      padding: 0px 2% 0px 2%;
      margin: 0 auto;
      max-width: 90%;
      box-sizing: border-box;
      text-align: center;
    }
    @media screen and (min-width: 768px) {
      .contenedor-principal {
        max-width: 70% !important;
      }
    }

    .abc-menu {
      position: fixed;
      top: 10.7%;
      left: 0;
      z-index: 1000;
      background: rgba(0,0,0,0.85);
      padding: 5px 0.5%;
      border-radius: 0 8px 8px 0;
      font-size: var(--abc-size, 90%);
      line-height: 1.2;
      max-height: 90vh;
      overflow-y: auto;
    }
    .abc-menu a {
      display: block;
      color: white;
      padding: 0.2em 0.3em;
      text-decoration: none;
      font-weight: bold;
      text-align: center;
    }
    .abc-menu a:hover {
      background: #ffc107;
      color: black;
    }
    .autor-item {
      border-bottom: 1px solid #ccc;
      padding: 10px 0;
      text-align: left;
    }
    .autor-item h5 {
      font-weight: bold;
      font-size: 1.2em;
      color: #003366;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }
    .autor-item:hover {
      background: #f8f9fa;
    }
	  
      .autor-item h5 .btn-success {
        font-size: 0.75em;
        padding: 4px 8px;
        display: flex;
        align-items: center;
        gap: 5px;
        background-color: #28a745;
        background-image: none;
      }
      .autor-item h5 .btn-success::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url('./images/v2/play-todos2.png');
        background-size: contain;
        background-repeat: no-repeat;
      }
      .autor-item h5 .btn-success::after {
        content: 'Play';
        margin-left: 5px;
      }	  
    .floating-player {
      position: fixed;
      bottom: 2%;
      right: 2%;
      z-index: 1050;
      background: #ffffff;
      border: 1px solid #ccc;
      border-radius: 10px;
      box-shadow: 0 0 15px rgba(0,0,0,0.2);
      padding: 10px;
      width: 300px;
      text-align: center;
    }
     @media (max-width: 768px) {
      .abc-menu {
        font-size: var(--abc-size-mobile, 80%);
        padding: 5px 2px;
        top: 10%;
        max-height: 80vh;
      }
      .contenedor-principal {
        margin-left: 30px;
        margin-right: 10px;
        padding: 0;
        font-size: 95%;
      }
      .autor-item h5 {
        font-size: 0.85em;
        justify-content: space-between;
        flex-direction: row;
      }
      .autor-item h5 .btn-success {
        font-size: 0.75em;
        padding: 4px 8px;
        display: flex;
        align-items: center;
        gap: 5px;
        background-color: #28a745;
        background-image: none;
      }
      .autor-item h5 .btn-success::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url('./images/v2/play-todos2.png');
        background-size: contain;
        background-repeat: no-repeat;
      }
      .autor-item h5 .btn-success::after {
        content: 'Play';
        margin-left: 5px;
      }
      .autor-item li {
        font-size: 0.7em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
		 .autor-item li > div {
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}

.titulo-autors {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 80%;
  vertical-align: middle;
}		 
		 
      .floating-player {
        width: 80%;
        left: 10%;
        right: 10%;
      }
    }
    .btn-play {
      float: right;
    }
    #popup-reproductor {
      display: none;
      position: fixed;
      top: 10%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 2000;
      background: white;
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 0 20px rgba(0,0,0,0.3);
      width: 90%;
      max-width: 400px;
      text-align: center;
    }
    audio::-internal-media-controls-download-button {
      display:none;
    }
    audio::-webkit-media-controls-enclosure {
      overflow:hidden;
    }
    audio::-webkit-media-controls-panel {
      width: calc(100% + 30px);
    }