/* Transformación Digital — Hero photo (docs/render-td-hero.cjs). Only the photo framing, its overlay and its bottom fade
   change; copy, layout, typography, header and links stay as they are.
   td-hero-operacion-v2.webp (1983×793, as supplied) is more panoramic than the hero (≈2.1–2.24 on desktop), so
   object-fit:cover trims a little of the sides. Laptop/desktop (1001–1599px): 30% — mostly the dark left goes, enough
   of the right is kept for the robot arm, and the technician's face stays clear of the headline. Wide screens (≥1600px)
   are closer to the photo's own ratio: anchored left, so the face stays clear of the longer headline line. */
.td-hero-photo{object-position:30% center}
@media (min-width:1600px){
  .td-hero-photo{object-position:left center}
}
/* The photo already brings the dark left side: the gradient only reinforces it behind the headline and fades out
   before the technician, the monitors and the robot arm. */
.td-hero::before{background:linear-gradient(90deg,#00010ee0 0%,#00010eb8 22%,#00010e66 38%,#00010e1f 50%,transparent 62%)}
/* Bottom: the photo stays solid down to two thirds of the hero (td-page.css faded it from 48%) and then blends into
   the page — no empty band, no half-hidden photo. */
.td-hero{--td-hero-fade:linear-gradient(180deg,#000 0,#000 66%,rgba(0,0,0,.78) 78%,rgba(0,0,0,.42) 89%,rgba(0,0,0,.12) 96%,transparent 100%)}
/* Tablet: the hero is less panoramic, so cover trims more; centring keeps the technician and both monitors, and the
   copy (up to ~80% of the width at 768px) gets an even shade where it crosses them. */
@media (max-width:1000px){
  .td-hero-photo{object-position:55% center}
  .td-hero::before{background:linear-gradient(90deg,#00010eeb 0%,#00010edb 36%,#00010eb3 62%,#00010e80 82%,#00010e66 100%)}
}
/* Mobile: framed on the technician and the operations dashboard; the copy sits over the photo, so the shade is even. */
@media (max-width:700px){
  .td-hero-photo{object-position:51% center}
  .td-hero::before{background:linear-gradient(90deg,#00010ee6,#00010ea6)}
}