/* ========================================================================
   SIS 3.0 — base.css
   Normalizaciones mínimas + utilidades globales
   (Todo consume variables desde tokens.css)
   ======================================================================== */

/* Tamaño raíz y padding de contenido general */
html { font-size: 16px; }

.page-content{
  /* topbar (50px) + spacing; borde inferior: 60px */
  padding: calc(50px + 1.5rem) calc(1.5rem * .75) 60px calc(1.5rem * .75);
}

/* Tipografía base (hereda de Bootstrap) */
body{
  color: var(--text-color);
}

/* Utilidades tipográficas globales */
.text-subtitulo{
  font-size: var(--fuente-subtitulo, 1.09375rem);
  color: var(--text-color);
}

.text-normal{
  font-size: var(--fuente-normal);
  color: var(--text-color);
}

/* Marca (apoyos de color) */
.text-primary,
.text-primary-emphasis{ color: var(--mc-azul); }

/* Transiciones opt-out segura */
.no-transition{ transition: none !important; }

/* Autofill WebKit (evita parpadeos de fondo) */
input:-webkit-autofill{
  transition: background-color 9999s ease-in-out 0s;
}

/* ========================================================================
   Faux input global (.input)
   ======================================================================== */

.input{
  /* que se note que es una “cajita” tipo input */
  display: inline-flex !important;
  align-items: center;
  max-width: 100%;

  padding: .25rem .5rem !important;
  font-size: var(--fuente-normal, .875rem) !important;
  line-height: 1.5;

  color: var(--select-text, var(--text-color)) !important;
  background-color: var(--select-bg, #ffffff) !important;
  border: 1px solid var(--select-border, #ced4da) !important;
  border-radius: .25rem;
  background-clip: padding-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .03);
}

/* versión pequeña, para CP, país, etc. */
.input-sm,
.input.input-sm{
  padding: .125rem .375rem !important;
  font-size: var(--fuente-peq, .75rem) !important;
  min-height: calc(1.5em + .25rem);
  border-radius: .2rem;
}

/* ancho completo opcional */
.input-block,
.input.input-block{
  display: flex !important;
  width: 100%;
}
/* ========================================================================
   Ajustes layout – evitar raya bajo el topbar en modo dark
   ======================================================================== */

/* Unifica fondo del lienzo principal con el body */
html[data-bs-theme="dark"] body,
html[data-bs-theme="dark"] .main-content,
html[data-bs-theme="dark"] .page-content {
  background-color: var(--bs-body-bg) !important;
}

/* Asegura que no haya bordes superiores que generen la "raya" */
html[data-bs-theme="dark"] .page-content,
html[data-bs-theme="dark"] .content-page {
  border-top: none !important;
  box-shadow: none !important;
}
/* ========================================================================
   SIS 3.0 — Apagar transiciones/animaciones globales (light/dark, botones)
   ======================================================================== */

html,
body,
html * ,
html *::before,
html *::after {
  transition: none !important;
  animation: none !important;
}

/* Blindaje extra para botones Bootstrap / Minia */
.btn,
.btn:focus,
.btn:hover,
.btn:active,
.btn-check:checked + .btn {
  transition: none !important;
  animation: none !important;
}