/* Estilos de bin/videos.php — sitio 5toB (se carga después de mostrar.css) */

/* Tarjeta de video con miniatura y botón de reproducción */
.video-card { cursor:pointer; }
.video-card:focus-visible { outline:3px solid #8bc34a; outline-offset:2px; }
.miniatura { position:relative; aspect-ratio:16/9; background:#1d2e10; overflow:hidden; }
.miniatura video { display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.play { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);
        width:62px; height:62px; border-radius:50%; display:flex; align-items:center; justify-content:center;
        padding-left:5px; font-size:1.6rem; color:#fff; background:rgba(47,94,16,.82);
        box-shadow:0 4px 16px rgba(0,0,0,.4); transition:transform .15s, background .15s; }
.video-card:hover .play { transform:translate(-50%, -50%) scale(1.12); background:rgba(78,138,31,.95); }

/* Reproductor dentro del visor emergente */
.visor video { max-width:100%; max-height:calc(100vh - 190px); border-radius:6px; background:#000;
               box-shadow:0 10px 40px rgba(0,0,0,.6); }