/**
 * MEJORA VISUAL — Centro de Control (#pg-exec)
 * v1 (2026-07-09) · canvas, bloques blancos 14px, cabeceras 48px+rayita, hero foto
 * Clase activadora: #pg-exec.mejora-visual
 * Cargar DESPUÉS de exec-hub-simplify / exec-hub-hero-bg / exec-hub-cards-fix
 */

html body #pg-exec.exec-serio-v1.mejora-visual {
  --mv-gap: 9px;
  --mv-gap-inner: 8px;
  --mv-pad: 12px;
  --mv-radius: 14px;
  --mv-canvas: #adb8c8;
  --mv-card: #ffffff;
  --mv-inner-canvas: #e2e8f0;
  --mv-accent: #1e293b;
  --mv-line: #cbd5e1;
  --mv-line-strong: #64748b;
  --mv-shadow:
    0 1px 3px rgba(15, 23, 42, 0.08),
    0 4px 12px rgba(15, 23, 42, 0.1);
  --mv-head-rail: 28px;
  --mv-head-h: 48px;
  --mv-head-pad-y: 10px;
  --mv-head-rayita-h: 28px;
  --hero-img: url("../icons/exec-hero-centro.jpg?v=20260709execHero1");
  --card-radius: 14px;
  --manto-serio-radius: 14px;
}

/* Canvas página */
html body #pg-exec.exec-serio-v1.mejora-visual,
html body.light #pg-exec.exec-serio-v1.mejora-visual {
  background: var(--mv-canvas) !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-bottom: 0 !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual > .section,
html body #pg-exec.exec-serio-v1.mejora-visual .section-body,
html body #pg-exec.exec-serio-v1.mejora-visual .section-content {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-ux,
html body #pg-exec.exec-serio-v1.mejora-visual #exec-hub-launchpad,
html body #pg-exec.exec-serio-v1.mejora-visual .section-content {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--mv-gap) !important;
  row-gap: var(--mv-gap) !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-ux > *,
html body #pg-exec.exec-serio-v1.mejora-visual #exec-hub-launchpad > *,
html body #pg-exec.exec-serio-v1.mejora-visual .section-content > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Bloques — tarjeta blanca (pisa Pebble porcelana) */
html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro.dash-inicio-recuadro,
html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro.exec-hub-recuadro,
html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro.exec-hub-modulo {
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line-strong) !important;
  border-radius: var(--mv-radius) !important;
  box-shadow: var(--mv-shadow) !important;
  overflow: hidden !important;
  transform: none !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro.dash-inicio-recuadro::before {
  display: none !important;
  content: none !important;
}

/* Cabeceras — 48px + rayita slate */
html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro > .dash-inicio-recuadro__head {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  min-height: var(--mv-head-h) !important;
  height: var(--mv-head-h) !important;
  max-height: var(--mv-head-h) !important;
  padding: var(--mv-head-pad-y) var(--mv-pad) !important;
  margin: 0 !important;
  background: var(--mv-card) !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid var(--mv-line) !important;
  border-left: 4px solid var(--mv-accent) !important;
  box-shadow: none !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .pes-serio-panel-htit-wrap {
  gap: 10px !important;
  min-height: 0 !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro__head .serio-v1-icon-box.header-bloque {
  width: var(--mv-head-rail) !important;
  min-width: var(--mv-head-rail) !important;
  max-width: var(--mv-head-rail) !important;
  height: var(--mv-head-rail) !important;
  min-height: var(--mv-head-rail) !important;
  max-height: var(--mv-head-rail) !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro__ico {
  width: var(--mv-head-rail) !important;
  height: var(--mv-head-rail) !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro__tit {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--mv-accent) !important;
  text-shadow: none !important;
  transform: none !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .serio-v1-title-box--header-bloque {
  --hb-flank: var(--mv-head-rayita-h) !important;
}

/* Cuerpos — lienzo interior gris */
html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro__body,
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-modulo__body,
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-resumen-body,
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-acciones-body,
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-insights-preview__body {
  padding: var(--mv-pad) !important;
  background: var(--mv-inner-canvas) !important;
  border-top: 1px solid var(--mv-line) !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro__head--spread {
  justify-content: space-between !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro__head--spread .pes-serio-panel-htit-wrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .dash-inicio-recuadro__head-actions {
  flex: 0 0 auto !important;
  gap: 8px !important;
}

/* Resumen xhero — sin halos Pebble sobre lienzo MV */
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-xhero__glow,
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-xhero__radial {
  display: none !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-xhero {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Hero — marco blanco; foto en exec-hub-hero-bg.css */
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-recuadro--hero {
  border-radius: var(--mv-radius) !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-recuadro--hero > .exec-hub-hero-body {
  padding: 0 !important;
  background: transparent !important;
  border-top: none !important;
}

/* Resumen — panel interior limpio */
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-resumen-panel {
  padding: var(--mv-pad) !important;
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-score-card,
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-opp-card {
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line) !important;
  box-shadow: none !important;
}

/* Insights preview */
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-insight-preview {
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* Launchpad módulos */
html body #pg-exec.exec-serio-v1.mejora-visual #exec-hub-pg-grid {
  gap: var(--mv-gap) !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-pg-grid-inner {
  gap: var(--mv-gap-inner) !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-pg-tile {
  min-height: 64px !important;
  padding: 10px 12px !important;
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-pg-tile__ico {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-pg-tile__ico img {
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-pg-tile:hover {
  border-color: var(--mv-line-strong) !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08) !important;
}

/* Análisis profundo + slots */
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-deep-toggle {
  width: 100% !important;
  padding: 10px var(--mv-pad) !important;
  border-radius: 12px !important;
  border: 1px solid var(--mv-line-strong) !important;
  background: var(--mv-card) !important;
  box-shadow: var(--mv-shadow) !important;
  font-weight: 800 !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-panel-slot,
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-scorecard,
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-insights-band,
html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-gemelo-band {
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line-strong) !important;
  border-radius: var(--mv-radius) !important;
  box-shadow: var(--mv-shadow) !important;
  padding: var(--mv-pad) !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .copilot-proactive-host {
  padding: var(--mv-pad) !important;
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line-strong) !important;
  border-radius: var(--mv-radius) !important;
  box-shadow: var(--mv-shadow) !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-xhero__help {
  border-color: var(--mv-line) !important;
  background: var(--mv-card) !important;
}

html body #pg-exec.exec-serio-v1.mejora-visual .exec-hub-resumen-nivel {
  border-color: var(--mv-line) !important;
}