/**
 * PAN GIF Optimizer v2.0 — Frontend CSS
 * Estilos para los <video> que reemplazan a los <img gif>
 */

/* El video hereda exactamente el mismo comportamiento que el img original */
video.pan-gif-video {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    /* Anti-flash al cargar */
    background: transparent;
}

/* Compatibilidad Bootstrap: mantener img-fluid y col-* comportamiento */
.col-2 video.pan-gif-video,
.col-md-2 video.pan-gif-video,
[class*="col-"] video.pan-gif-video {
    width: 100%;
    height: auto;
}