@media screen and (max-width: 1024px){
    .menu1 {
        display: none;
    }
    
    .menu2 {
        display: block;
    }

    .player>canvas {
        width: 100%;
        height: 80px;
        background: transparent; 
        position: fixed;
        bottom: 80px;
        float: left;
        left: 0;
        opacity: 0.5;
    }

    .caja-reproductor{
        width: 60%;
        height: 80px;
        background: transparent; 
        position: relative;
    }

    .live{
        position: fixed;
        bottom: 95%;
        right: 20px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .nombre{
        display:none;
    }

    .boton-player:hover{
        background: transparent;
    }
    .caja-reproductor{
        width: 80%;
    }
    .laminaCaja{
        position: absolute;
        color: var(--color1);
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 10% 90%;
        gap: 5px;
    }

    .reproductor{
        grid-column: 1/3;
    }
    .boton-player{
        font-size: 60pt;
        width: 100px;
        height: 100px;
    }

    .player{
        grid-column: 1/3;  
        text-align: center;      
    }

    .meta{       
        padding: 0;
        align-items: flex-start;
        font-size: 14pt;  
        justify-content: center;     
        
    }

    .redes{
        padding-top: 50px;
    }

    .program{
        display: block;
        position: fixed;
        top: 15px;
        left: 15px;
        font-size: 20pt;
        z-index: 150; 
    }

    .btn-what{
        display: none;
    }

    .infoPrincipal{
        display: none;
    }

    .nosotros{
        display: none;
    }

    .post{
        display: none;
    }

    .videos{
        display:none;
    }

    .podcast{
        display: none;
    }

    .locutores{
        display: none;
    }

    .footerx{
        display: none;
    }

    .copy{
        display: none;
    }

    .btnvermas{
        display: none;
    }

    .cnt-respueta2{         
        padding: 0px;
      }
      
      .cnt-respueta2::-webkit-scrollbar{
        visibility: hidden;
      }
      
      .cnt-respueta2::-webkit-scrollbar-thumb{
        visibility: hidden;
      }

      .cnt-tv{
        width: 90%;
      }

      .imgmeta{
        display: none;
      }

      .imgresponmeta{
        display: block;
        border-radius: 10px;
      }

      .logoImagen{
        display: none;
      }

      .programflex{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
      }
}