/* ===========================================================
   RED DE NODOS CON PULSOS DE LUZ (transferencia de datos)
   Fondo oscuro (como antes) + un canvas animado que recorre
   toda la página: nodos conectados por líneas tenues y pulsos
   de luz cyan que viajan de un punto a otro.
   =========================================================== */

:root {
  --pryse-cyan: #61f6ff;
}

/* Fondo oscuro general (sin gradiente azul). */
body {
  background-color: #040404;
}

/* Canvas de la red: cubre toda la página, detrás del contenido,
   y no intercepta clics. */
.red-nodos {
  position: fixed;
  inset: 0;
  z-index: -1; /* detrás del contenido; no afecta al navbar fijo */
  pointer-events: none;
  display: block;
}

/* Solo estas secciones se vuelven transparentes para que la red se vea
   detrás: Servicios (Conoce), Nosotros e Info General. El resto conserva
   su fondo oscuro sólido. Los <style> de los partials están inline en el
   body, por eso hace falta !important. Las tarjetas internas conservan su color. */
.header_about,
.section_about {   /* Servicios (cards) */
  background: transparent !important;
}

/* Cada sección de contenido abarca la pantalla completa, con el contenido
   centrado verticalmente. (La frase de Mike Danseglio queda excluida.) */
.sec-full {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Cada sección se funde a NEGRO en sus bordes (arriba y abajo) para que la
   transición entre secciones no tenga corte. Funciona sobre cualquier fondo
   (incluido el mapa de Leaflet), sin depender del color de la sección vecina. */
.sec-fade {
  position: relative;
}
.sec-fade::before,
.sec-fade::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 120px;
  pointer-events: none;
  z-index: 500; /* por encima de los tiles del mapa de Leaflet */
}
.sec-fade::before {
  top: 0;
  background: linear-gradient(to bottom, #040404 0%, transparent 100%);
}
.sec-fade::after {
  bottom: 0;
  background: linear-gradient(to top, #040404 0%, transparent 100%);
}
/* Variante sin borde superior (p.ej. Ciberblog: no oscurecer la frase). */
.sec-fade--sin-top::before {
  display: none;
}