/* ===========================================================
   Tipografía de marca · Coto Dermatología
   - Gibson  → texto general (cuerpo)
   - Archivo → títulos (h1-h6)
   Cargado DESPUÉS de style.css para sustituir Roboto/Poppins/Montserrat.
   No se tocan las fuentes de iconos (FontAwesome, Material, Flaticon, etc.).
   =========================================================== */

/* ---------- Gibson ---------- */
@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ---------- Archivo (variable) ---------- */
@font-face {
  font-family: "Archivo";
  src: url("/fonts/Archivo.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("/fonts/Archivo-Italic.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* ===========================================================
   Aplicación global · TODA la web en Gibson (todas sus variaciones)
   =========================================================== */

/* La plantilla (style.css) define --font-base: 'Montserrat' y lo aplica con
   !important a body, títulos, div, etc. Lo apuntamos a Gibson para que no
   se escape ningún elemento (p. ej. texto suelto dentro de <div>). */
:root {
  --font-base: "Gibson", "Helvetica Neue", Arial, sans-serif;
}

/* Cuerpo + Títulos · Gibson (una sola familia en toda la web).
   Los pesos salen de los @font-face: Light 300, Regular 400,
   SemiBold 600 y Bold 700, con sus itálicas. */
body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, a, span, li, ul, ol, dl, dt, dd, div,
blockquote, figcaption, small, strong, em, b,
label, input, textarea, select, button,
table, th, td, caption,
.btn, .navbar, .navbar-nav li a, .dropdown-menu li a,
.form-control, .nav, .menu, .breadcrumb,
.sc-title-two h2, .sc-title-two h4,
.banner-hero .hero-content,
.banner-hero .hero-content p,
.banner-hero .hero-content h1,
.banner-hero .hero-content h4,
.team-name h4,
.hero-urgencias {
  font-family: "Gibson", "Helvetica Neue", Arial, sans-serif !important;
}

/* ===========================================================
   Pesos de Gibson · SOLO Light y Regular (el Bold "no mola")
   - Menú principal  → Light   (300)
   - Cuerpo / resto  → Regular (400)
   - Títulos         → Regular (400)  (se distinguen por el tamaño, no por el peso)
   =========================================================== */

/* Cuerpo / resto · Regular (sin !important para respetar <strong>/<b>) */
body,
p, a, span, li, div, label, input, textarea, select, td, th,
.form-control, .breadcrumb {
  font-weight: 400;
}

/* Menú principal (desktop y móvil) · Light */
.main_header_area .header_menu .navbar.navbar-default .nav.navbar-nav > li > a,
.navbar-nav li a,
.header_menu .dropdown-menu li a,
.navbar-nav .dropdown-menu li a,
.slicknav_nav a {
  font-weight: 300 !important;
}

/* Títulos · Regular (no bold) */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.sc-title-two h2, .sc-title-two h4,
.banner-hero .hero-content h1,
.banner-hero .hero-content h4,
.team-name h4 {
  font-weight: 400 !important;
}

/* NOTA: no se tocan los elementos de icono (<i class="fas/zmdi/flaticon/...">),
   que mantienen intacta su propia font-family definida en plugin.css/style.css. */