/* ========================================================= FUENTE Y ESTILOS GENERALES ========================================================= */
:root {
  --font-main: 'Montserrat', sans-serif;
  --color-brand: #0b2f56;
  --color-text: #1a202c;
  --color-primary: #0d6efd;
  --color-brand: #0b2f56;
  --color-nav-text: #4b5563;
}

/* * La tipografía se establece en un único punto. * Todos los elementos heredan Montserrat. */
html {
  font-family: var(--font-main);
}

body {
  margin: 0;
  font-family: var(--font-main);
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-text);
}

/* * Bootstrap puede definir su propia fuente en algunos * componentes. Con inherit mantenemos Montserrat * de forma consistente en toda la interfaz. */
button,
input,
textarea,
select,
option,
.navbar,
.nav-link,
.dropdown-menu,
.dropdown-item,
.btn {
  font-family: inherit;
}

/* ========================================================= NAVBAR ========================================================= */
.custom-navbar {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* ========================================================= ENLACES DE NAVEGACIÓN ========================================================= */
.nav-link {
  position: relative;
  color: var(--color-nav-text) !important;
  font-weight: 500;
  transition: color 0.2s ease;
}

.nav-link:hover,
.nav-link.active {
  color: var(--color-primary) !important;
}

/* ========================================================= TÍTULOS ========================================================= */
h1,
h2,
h3,
h4,
h5,
h6,
.logo-text {
  font-family: inherit;
  font-weight: 600;
  color: var(--color-brand);
}

h4,
h5,
h6 {
  letter-spacing: 0.05em;
}

/* ========================================================= BOTONES ========================================================= */
.btn,
.btn-brand {
  font-family: inherit;
  font-weight: 500;
}

.btn-brand {
  color: var(--color-brand);
}

/* ========================================================= ELEMENTOS DE FORMULARIO ========================================================= */
.form-control,
.form-select,
.form-label,
.form-check-label {
  font-family: inherit;
}