#lista_videos { margin: 0; padding: 0; box-sizing: border-box;  }
ul#lista_videos { display: flex; justify-content: space-evenly; flex-wrap: wrap; list-style: none; }
#lista_videos li { position: relative; display: inline-block; overflow: hidden; text-align: center; /*max-width:300px;*/ min-width: 250px; width: 20%; height: auto; min-height: 250px; margin: 5px; padding: 0; }
    #lista_videos li:hover {  cursor: pointer; }
    #lista_videos li img { object-fit: cover; max-height: 280px; /*display: block;*/ }
    #lista_videos li::after {}
    /* Icono encima de la imagen */
    #lista_videos li::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="white"><polygon points="24,18 24,46 46,32"/></svg>'); background-repeat: no-repeat; background-position: center; background-size: 50%; opacity: 0.3; /* Oculto al inicio */ transition: opacity 0.3s ease, background-color 0.3s ease; pointer-events: none; /* No bloquea clics */ }
    #lista_videos li:hover::after { opacity: 0.8; background-color: rgba(0, 0, 0, 0.8); }



@media (max-width:1900px) {
    ul#lista_videos { justify-content: center; }
    #lista_videos li { max-width: initial; width: 18%; min-width: 220px; min-height:220px; }
        #lista_videos li img {  max-height: 220px; }
}
@media (max-width:1040px) {
    ul#lista_videos { justify-content: space-evenly; }
    #lista_videos li {min-width: 175px; min-height: 175px; }
        #lista_videos li img { max-height: 175px; }
}
@media (max-width:850px) {
    #lista_videos li { min-width: 150px; min-height: 150px; }
        #lista_videos li img { max-height: 150px; }
}
@media (max-width:730px) {
    #lista_videos li { min-width: 125px; min-height: 125px; }
        #lista_videos li img { max-height: 125px; }
}
@media (max-width:615px) {
    #lista_videos li { min-width: 100px; min-height: 100px; }
        #lista_videos li img { max-height: 100px; }
}
@media (max-width:500px) {
    #lista_videos li { width: 45%; min-width: 150px; min-height: 150px; }
       #lista_videos li img { max-height: 150px; }
}