/* Selector per al CONTENIDOR del vídeo (que Kadence Blocks sol afegir) */
/* Aquest serà l'element que es farà fix a pantalla completa */
.kb-row-layout-wrap .kb-video-bg-wrap, /* Contenidor comú de Kadence per al vídeo */
.kadence-bg-video-wrap /* Un altre contenidor possible per al vídeo */
{
    position: fixed !important; /* <--- La propietat clau: el CONTENIDOR es fixa */
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important; /* Ocupa tota l'amplada del viewport */
    height: 100vh !important; /* Ocupa tota l'alçada del viewport */
    z-index: -2 !important; /* L'envia al fons, per sota del contingut i del overlay */
    pointer-events: none !important; /* Permet que el contingut damunt del vídeo sigui clicable */
    overflow: hidden !important; /* Assegura que no hi hagi barres de scroll si el vídeo és més gran */
}

/* Selector per a l'ELEMENT <video> en si, dins del seu contenidor fix */
video.kb-blocks-bg-video#bg-row-video-139_e29ee7-dd, /* El teu selector precís per al vídeo */
.kb-row-layout-wrap .kb-video-bg-wrap video, /* Selector comú per al vídeo dins del seu contenidor */
.kadence-bg-video-wrap video /* Un altre selector comú per al vídeo dins del contenidor */
{
    object-fit: cover !important; /* Assegura que el vídeo cobreixi el 100% del seu CONTENIDOR */
    width: 100% !important; /* Ocupa el 100% de l'AMPLADA del seu contenidor fix */
    height: 100% !important; /* Ocupa el 100% de l'ALÇADA del seu contenidor fix */
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important; /* Reinicia qualsevol transformació */
    position: absolute !important; /* Posiciona el vídeo dins del seu contenidor fix */
    top: 0 !important;
    left: 0 !important;
}

/* També aplica a la imatge de fallback si és necessari, perquè mantingui el mateix comportament */
.kb-row-layout-wrap .kt-video-fallback-image {
    object-fit: cover !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: -2 !important;
    pointer-events: none !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

/* Assegura que el contenidor principal del Disseny de Fila tingui un posicionament relatiu
   perquè els elements fills (contingut de text, botons, overlay) es posicionin correctament respecte a ell
   i perquè defineixi l'àrea visible on el contingut es lliscarà. */
.wp-block-kadence-rowlayout {
    position: relative !important;
    overflow: hidden !important; /* Per assegurar que el vídeo no sobresurti visualment del contenidor */
    min-height: 100vh !important; /* Assegura que la secció de Kadence ocupi tota l'alçada visible */
    /* Assegura't que aquest Row Layout sigui la teva primera secció i tingui el vídeo de fons configurat a Kadence */
}

/* Assegura't que les seccions que segueixen el vídeo tinguin un fons sòlid perquè es llisquin per damunt */
.wp-block-kadence-rowlayout[data-section-style="default"] {
    background-color: #F8F8F8 !important; /* O el teu color blanc/off-white */
    z-index: 1 !important; /* Assegura que es llisqui per damunt del vídeo fix */
    position: relative !important; /* Perquè el z-index funcioni */
}
