/* STRONG LMB ENTERPRISE V8.2 — Visual Legibility Patch
   Objetivo: corregir encabezados traslúcidos/poco legibles en Dashboard y Cliente 360. */

/* Encabezado general superior */
header.topbar,
.app header.topbar {
  background: rgba(251, 248, 241, 0.98) !important;
  border-bottom: 1px solid #d8d2c2 !important;
  box-shadow: 0 8px 24px rgba(13, 59, 46, 0.06) !important;
}

header.topbar .topbar-title h2,
.app header.topbar .topbar-title h2 {
  color: #0d3b2e !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}

header.topbar .topbar-title .breadcrumb,
.app header.topbar .topbar-title .breadcrumb {
  color: #2e3a35 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* Encabezado de página del Dashboard y módulos */
#content-area .page-head .eyebrow {
  color: #9f7a10 !important;
  opacity: 1 !important;
  font-weight: 900 !important;
}

#content-area .page-head h3 {
  color: #0d3b2e !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

#content-area .page-head p {
  color: #26352f !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

/* Hero principal del Dashboard Ejecutivo 360 */
#content-area .v7225-hero,
main #content-area .v7225-hero.card {
  background: linear-gradient(135deg, #08231d 0%, #0d3b2e 48%, #1a5d4a 100%) !important;
  color: #ffffff !important;
}

#content-area .v7225-hero .eyebrow {
  color: #f4d36b !important;
  opacity: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
}

#content-area .v7225-hero h1,
#content-area .v7225-hero h2,
#content-area .v7225-hero h3,
#content-area .v7225-hero h4 {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
}

#content-area .v7225-hero p,
#content-area .v7225-hero span,
#content-area .v7225-hero small {
  color: #f6f1e7 !important;
  opacity: 1 !important;
}

#content-area .v7225-score b,
#content-area .v7225-score span,
#content-area .v7225-score small {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Hero del módulo Cliente 360 */
#content-area .c360-hero,
main #content-area .c360-hero {
  background: linear-gradient(135deg, #08231d 0%, #0d3b2e 50%, #124b5f 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(244, 211, 107, .28) !important;
  box-shadow: 0 14px 34px rgba(13, 59, 46, .16) !important;
}

#content-area .c360-hero h1,
#content-area .c360-hero h2,
#content-area .c360-hero h3 {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.32) !important;
}

#content-area .c360-hero p,
#content-area .c360-hero span,
#content-area .c360-hero small {
  color: #f6f1e7 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

#content-area .c360-hero-stat {
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.32) !important;
}

#content-area .c360-hero-stat b {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Evita que textos auxiliares queden demasiado apagados dentro de tarjetas clave */
#content-area .muted,
#content-area .small,
#content-area .kpi-meta,
#content-area .kpi-label {
  opacity: 1 !important;
}