/* Cabecera de la portada: sustituye al vídeo externo (ya no existe) por un fondo propio:
   degradado de marca + red de puntos animada (hero-red.js). */

html body #Content .section.hm-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 520px at 85% 15%, rgba(255, 148, 3, .22), transparent 60%),
    radial-gradient(700px 500px at 10% 100%, rgba(34, 152, 150, .55), transparent 65%),
    linear-gradient(135deg, #0b3536 0%, #13605f 55%, #1d8583 100%) !important;
}
html body #Content .section.hm-hero .hm-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
html body #Content .section.hm-hero .hm-hero-bg canvas { display: block; width: 100%; height: 100%; }
/* Contenido por encima del fondo */
html body #Content .section.hm-hero .section_wrapper { position: relative; z-index: 2; }
html body #Content .section.hm-hero h1 span,
html body #Content .section.hm-hero h2 span { text-shadow: 0 2px 18px rgba(0, 0, 0, .25); }