.button-indices {
        position: absolute;
        top: 380px;
        left: 10%;
        width: 240px;
        aspect-ratio: 210 / 61;
        height: auto;
        object-fit: fill;
        cursor: pointer;
        transition: opacity 0.3s;
        /* Prevent dragging the button element */
          -webkit-user-drag: none;
      }
      .button-indices:hover {
        opacity: 0.7;
      }
      .button-indices:active {
        opacity: 0.5;
      }

.button-acordes {
        position: absolute;
        top: 480px;
        left: 10%;
        width: 240px;
        aspect-ratio: 210 / 61;
        height: auto;
        object-fit: fill;
        cursor: pointer;
        transition: opacity 0.3s;
        /* Prevent dragging the button element */
          -webkit-user-drag: none;
      }
      .button-acordes:hover {
        opacity: 0.7;
      }
      .button-acordes:active {
        opacity: 0.5;
      }

.button-partituras {
        position: absolute;
        top: 580px;
        left: 10%;
        width: 240px;
        aspect-ratio: 210 / 61;
        height: auto;
        object-fit: fill;
        cursor: pointer;
        transition: opacity 0.3s;
        /* Prevent dragging the button element */
          -webkit-user-drag: none;
      }
      .button-partituras:hover {
        opacity: 0.7;
      }
      .button-partituras:active {
        opacity: 0.5;
      }

.button-videos {
        position: absolute;
        top: 680px;
        left: 10%;
        width: 240px;
        aspect-ratio: 210 / 61;
        height: auto;
        object-fit: fill;
        cursor: pointer;
        transition: opacity 0.3s;
        /* Prevent dragging the button element */
          -webkit-user-drag: none;
      }
      .button-videos:hover {
        opacity: 0.7;
      }
      .button-videos:active {
        opacity: 0.5;
      }

.button-autorias {
        position: absolute;
        top: 780px;
        left: 10%;
        width: 240px;
        aspect-ratio: 210 / 61;
        height: auto;
        object-fit: fill;
        cursor: pointer;
        transition: opacity 0.3s;
        /* Prevent dragging the button element */
          -webkit-user-drag: none;
      }
      .button-autorias:hover {
        opacity: 0.7;
      }
      .button-autorias:active {
        opacity: 0.5;
      }

.button-pedidos {
        position: absolute;
        top: 580px;
        right: 10%;
        width: 210px;
        aspect-ratio: 150 / 40;
        height: auto;
        object-fit: fill;
        cursor: pointer;
        transition: opacity 0.3s;
        /* Prevent dragging the button element */
          -webkit-user-drag: none;
      }
      .button-pedidos:hover {
        opacity: 0.7;
      }
      .button-pedidos:active {
        opacity: 0.5;
      }

.button-contacto {
        position: absolute;
        top: 780px;
        right: 10%;
        width: 210px;
        aspect-ratio: 150 / 40;
        height: auto;
        object-fit: fill;
        cursor: pointer;
        transition: opacity 0.3s;
        /* Prevent dragging the button element */
          -webkit-user-drag: none;
      }
      .button-contacto:hover {
        opacity: 0.7;
      }
      .button-contacto:active {
        opacity: 0.5;
      }