/* ============================================================
   Tipografía de marca — portal público
   Base (párrafos, UI): Gilvenir
   Display (títulos especiales): Berhaus
   Alcance: sitio web público. NO cargar en GlobalAdmin.

   Revertir rápido:
   1) Quitar el <link> a brand-fonts.css
   2) O restaurar CSS desde assets/css/_backup-antes-berhaus/
   ============================================================ */

@font-face {
  font-family: "Gilvenir";
  src: url("../font/Gilvenir-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilvenir";
  src: url("../font/Gilvenir-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilvenir";
  src: url("../font/Gilvenir-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilvenir";
  src: url("../font/Gilvenir-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilvenir";
  src: url("../font/Gilvenir-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilvenir";
  src: url("../font/Gilvenir-Extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilvenir";
  src: url("../font/Gilvenir-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Regular / default → Medium (no hay archivo Regular en assets/font) */
@font-face {
  font-family: "Gilvenir";
  src: url("../font/Gilvenir-Medium.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Berhaus";
  src: url("../font/berhaus.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root,
[data-bs-theme="light"] {
  --font-body: "Gilvenir", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Berhaus", "Gilvenir", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* Pisan el stack iOS/system de teatro-ios-preview */
  --ios-font: var(--font-body) !important;
  --bs-body-font-family: var(--font-body) !important;
}

html,
body {
  font-family: var(--font-body) !important;
}

p, li, a, span, td, th, label, input, select, textarea, button,
.btn, .nav, .navbar, .dropdown-menu, .form-control, .form-select,
.card, .list-group, .breadcrumb, .pagination, .modal, .alert,
.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6,
.header-text, .header-subtitle, .hero-subtitle {
  font-family: var(--font-body);
}

/* Títulos especiales (Opción A · Berhaus) */
h1, .h1,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.header-title,
.hero-title,
.brand-title,
.font-display {
  font-family: var(--font-display) !important;
  font-weight: 400;
  letter-spacing: 0.01em;
}