@media (max-width:680px) {
        
        .header{
            background-image: url(cover_corto_pagina.png);
            background-position:bottom;
            background-size:cover;
            background-repeat: no-repeat;
           background-color: #931a02;
            min-height: 25vh;
        }
        .public img{
        max-width: 100%;
        min-height:300px;
        
      }
        
        
      }

    
     @media (min-width:680px) {
      .header{
            background-image: url(cover_largo_pagina.png);
            background-position:center;
            background-size:contain;
            background-repeat: no-repeat;
            min-height: 25vh;
             background-color: #931a02;
        }
        .public img {
          max-width: 100%;
          min-height: 500px;
        
        }
      
      }

      .bodyh{
        max-height: 75vh;
        overflow-y: scroll;
      }

      .banner{
          min-height: 100px;
        }      

      .footer{
        min-width: 100%;
        min-height: 100px;        
        background-color: orange;
       
        
        
      }
      /* .col-12{
        background-color: #FDA360;
       
      } */
       strong h6{
        margin: 0px;
        padding: 5px;
        margin-left: 5px;
       }
      .banner{
        max-height: 100px;
        max-width: 100%;
      }
      .seccion{

        min-height: 70vh;
      }
      
      .play{
        background-color:;
      }
      div div .bton:hover{
        background-color:bisque; /* Darker blue */
        transform: scale(1.05); /* Slightly enlarge */
        cursor: pointer;
      }
      .btononda{
          background-image: url("img/mxj_files-soundwave-23744_512.gif");
          background-position: center;
        background-size: cover;
        background-repeat: no-repeat
      }
      .btons{
          border: 1px solid;
          border-radius: 10px;
      }
      .live{

          width: 80px;
          text-align: center;
          border-radius: 10px;
          margin-top: 10px;
          box-shadow: rgb(248, 248, 248);
      }
      .online{
        
        width: 120px;
        border-radius: 10px;
        margin-top: 10px;
        box-shadow: rgb(245, 247, 247);
      }
      .micro {
          width: 100%;
          margin-top: 5px;
          padding: 5px 10px;
          display: inline-block;
          padding: 10px 15px;
      }

            .mano-apuntar-left {
              font-size: 35px;
              width: 35px;
              display: inline-block;
              animation: apuntar 1.5s infinite alternate ease-in-out;
            }
      
            @keyframes apuntar {
              0% {
                transform: translateX(0);
              }
      
              100% {
                transform: translateX(-25px);
              }
      
              /* apunta hacia izquierda */
            }