/* PolarUsh · segunda iteración de previews.
   full-tuned: fondo completo más compacto y ondas adaptativas.
   parallax: fondo, esfera y contenido en capas independientes. */

.cluster-photo-depth-bg{display:none}

.cluster-photo-section--full-tuned,
.cluster-photo-section--parallax{
  position:relative!important;
  min-height:500px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#fff!important;
}
.cluster-photo-section--full-tuned .cluster-photo-layout,
.cluster-photo-section--parallax .cluster-photo-layout{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  min-height:500px!important;
  background:transparent!important;
}
.cluster-photo-section--full-tuned .cluster-photo-visual,
.cluster-photo-section--parallax .cluster-photo-visual{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  min-height:500px!important;
  margin:0!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
}
.cluster-photo-section--full-tuned .cluster-photo-visual img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  filter:saturate(.95) contrast(.98)!important;
}
.cluster-photo-section--full-tuned .cluster-photo-fade{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,transparent 0%,transparent 40%,rgba(255,255,255,.08) 47%,rgba(255,255,255,.56) 57%,#fff 68%,#fff 100%),
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 20%,transparent 82%,rgba(255,255,255,.10))!important;
}
.cluster-photo-section--full-tuned .cluster-photo-content,
.cluster-photo-section--parallax .cluster-photo-content{
  position:relative!important;
  z-index:4!important;
  width:57%!important;
  min-height:500px!important;
  margin-left:auto!important;
  padding:30px max(4.6vw,58px) 28px 34px!important;
  justify-content:center!important;
  align-items:flex-end!important;
  text-align:right!important;
  background:transparent!important;
}
.cluster-photo-section--full-tuned .cluster-photo-title,
.cluster-photo-section--parallax .cluster-photo-title{
  font-size:clamp(39px,4vw,61px)!important;
}
.cluster-photo-section--full-tuned .cluster-photo-lead,
.cluster-photo-section--parallax .cluster-photo-lead{
  margin-top:18px!important;
  line-height:1.53!important;
}
.cluster-photo-section--full-tuned .cluster-photo-metrics,
.cluster-photo-section--parallax .cluster-photo-metrics{
  margin-top:22px!important;
}
.cluster-photo-section--full-tuned .cluster-photo-waves,
.cluster-photo-section--parallax .cluster-photo-waves{
  z-index:3!important;
  inset:0!important;
  opacity:.50!important;
  clip-path:inset(0 0 0 0)!important;
  transform:none;
  transition:opacity .7s ease!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.cluster-photo-section--full-tuned.is-wave-in .cluster-photo-waves,
.cluster-photo-section--parallax.is-wave-in .cluster-photo-waves{opacity:.50!important}
.cluster-photo-section--full-tuned .cluster-photo-waves svg,
.cluster-photo-section--parallax .cluster-photo-waves svg{
  left:-3%!important;
  right:auto!important;
  top:0!important;
  width:108%!important;
  height:100%!important;
  animation:clusterPhotoWave 7.2s ease-in-out infinite alternate!important;
}
.cluster-photo-section--full-tuned .cluster-photo-waves path,
.cluster-photo-section--parallax .cluster-photo-waves path{
  stroke:url(#cluster-wave-adaptive)!important;
  stroke-width:1.19!important;
  opacity:.18!important;
}
.cluster-photo-section--full-tuned .cluster-photo-waves path:nth-child(2),
.cluster-photo-section--full-tuned .cluster-photo-waves path:nth-child(4),
.cluster-photo-section--parallax .cluster-photo-waves path:nth-child(2),
.cluster-photo-section--parallax .cluster-photo-waves path:nth-child(4){
  stroke:url(#cluster-wave-adaptive)!important;
  stroke-width:1.30!important;
  opacity:.30!important;
}
.cluster-photo-section--full-tuned .cluster-photo-waves path:nth-child(3),
.cluster-photo-section--full-tuned .cluster-photo-waves path:nth-child(5),
.cluster-photo-section--parallax .cluster-photo-waves path:nth-child(3),
.cluster-photo-section--parallax .cluster-photo-waves path:nth-child(5){
  stroke:url(#cluster-wave-adaptive)!important;
  opacity:.22!important;
}

/* La esfera se recorta con alpha y queda desacoplada del fondo. */
.cluster-photo-section--parallax{
  background:linear-gradient(103deg,#edf8ff 0%,#f8fcff 34%,#fff 68%,#fff 100%)!important;
}
.cluster-photo-section--parallax .cluster-photo-depth-bg{
  display:block!important;
  position:absolute!important;
  inset:-7%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse 46% 90% at 15% 52%,rgba(129,197,241,.28) 0%,rgba(199,229,250,.22) 44%,rgba(239,248,255,.12) 66%,transparent 79%),
    linear-gradient(106deg,#eaf6fe 0%,#f7fcff 43%,#fff 70%,#fff 100%)!important;
  transition:transform .38s cubic-bezier(.22,1,.36,1)!important;
  will-change:transform;
}
.cluster-photo-section--parallax .cluster-photo-visual{
  transition:transform .32s cubic-bezier(.22,1,.36,1)!important;
  will-change:transform;
}
.cluster-photo-section--parallax .cluster-photo-visual img{
  position:absolute!important;
  left:-1.5%!important;
  top:50%!important;
  width:103%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:initial!important;
  object-position:left center!important;
  transform:translateY(-50%)!important;
  filter:saturate(.96) contrast(.99) drop-shadow(13px 0 22px rgba(36,118,190,.08))!important;
}
.cluster-photo-section--parallax .cluster-photo-fade{display:none!important}
.cluster-photo-section--parallax .cluster-photo-content{
  transition:transform .28s cubic-bezier(.22,1,.36,1)!important;
  will-change:transform;
}
.cluster-photo-section--parallax .cluster-photo-waves{
  transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .7s ease!important;
  will-change:transform;
}

@media(max-width:1100px){
  .cluster-photo-section--full-tuned .cluster-photo-content,
  .cluster-photo-section--parallax .cluster-photo-content{width:60%!important;padding-right:38px!important}
}
@media(max-width:900px){
  .cluster-photo-section--full-tuned,
  .cluster-photo-section--parallax{min-height:0!important}
  .cluster-photo-section--full-tuned .cluster-photo-layout,
  .cluster-photo-section--parallax .cluster-photo-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .cluster-photo-section--full-tuned .cluster-photo-visual,
  .cluster-photo-section--parallax .cluster-photo-visual{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:285px!important;
    min-height:285px!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .cluster-photo-section--full-tuned .cluster-photo-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:left center!important;
  }
  .cluster-photo-section--parallax .cluster-photo-visual img{
    left:0!important;
    top:50%!important;
    width:100%!important;
    height:auto!important;
    transform:translateY(-50%)!important;
  }
  .cluster-photo-section--full-tuned .cluster-photo-fade{
    background:linear-gradient(180deg,transparent 0%,transparent 65%,rgba(255,255,255,.52) 86%,#fff 100%)!important;
  }
  .cluster-photo-section--full-tuned .cluster-photo-content,
  .cluster-photo-section--parallax .cluster-photo-content{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:25px 20px 34px!important;
    align-items:flex-start!important;
    text-align:left!important;
    transform:none!important;
    background:#fff!important;
  }
  .cluster-photo-section--full-tuned .cluster-photo-eyebrow,
  .cluster-photo-section--parallax .cluster-photo-eyebrow{justify-content:flex-start!important}
  .cluster-photo-section--full-tuned .cluster-photo-waves,
  .cluster-photo-section--parallax .cluster-photo-waves{opacity:.38!important;transform:none!important}
  .cluster-photo-section--parallax .cluster-photo-depth-bg{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .cluster-photo-section--parallax .cluster-photo-depth-bg,
  .cluster-photo-section--parallax .cluster-photo-visual,
  .cluster-photo-section--parallax .cluster-photo-content,
  .cluster-photo-section--parallax .cluster-photo-waves{transform:none!important;transition:none!important}
}
