/* daezpro.com — 19-visual-bands.css
   Fotos de planta / naves y franjas de color (accent = energía/ops, tinta = empresa).
   Solo tokens. */

.sec--photo{
  isolation:isolate;
  overflow:hidden;
}
.sec--photo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background: var(--sec-photo) center 40% / cover no-repeat;
  filter: contrast(1.04) saturate(.92) brightness(.97);
  pointer-events:none;
}
.sec--photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,
    color-mix(in oklab, var(--bg-app) 94%, transparent) 0%,
    color-mix(in oklab, var(--bg-app) 72%, transparent) 38%,
    color-mix(in oklab, var(--bg-app) 28%, transparent) 72%);
  pointer-events:none;
}
.sec--photo > .wrap{ position:relative; z-index:1; }

.sec--photo-aerial{ --sec-photo: url("/assets/editorial/hero-ops-aerial.webp"); }
.sec--photo-park{ --sec-photo: url("/assets/editorial/industrial-park.png"); }
.sec--photo-plant{ --sec-photo: url("/assets/editorial/editorial-plant-catwalk.webp"); }
.sec--photo-bay{ --sec-photo: url("/assets/editorial/editorial-warehouse-bay.webp"); }

.sec--band-accent{
  background: color-mix(in oklab, var(--accent) 10%, var(--bg-app));
}
.sec--band-ink{
  background: color-mix(in oklab, var(--text-strong) 7%, var(--bg-app));
}

.photo-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-block:1px solid var(--border);
  line-height:0;
}
.photo-strip img{
  width:100%;
  height:clamp(180px, 28vw, 320px);
  object-fit:cover;
  object-position:center 40%;
  filter: contrast(1.03) saturate(.94);
}
@media (max-width: 720px){
  .photo-strip{ grid-template-columns:1fr; }
  .photo-strip img{ height:200px; }
  .sec--photo::after{
    background:linear-gradient(180deg,
      color-mix(in oklab, var(--bg-app) 92%, transparent) 0%,
      color-mix(in oklab, var(--bg-app) 70%, transparent) 42%,
      color-mix(in oklab, var(--bg-app) 35%, transparent) 100%);
  }
}