@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/certificados/source_serif_4/SourceSerif4-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/certificados/source_serif_4/SourceSerif4-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/certificados/montserrat/Montserrat-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/certificados/montserrat/Montserrat-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

:root {
  --color-primary: #06384c;
  --color-primary-hover: #1f5f7a;
  --color-primary-2: var(--color-primary-hover);
  --color-link: var(--color-primary-hover);
  --color-accent: #8fd3f4;
  --color-highlight: #d9c27a;
  --color-bg: #f7fbfd;
  --color-surface: #ffffff;
  --color-text: #102a3a;
  --color-text-soft: #526673;
  --color-border: #d6e3ea;
  --color-border-strong: rgba(31, 95, 122, 0.3);
  --color-success: #2f6b4f;
  --color-danger: #9a3c3c;
  --color-warning: #9a6b1f;
  --color-neutral: #6b7c88;
  --color-surface-soft: rgba(247, 251, 253, 0.85);
  --color-surface-soft-strong: rgba(247, 251, 253, 0.92);
  --color-surface-soft-muted: rgba(247, 251, 253, 0.72);
  --color-accent-soft: rgba(143, 211, 244, 0.18);
  --color-accent-soft-strong: rgba(143, 211, 244, 0.24);
  --color-focus-ring: rgba(143, 211, 244, 0.22);
  --color-focus-border: rgba(31, 95, 122, 0.55);
  --color-admin-border: #ddd;
  --color-admin-header: #f2f2f2;
  --color-admin-summary: #e8f4fd;
  --color-admin-success-bg: #d4edda;
  --color-admin-danger-bg: #f8d7da;
  --color-admin-empty-bg: #f8f9fa;
  --shadow-soft: 0 18px 40px rgba(6, 56, 76, 0.08);
  --shadow-card: 0 10px 24px rgba(16, 42, 58, 0.08);
  --shadow-button: 0 10px 22px rgba(6, 56, 76, 0.18);
  --radius-sm: 0.45rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.35rem;
  --radius-pill: 999px;
  --transition-base: 180ms ease;
  --content-width: 1180px;
}