/* Reglas base, tipografía y reset centralizados */
/* Importar Didact Gothic y Poppins (Didact será la tipografía principal) */
@import url("https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  box-sizing: border-box;
}
html,
body {
  scroll-behavior: smooth;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  outline: 0;
  /* usar Didact Gothic (via --font-sans que apunta a --font-didact) */
  /* Forzar la familia a nivel global con !important para sobreescribir hojas por página
     que aún declaran Open Sans. Esto asegura que Didact Gothic se use salvo que otro
     stylesheet use también !important. */
  font-family: var(--font-sans) !important;
  font-size: var(--base-font-size);
  color: var(--color-text);
  background: var(--color-bg);
  /* peso de fuente por defecto: quitar bold en todo el sitio */
  font-weight: 400;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Forzar header de ancho completo y fondo blanco globalmente para
   asegurar consistencia entre páginas y evitar overrides por página
   que aplicaban degradados o colores distintos. */
header,
.header,
.header-wrap {
  background-color: var(--color-white) !important;
  width: 100%;
}

header .container,
.header .container,
.header-wrap .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

h1 {
  font-size: 3.5em;
}
h2 {
  font-size: 2.7em;
}
h3 {
  font-size: 2em;
}
h4 {
  font-size: 1em;
}

.container {
  width: 90%;
  max-width: var(--container-width);
  margin: 0 auto;
}

/* Normalizar pesos: evitar cualquier bold explícito */
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
  font-weight: 400;
}

/* Forzar enlaces y logos del header a peso normal para quitar bold en navegación */
header,
header a,
header .logo,
.navbar-title h1,
.navbar-menu .link {
  font-weight: 400;
}

/* Regla amplia para eliminar bold en la tipografía de texto (más segura que forzar en todo) */
body,
p,
a,
span,
li,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
label,
strong,
b {
  font-weight: 400 !important;
}

/* Footer common */
.footer-distributed {
  background: var(--color-dark);
  color: var(--color-white);
}

body.dark-theme {
  background: #101520;
  color: #f4f5f6;
}

body.dark-theme header,
body.dark-theme .header-wrap,
body.dark-theme .header {
  background: #111a23 !important;
}

body.dark-theme a,
body.dark-theme .link,
body.dark-theme .footer-links a,
body.dark-theme .navbar-menu .link {
  color: #ebecf0 !important;
}

body.dark-theme .footer-distributed {
  background: #0f0f12;
  color: #c4c7cf;
}

/* Utility classes */
.color-acc {
  color: var(--color-primary);
}
.color-ac {
  color: var(--color-primary);
}

.hide {
  display: none;
}

/* Small helpers */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Quitar sombra en enlaces globalmente (el usuario pidió "quita la sombra de los a") */
a {
  text-shadow: none !important;
}

/* logo image used in header */
.logo-img {
  display: block;
  /* tamaño del logo ligeramente reducido para no sobresalir del header */
  max-height: 100px;
  height: auto;
  width: auto;
  /* padding: top right bottom left -> dejar un poco más en la izquierda */
  padding: 9px 12px 9px 18px;
  object-fit: contain;
}