/* Contenidor de vídeo amb aspect-ratio 16:9 */
.pz-bgvideo {
  position: relative;
  width: 100%;
  /* 16:9 -> 9/16 = 0.5625 = 56.25% */
  padding-top: 56.25%;
  overflow: hidden;
  background: #000; /* per si el vídeo triga a carregar */
}

/* Fons del carrusel negre (evitem flaixos grisos en el canvi de slide) */
.elementor-image-carousel-wrapper.swiper,
.elementor-image-carousel-wrapper.swiper .swiper-wrapper,
.elementor-image-carousel-wrapper.swiper .swiper-slide {
  background-color: #fff !important;  /* posa-hi el color que vulguis */
}

/* Per seguretat, també el mode single */
.elementor-image-carousel-wrapper.pz-single {
  background-color: #fff !important;
}

.pz-bgvideo .pz-video,
.pz-bgvideo .pz-vimeo,
.pz-bgvideo .pz-yt {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* HTML5 video a "background" */
.pz-bgvideo .pz-video {
  object-fit: cover;
}

/* Si vols que el player sigui clicable, comenta la línia següent */
.pz-bgvideo .pz-vimeo,
.pz-bgvideo .pz-yt {
  pointer-events: none;
}

.elementor-image-carousel-wrapper.swiper .swiper-slide {
  position: relative;
}


/* MODE AMPLADA VARIABLE: cada slide s’amplia segons la mida de la imatge */
.pz-var .swiper-slide {
  width: auto !important;
  margin-right: 0 !important;
  display: inline-flex;
}

.pz-var .swiper-slide .swiper-slide-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: auto;
}

.pz-var a.elementor-clickable {
  display: inline-flex;
  height: 100%;
  width: auto;
}

.pz-var img.swiper-slide-image {
  height: 100%;
  width: auto;
  object-fit: contain;
  object-position: center center;
  display: block;
}

/* MODE estàndard: imatge a tota l’amplada del contenidor single */
.elementor-image-carousel--single img {
  width: 100%;
  height: auto;
  display: block;
}

.swiper-slide-caption {
  text-align: center;
  font-size: .9rem;
  margin-top: .5rem;
  color: #444;
}
/* assegurem una alçada visible al slider quan el primer slide és vídeo */
.elementor-image-carousel-wrapper.swiper .swiper-slide {
  /* per exemple, força mínim 400px; ajusta-ho al teu disseny */
  min-height: 400px;
}

.pz-bgvideo {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pz-bgvideo .pz-vimeo,
.pz-bgvideo .pz-yt,
.pz-bgvideo .pz-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}