/* === UA Showcase Proyectos v1.4 – video background === */

:root{
  --usps-h:clamp(45vh,55vh,650px);
}

/* Contenedor principal - permite override con --usps-h */
.usps-slider{ width:100%; height:var(--usps-h); }

/* mobile override */
@media (max-width:600px){
  :root{ --usps-h:200px; }
}

/* Slide */
.swiper-slide{ position:relative; width:100%; height:100%; overflow:hidden; }
.swiper-slide iframe,
.swiper-slide video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
}

/* Holder para vídeo (evita que el iframe capture clicks) */
.usps-video{ position:absolute; inset:0; pointer-events:none; }

/* degradado */
.usps-gradient{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.55) 80%);
  z-index:1;
}

/* Texto */
.usps-slide-content{
  position:absolute; inset:0; z-index:2;
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  text-align:center; color:#fff; padding:0 1rem;
  opacity:0; transform:translateY(35px);
  transition:opacity .7s ease, transform .7s ease;
}
.usps-slide-content.active{ opacity:1; transform:none; }
.usps-slide-content h2{
  font-size:clamp(2.2rem, 6vw, 4.6rem);
  line-height:1.1; margin:.4rem 0;
  text-shadow:0 2px 6px rgba(0,0,0,.6);
}
.usps-slide-content p{
  font-size:clamp(.95rem, 2.2vw, 1.2rem);
  margin:.2rem 0; text-shadow:0 1px 4px rgba(0,0,0,.6);
}
.likes{ color:#ffd54f; font-weight:700; }

.swiper-button-prev,
.swiper-button-next{ color:#fff; width:40px; height:40px; }
@media (max-width:600px){
  .swiper-button-prev,.swiper-button-next{ width:30px; height:30px; }
}


.usps-video iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  transform:none;
  object-fit:cover;
}
/* fallback para navegadores que no soportan object-fit en iframes */
@supports (not (object-fit:cover)){
  .usps-video iframe{
    top:50%; left:50%;
    width:177.78%;
    height:100%;
    transform:translate(-50%,-50%);
  }
}



/* obligamos a que el wrapper alignfull rompa cualquier contenedor */
.usps-slider-wrapper.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* quita limitación Gutenberg inner container */
.usps-slider-wrapper.alignfull .wp-block-cover__inner-container,
.usps-slider-wrapper.alignfull .wp-block-group__inner-container{
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}