/**
 * WellHu marketing skin — WH-S1 / F0.5
 * Override Bootstrap / SB UI Kit Pro tokens → MASTER v2.0
 *
 * Cargar DESPUÉS de style.css (stack SM) o de /assets/wellhu/css/styles.css (kit).
 * Fuente canónica: Identidad_marca/wellhu/WELLHU_BRAND_BRIEF.md + design-system/wellhu/MASTER.md
 *
 * NO editar styles.css del kit (17k líneas). Este archivo es el delta de marca.
 */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Poppins:wght@400;500;600;700;800;900&display=swap");

:root {
  /* —— Tokens canónicos WellHu v2.0 —— */
  --wh-petrol: #2c4a52;
  --wh-teal: #2f9e8f;
  --wh-teal-dark: #1e7a6b;
  --wh-coral: #f2621f;
  --wh-coral-dark: #c74e15;
  --wh-cream: #f2eee3;
  --wh-white: #ffffff;
  --wh-ink: #1a1a1a;
  --wh-muted: #5c6b6f;
  --wh-mist: #e4dfd2;
  --wh-danger: #dc2626;
  --wh-success: #2f9e8f;

  /* —— Remapeo Bootstrap / SB UI Kit —— */
  --bs-primary: #2c4a52;
  --bs-primary-rgb: 44, 74, 82;
  --bs-secondary: #2f9e8f;
  --bs-secondary-rgb: 47, 158, 143;
  --bs-success: #2f9e8f;
  --bs-info: #1e7a6b;
  --bs-warning: #f2621f;
  --bs-danger: #dc2626;
  --bs-light: #f2eee3;
  --bs-dark: #1a1a1a;
  --bs-body-color: #1a1a1a;
  --bs-body-bg: #ffffff;
  --bs-link-color: #1e7a6b;
  --bs-link-hover-color: #2c4a52;
  --bs-border-color: #e4dfd2;
  --bs-font-sans-serif: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-primary-soft: #e8eef0;
  --bs-secondary-soft: #e0f5f2;
  --bs-warning-soft: #fde8dc;
  --bs-teal: #2f9e8f;
  --bs-blue: #2c4a52;
  --bs-orange: #f2621f;
}

html {
  font-family: var(--bs-body-font-family);
}

body {
  font-family: var(--bs-body-font-family);
  color: var(--wh-ink);
  background-color: var(--wh-white);
}

/* Tipografía headings */
h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.navbar-brand {
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 700;
  color: var(--wh-petrol);
}

.text-primary,
.navbar-brand.text-primary,
a.text-primary {
  color: var(--wh-petrol) !important;
}

.text-secondary {
  color: var(--wh-teal-dark) !important;
}

/* Botones — contraste WCAG (MASTER) */
.btn-primary {
  background-color: var(--wh-petrol);
  border-color: var(--wh-petrol);
  color: var(--wh-white);
  font-weight: 600;
  border-radius: 10px;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--wh-teal-dark);
  border-color: var(--wh-teal-dark);
  color: var(--wh-white);
}

.btn-secondary,
.btn-outline-primary {
  color: var(--wh-teal-dark);
  border-color: var(--wh-teal);
  background-color: transparent;
  font-weight: 600;
  border-radius: 10px;
}
.btn-outline-primary:hover,
.btn-secondary:hover {
  background-color: var(--wh-petrol);
  border-color: var(--wh-petrol);
  color: var(--wh-white);
}

/* Coral = acento ≤5% — texto oscuro si fondo coral base */
.btn-warning,
.btn-accent-wh {
  background-color: var(--wh-coral);
  border-color: var(--wh-coral);
  color: var(--wh-ink); /* 5.44:1 */
  font-weight: 600;
  border-radius: 10px;
}
.btn-urgent-wh {
  background-color: var(--wh-coral-dark);
  border-color: var(--wh-coral-dark);
  color: var(--wh-white);
  font-weight: 600;
  border-radius: 10px;
}

/* Fondos / overlays kit */
.bg-primary {
  background-color: var(--wh-petrol) !important;
}
.bg-secondary {
  background-color: var(--wh-teal) !important;
}
.bg-light {
  background-color: var(--wh-cream) !important;
}
.bg-gradient-primary-to-secondary,
.bg-gradient-primary-to-dark {
  background: linear-gradient(135deg, var(--wh-petrol), var(--wh-teal-dark)) !important;
}
.overlay-primary {
  background-color: rgba(44, 74, 82, 0.7) !important;
}

/* Nav marketing */
.navbar-marketing .nav-link {
  color: var(--wh-ink);
  font-weight: 500;
}
.navbar-marketing .nav-link:hover,
.navbar-marketing .nav-link.active {
  color: var(--wh-petrol);
}

/* Cards / inputs */
.card {
  border-color: var(--wh-mist);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgb(26 26 26 / 8%);
}
.form-control:focus {
  border-color: var(--wh-teal-dark);
  box-shadow: 0 0 0 0.25rem rgba(47, 158, 143, 0.3);
}

/* Mono datos */
.font-monospace,
code, kbd, samp, pre {
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Tagline comercial */
.wh-tagline {
  letter-spacing: 0.04em;
  text-transform: lowercase;
  color: var(--wh-teal-dark);
  font-weight: 600;
}

/* Disclaimer legal corto */
.wh-legal-disclaimer {
  font-size: 0.875rem;
  color: var(--wh-muted);
}

/* Utilidades acento coral (sparingly) */
.text-coral-wh { color: var(--wh-coral) !important; }
.bg-cream-wh { background-color: var(--wh-cream) !important; }
.border-wh { border-color: var(--wh-mist) !important; }