/* ================================================================
   ELGHIS · IDENTIDAD OFICIAL
   Solo se aplica al prototipo clínico.
   ================================================================ */

/* Logotipo oficial en el encabezado */

html.elghis-clinical-preview
#clinical-view
.topbar-brand.elghis-official-brand,
html.elghis-clinical-preview
#clinical-patient-view
.topbar-brand.elghis-official-brand {
  min-width: 90px;
  display: flex;
  align-items: center;
  gap: 0;
}

html.elghis-clinical-preview
.elghis-official-header-logo {
  width: auto;
  height: 66px;
  max-width: 104px;
  display: block;
  object-fit: contain;
  object-position: left center;
}

/* Isotipo oficial dentro de la barra lateral */

html.elghis-clinical-preview
.elghis-sidebar-brand.elghis-official-sidebar-brand {
  width: 52px;
  height: 52px;
  padding: 4px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 15px;
  background: #ffffff;
  color: transparent;
}

html.elghis-clinical-preview
.elghis-official-sidebar-logo {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

/* Evitar que reaparezca la E provisional */

html.elghis-clinical-preview
.elghis-official-sidebar-brand {
  font-size: 0;
}

/* Ajuste de encabezado para el logotipo vertical oficial */

html.elghis-clinical-preview
#clinical-view > .topbar,
html.elghis-clinical-preview
#clinical-patient-view > .topbar {
  min-height: 88px;
}

@media (max-width: 760px) {
  html.elghis-clinical-preview
  .elghis-official-header-logo {
    height: 56px;
    max-width: 88px;
  }

  html.elghis-clinical-preview
  .elghis-sidebar-brand.elghis-official-sidebar-brand {
    width: 44px;
    height: 44px;
  }

  html.elghis-clinical-preview
  #clinical-view > .topbar,
  html.elghis-clinical-preview
  #clinical-patient-view > .topbar {
    min-height: 76px;
  }
}