::-webkit-scrollbar {
height: 4px;
width: 8px;
background: #066fd1 !important;
}
::-webkit-scrollbar-track {background: #fff;}
::-webkit-scrollbar-thumb {
background: #066fd1 !important;
-webkit-border-radius: 1ex;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {background: transparent;}

:root {
/* --tblr-font-sans-serif: "Inter" !important;  */
--tblr-body-font-size: 0.75rem;
--tblr-font-size-h1: 2rem;
--tblr-line-height-h1: 2.5rem;
--tblr-secondary: #6b7280;
--tblr-tertiary: #9ca3af;
--tblr-link-color: #066fd1;
--tblr-link-hover-color: #045db0;
}

body {
overflow-x: hidden; /* Hide horizontal scrollbar */
}

.hero-sm {
padding-top: 3.5rem !important;
margin-top: 3.5rem !important;
padding-bottom: 1.5rem;
text-align: center;
}

.same-line, .nowrap { white-space: nowrap !important; }
.hide, .display-none {
display: none !important;
visibility: none !important;
}

.nav-link-title { white-space: nowrap !important; }

/* --- ESTILO PADRÃO (MODO CLARO) --- */
#starpageloader {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(255, 255, 255, 0.98); /* Fundo claro */
color: #1e293b; /* Texto escuro */
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.5s ease, visibility 0.5s ease;
}

#starpageloader .text-secondary {
color: #64748b !important; /* Subtítulo cinza no modo claro */
}

/* Classe utilitária que o JavaScript vai aplicar para ocultar suavemente */
#starpageloader.hide {
opacity: 0;
visibility: hidden !important;
display: none !important;
visibility: none !important;
}

/* --- SUPORTE AO MODO ESCURO DO BOOTSTRAP (data-bs-theme="dark") --- */
html[data-bs-theme="dark"] #starpageloader {
background-color: rgba(17, 24, 39, 0.98); /* O seu RGB (#111827) */
color: #f8fafc; /* Texto principal quase branco */
}

html[data-bs-theme="dark"] #starpageloader .text-secondary {
color: #94a3b8 !important; /* Subtítulo "Preparing application" em cinza claro */
}

html[data-bs-theme="dark"] #starpageloader .progress {
background-color: rgba(255, 255, 255, 0.1); /* Fundo da barra de progresso no modo escuro */
}
