/* ============================================================
   LOADER.CSS — Overlay con spinner al navegar de página a página
   ============================================================ */
#page-loader-overlay{
  position:fixed;
  inset:0;
  background:rgba(13,13,13,.55);
  backdrop-filter:blur(2px);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:99999;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease;
}
#page-loader-overlay.active{
  opacity:1;
  visibility:visible;
}
.page-loader-spinner{
  width:46px;
  height:46px;
  border-radius:50%;
  border:4px solid rgba(229,62,62,.18);
  border-top-color:#e53e3e;
  animation:page-loader-spin .7s linear infinite;
}
@keyframes page-loader-spin{
  to{ transform:rotate(360deg); }
}