/* Hero de las páginas de servicio: la capa sobre la foto era casi negra (0.7-0.98). Misma capa liviana que la landing de limpieza.
   Se pisa con !important porque varias páginas la definen inline. Las partículas (#tech-canvas) no se tocan. */
.hero-section .video-overlay {
    background: linear-gradient(180deg, rgba(5, 6, 8, 0.30) 0%, rgba(5, 6, 8, 0.80) 100%) !important;
}
.hero-section::after {
    background: linear-gradient(180deg, rgba(5, 6, 8, 0.30) 0%, rgba(5, 6, 8, 0.80) 100%) !important;
}
.hero-section h1, .hero-section h2, .hero-section p {
    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.95);
}