/* ==========================================================================
   VIDEO-RESPONSIVE — Wrapper para iframes YouTube con aspect-ratio 16:9
   --------------------------------------------------------------------------
   Utilizado en: feria-laboral, encuentros (y cualquier página interior
   con iframe YouTube embebido directamente en post_content).

   El wrapper fuerza el aspect-ratio nativo del navegador con fallback
   padding-top para browsers sin soporte (IE11 ya fuera de soporte).
   La clase no interfiere con nada del theme — es un contenedor neutro.
   ========================================================================== */

.video-responsive {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 24px 0;
    border-radius: 8px;
    overflow: hidden;
    background: #000;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Fallback para browsers sin aspect-ratio (< 2021) */
@supports not (aspect-ratio: 16 / 9) {
    .video-responsive {
        padding-top: 56.25%; /* 9/16 = 0.5625 */
        height: 0;
    }
}