/* Solo cuando hay vídeo */
.header-hero.has-video{
    position: relative;
    overflow: hidden;
}

/* capa media inyectada */
.header-hero.has-video [data-abv-media]{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:0;
}

/* Iframe "cover" real */
.header-hero.has-video [data-abv-el="iframe"]{
    position:absolute;
    top:50%;
    left:50%;
    width:100vw;
    height:56.25vw; /* 16:9 */
    min-width:100%;
    min-height:100%;
    transform:translate(-50%, -50%);
    border:0;
}

/* Video (mp4/hls) */
.header-hero.has-video [data-abv-el="video"]{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

/* overlay solo en vídeo (si lo necesitas aquí, si no ya lo tienes en SCSS plantilla) */
.header-hero.has-video::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    opacity:.85;
    background: linear-gradient(0deg, #0b2a3b 0%, transparent 90%);
    mix-blend-mode:multiply;
}

/* contenido arriba */
.header-hero.has-video .container,
.header-hero.has-video .header-section-title{
    position:relative;
    z-index:2;
}