/* ============================================================
   RISKMATHICS GROUP — Brand Override v2.0
   Identidad Visual 2026-2027 — Poppins + Lora + Paleta de Marca
   Compartido entre: financialrunning.com, certificaciones.riskmathics.com
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

:root {
  --rm-navy: #0D1B2A;
  --rm-navy-inst: #1F2A44;
  --rm-terra: #D97757;
  --rm-terra-accent: #C66A3D;
  --rm-cream: #F5F0E8;
  --rm-editorial-bg: #EEE9DF;
  --rm-text: #222222;
  --rm-gris-banding: #F2F2F2;
}

body {
  font-family: 'Lora', Georgia, serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.mat-typography h1, .mat-typography h2, .mat-typography h3,
.mat-typography h4, .mat-typography h5, .mat-typography h6,
[class*="title"], [class*="Title"],
[class*="header"], [class*="Header"],
[class*="heading"], [class*="Heading"] {
  font-family: 'Poppins', 'Montserrat', sans-serif !important;
  letter-spacing: 0.5px;
}

nav, .nav, .navbar, [class*="nav-"],
[class*="menu"], [class*="Menu"],
.btn, button, [class*="btn-"],
[class*="tab"], [class*="Tab"] {
  font-family: 'Poppins', 'Montserrat', sans-serif !important;
}

p, span, li, td, th, label,
.card-text, [class*="description"],
[class*="content"], [class*="text-"],
[class*="body"], [class*="detail"] {
  font-family: 'Lora', Georgia, serif !important;
}

input, select, textarea, .form-control, .form-select {
  font-family: 'Poppins', 'Montserrat', sans-serif !important;
}

.btn, button, [class*="btn-"] {
  font-family: 'Poppins', 'Montserrat', sans-serif !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}

footer, .footer, [class*="footer"],
small, .small, [class*="caption"] {
  font-family: 'Poppins', 'Montserrat', sans-serif !important;
  font-weight: 300;
}

a { color: var(--rm-navy-inst); }
a:hover { color: var(--rm-terra); }