/**
 * Estilos base - Impact Regional Fellowship 2026
 */

@import url('./variables.css');

html {
  scroll-behavior: smooth;
}

/* Desplazamiento al ancla: evita que el header fijo tape el contenido */
[id] {
  scroll-margin-top: 5rem;
}

body {
  background-color: var(--color-background-dark);
  color: white;
  overflow-x: hidden;
}

.text-gradient {
  background: var(--gradient-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.glass-panel {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.node-glow {
  box-shadow: var(--shadow-node-glow);
}

/* Evitar que se vea el texto de los iconos (ej. "change_history") antes de cargar la fuente */
.material-symbols-outlined {
  visibility: hidden;
}
html.icons-ready .material-symbols-outlined {
  visibility: visible;
}