/* PolarUsh · previews comparativos de la sección principal.
   El parámetro ?cluster_preview=rounded muestra el mapa como pieza editorial. */

.cluster-photo-section--rounded{
  min-height:0!important;
  padding:clamp(24px,3vw,48px) clamp(20px,3.6vw,68px)!important;
  background:
    radial-gradient(circle at 18% 45%,rgba(185,220,249,.34),transparent 32%),
    linear-gradient(112deg,#f2f8fd 0%,#fff 58%,#fff 100%)!important;
}
.cluster-photo-section--rounded .cluster-photo-layout{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(460px,43vw) minmax(0,1fr)!important;
  gap:clamp(36px,4.2vw,78px)!important;
  align-items:stretch!important;
  width:min(1780px,100%)!important;
  min-height:560px!important;
  margin:0 auto!important;
  background:transparent!important;
}
.cluster-photo-section--rounded .cluster-photo-visual{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:560px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:32px!important;
  background:#dceefd!important;
  box-shadow:0 24px 60px rgba(9,48,96,.14),inset 0 0 0 1px rgba(37,102,173,.08)!important;
}
.cluster-photo-section--rounded .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:left center!important;
  transform:none!important;
  filter:saturate(.94) contrast(.98)!important;
}
.cluster-photo-section--rounded .cluster-photo-fade{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg,transparent 0%,transparent 78%,rgba(255,255,255,.16) 100%),
    linear-gradient(180deg,rgba(255,255,255,.07),transparent 18%,transparent 80%,rgba(6,38,84,.05))!important;
}
.cluster-photo-section--rounded .cluster-photo-content{
  position:relative!important;
  z-index:4!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:34px 0 30px!important;
  justify-content:center!important;
  align-items:flex-end!important;
  text-align:right!important;
  background:transparent!important;
}
.cluster-photo-section--rounded .cluster-photo-waves{
  z-index:1!important;
  inset:0!important;
  opacity:.38!important;
  clip-path:inset(0 0 0 0)!important;
  transform:none!important;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.42) 44%,#000 62%,#000)!important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.42) 44%,#000 62%,#000)!important;
}
.cluster-photo-section--rounded .cluster-photo-waves svg{
  left:-4%!important;
  right:auto!important;
  top:0!important;
  width:108%!important;
  height:100%!important;
  animation:clusterPhotoWave 7.6s ease-in-out infinite alternate!important;
}
.cluster-photo-section--rounded .cluster-photo-waves path{
  stroke:#4d86d8!important;
  stroke-width:1.05!important;
  opacity:.16!important;
}
.cluster-photo-section--rounded .cluster-photo-waves path:nth-child(2),
.cluster-photo-section--rounded .cluster-photo-waves path:nth-child(4){opacity:.25!important}
.cluster-photo-section--rounded .cluster-photo-title{max-width:850px!important}
.cluster-photo-section--rounded .cluster-photo-lead{max-width:820px!important}
.cluster-photo-section--rounded .cluster-photo-metrics{width:min(820px,100%)!important}

@media(max-width:1100px){
  .cluster-photo-section--rounded{padding:28px 30px!important}
  .cluster-photo-section--rounded .cluster-photo-layout{
    grid-template-columns:minmax(380px,42vw) minmax(0,1fr)!important;
    gap:34px!important;
  }
  .cluster-photo-section--rounded .cluster-photo-visual{min-height:510px!important}
}
@media(max-width:900px){
  .cluster-photo-section--rounded{padding:24px 18px 34px!important}
  .cluster-photo-section--rounded .cluster-photo-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
    min-height:0!important;
  }
  .cluster-photo-section--rounded .cluster-photo-visual{
    position:relative!important;
    width:100%!important;
    height:330px!important;
    min-height:330px!important;
    border-radius:24px!important;
  }
  .cluster-photo-section--rounded .cluster-photo-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:left center!important;
  }
  .cluster-photo-section--rounded .cluster-photo-content{
    width:100%!important;
    padding:12px 4px 4px!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .cluster-photo-section--rounded .cluster-photo-eyebrow{justify-content:flex-start!important}
  .cluster-photo-section--rounded .cluster-photo-title,
  .cluster-photo-section--rounded .cluster-photo-lead{max-width:100%!important}
}
@media(max-width:600px){
  .cluster-photo-section--rounded .cluster-photo-visual{height:270px!important;min-height:270px!important;border-radius:20px!important}
}

/* El parámetro ?cluster_preview=full integra el mapa como fondo de toda la sección. */
.cluster-photo-section--full{
  position:relative!important;
  min-height:580px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.cluster-photo-section--full .cluster-photo-layout{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  min-height:580px!important;
  background:transparent!important;
}
.cluster-photo-section--full .cluster-photo-visual{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  min-height:580px!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#fff!important;
}
.cluster-photo-section--full .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(.94) contrast(.98)!important;
}
.cluster-photo-section--full .cluster-photo-fade{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,transparent 0%,transparent 41%,rgba(255,255,255,.08) 47%,rgba(255,255,255,.58) 57%,#fff 69%,#fff 100%),
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%,transparent 82%,rgba(255,255,255,.12))!important;
}
.cluster-photo-section--full .cluster-photo-content{
  position:relative!important;
  z-index:4!important;
  width:57%!important;
  min-height:580px!important;
  margin-left:auto!important;
  padding:48px max(4.6vw,58px) 42px 34px!important;
  justify-content:center!important;
  align-items:flex-end!important;
  text-align:right!important;
  background:transparent!important;
}
.cluster-photo-section--full .cluster-photo-waves{
  z-index:3!important;
  inset:0!important;
  opacity:.42!important;
  clip-path:inset(0 0 0 0)!important;
  transform:none!important;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.34) 31%,#000 56%,#000 100%)!important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.34) 31%,#000 56%,#000 100%)!important;
}
.cluster-photo-section--full .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 .cluster-photo-waves path{
  stroke:#4d86d8!important;
  stroke-width:1.08!important;
  opacity:.18!important;
}
.cluster-photo-section--full .cluster-photo-waves path:nth-child(2),
.cluster-photo-section--full .cluster-photo-waves path:nth-child(4){stroke:#3978ca!important;opacity:.30!important}
.cluster-photo-section--full .cluster-photo-waves path:nth-child(3),
.cluster-photo-section--full .cluster-photo-waves path:nth-child(5){opacity:.22!important}

@media(max-width:1100px){
  .cluster-photo-section--full .cluster-photo-content{width:60%!important;padding-right:38px!important}
}
@media(max-width:900px){
  .cluster-photo-section--full{min-height:0!important}
  .cluster-photo-section--full .cluster-photo-layout{display:grid!important;grid-template-columns:1fr!important;min-height:0!important}
  .cluster-photo-section--full .cluster-photo-visual{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:310px!important;
    min-height:310px!important;
  }
  .cluster-photo-section--full .cluster-photo-visual img{object-fit:cover!important;object-position:left center!important}
  .cluster-photo-section--full .cluster-photo-fade{
    background:linear-gradient(180deg,transparent 0%,transparent 68%,rgba(255,255,255,.54) 88%,#fff 100%)!important;
  }
  .cluster-photo-section--full .cluster-photo-content{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:28px 20px 38px!important;
    align-items:flex-start!important;
    text-align:left!important;
    background:#fff!important;
  }
  .cluster-photo-section--full .cluster-photo-eyebrow{justify-content:flex-start!important}
  .cluster-photo-section--full .cluster-photo-waves{opacity:.30!important}
}