/* Preloader global (overlay blur + spinner) — usa el color global ya inyectado por el MU-plugin */ #it-preloader{ position: fixed; inset: 0; display: none; z-index: 2147483647; color: var(--brand); /* el contenedor define el color del spinner */ } #it-preloader.is-active{ display: block; } #it-preloader .blur{ position: absolute; inset: 0; background: rgba(8,9,14,.50); backdrop-filter: blur(6px) saturate(130%); -webkit-backdrop-filter: blur(6px) saturate(130%); } #it-preloader .panel{ position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; } #it-preloader .spinner{ width: 54px; height: 54px; border-radius: 50%; border: 5px solid rgba(255,255,255,.18); border-top-color: currentColor; /* toma el color del contenedor */ animation: itspin .8s linear infinite; } @keyframes itspin { to { transform: rotate(360deg); } } /* (Sin :root aquí) Las variables --brand y --brand-rgb las define el MU-plugin en . */