/* Inicio v5.8: textos de apoyo en una sola línea (sin saltos), y fondo de la segunda sección completo y uniforme en celular. Carga al final. */
.hero-copy .lead{white-space:nowrap;max-width:none;font-size:15px}
.services-scene .services-scene-heading h2{white-space:nowrap}
.services-scene .services-scene-heading>p:last-child{white-space:nowrap;max-width:none}
@media(min-width:701px) and (max-width:1000px){.hero-copy .lead{white-space:normal;font-size:14px}}
@media(min-width:701px){
 .services-scene-visual img{object-fit:cover;object-position:72% 55%;mask-image:none;-webkit-mask-image:none}
 .services-scene-visual:after{background:linear-gradient(90deg,rgba(30,25,20,.97) 0%,rgba(30,25,20,.92) 38%,rgba(30,25,20,.78) 70%,rgba(30,25,20,.70) 100%),linear-gradient(180deg,rgba(30,25,20,.35),transparent 30%,transparent 70%,rgba(30,25,20,.35))}
}
@media(max-width:700px){
 .hero-copy .lead{font-size:clamp(11px,3.5vw,14px)}
 .services-scene .services-scene-heading h2{font-size:clamp(24px,8.2vw,36px)}
 .services-scene .services-scene-heading>p:last-child{font-size:clamp(11px,3.4vw,13px);margin-top:12px}
 /* La foto cubre toda la sección (antes quedaba como una franja a media altura) con un velo uniforme para que el texto se lea siempre. */
 .services-scene-visual img{object-fit:cover;object-position:62% 55%;mask-image:none;-webkit-mask-image:none}
 .services-scene-visual:after{background:linear-gradient(180deg,rgba(30,25,20,.95) 0%,rgba(30,25,20,.80) 38%,rgba(30,25,20,.74) 70%,rgba(30,25,20,.92) 100%)}
}