/*
 * ELGHIS THEME SYSTEM
 * 10 Salud & Wellness
 * 10 Corporativos
 */

/* ============================================================
   MOTOR
   ============================================================ */

html[data-elghis-theme] {
  --ed-navy-1000:
    var(--et-primary);

  --ed-navy-950:
    color-mix(
      in srgb,
      var(--et-primary) 92%,
      white
    );

  --ed-navy-900:
    color-mix(
      in srgb,
      var(--et-primary) 84%,
      white
    );

  --ed-navy-850:
    color-mix(
      in srgb,
      var(--et-primary) 72%,
      white
    );

  --ed-teal-700:
    var(--et-accent-strong);

  --ed-teal-600:
    var(--et-accent);

  --ed-teal-500:
    color-mix(
      in srgb,
      var(--et-accent) 82%,
      white
    );

  --ed-teal-100:
    var(--et-soft);

  --ed-teal-050:
    color-mix(
      in srgb,
      var(--et-soft) 48%,
      white
    );

  --ed-bg:
    var(--et-bg);

  --ed-panel:
    #ffffff;

  --ed-panel-soft:
    var(--et-panel-soft);

  --ed-border:
    var(--et-border);

  --ed-text:
    var(--et-text);

  --ed-muted:
    var(--et-muted);
}


/* ============================================================
   01 · ELGHIS
   ============================================================ */

html[data-elghis-theme="elghis"] {
  --et-primary: #062843;
  --et-accent: #118f97;
  --et-accent-strong: #087e86;
  --et-soft: #dcf2f1;

  --et-bg: #f3f8fa;
  --et-panel-soft: #f7fafb;
  --et-border: #d7e4e8;

  --et-text: #08243c;
  --et-muted: #6c8295;
}


/* ============================================================
   SALUD & WELLNESS
   ============================================================ */

/* 02 */
html[data-elghis-theme="menta"] {
  --et-primary: #163b38;
  --et-accent: #42a98d;
  --et-accent-strong: #277c68;
  --et-soft: #ddf3ec;

  --et-bg: #f3faf7;
  --et-panel-soft: #f7fbf9;
  --et-border: #d5e7e1;

  --et-text: #173b37;
  --et-muted: #70857f;
}

/* 03 */
html[data-elghis-theme="salvia"] {
  --et-primary: #34483f;
  --et-accent: #7b9f87;
  --et-accent-strong: #5c7f68;
  --et-soft: #e6eee8;

  --et-bg: #f6f8f5;
  --et-panel-soft: #fafbf9;
  --et-border: #dfe6df;

  --et-text: #2e3d35;
  --et-muted: #77837b;
}

/* 04 */
html[data-elghis-theme="oceano"] {
  --et-primary: #07384a;
  --et-accent: #1a9aaa;
  --et-accent-strong: #107a8b;
  --et-soft: #dceff2;

  --et-bg: #f2f8fa;
  --et-panel-soft: #f7fbfc;
  --et-border: #d5e4e9;

  --et-text: #113846;
  --et-muted: #6e8490;
}

/* 05 */
html[data-elghis-theme="lavanda"] {
  --et-primary: #332f5c;
  --et-accent: #8c78c9;
  --et-accent-strong: #6957a4;
  --et-soft: #eae6f6;

  --et-bg: #f7f5fb;
  --et-panel-soft: #faf9fc;
  --et-border: #e0dced;

  --et-text: #302d50;
  --et-muted: #7d7891;
}

/* 06 */
html[data-elghis-theme="cielo"] {
  --et-primary: #193f6b;
  --et-accent: #4c9ed3;
  --et-accent-strong: #2d78af;
  --et-soft: #e0eff8;

  --et-bg: #f4f8fc;
  --et-panel-soft: #f8fbfd;
  --et-border: #d8e4ee;

  --et-text: #1a3859;
  --et-muted: #73859a;
}

/* 07 */
html[data-elghis-theme="aloe"] {
  --et-primary: #24483f;
  --et-accent: #55a77b;
  --et-accent-strong: #397e5c;
  --et-soft: #e1f0e7;

  --et-bg: #f4f9f5;
  --et-panel-soft: #f8fbf8;
  --et-border: #d9e7dd;

  --et-text: #25443b;
  --et-muted: #71847a;
}

/* 08 */
html[data-elghis-theme="arena"] {
  --et-primary: #4b4037;
  --et-accent: #b68f69;
  --et-accent-strong: #8b684c;
  --et-soft: #f1e9df;

  --et-bg: #faf8f4;
  --et-panel-soft: #fcfbf8;
  --et-border: #e8e0d6;

  --et-text: #463b33;
  --et-muted: #877a6e;
}

/* 09 */
html[data-elghis-theme="aurora"] {
  --et-primary: #4d314c;
  --et-accent: #b4779f;
  --et-accent-strong: #8d577b;
  --et-soft: #f2e4ed;

  --et-bg: #faf5f8;
  --et-panel-soft: #fcf9fb;
  --et-border: #eadce5;

  --et-text: #493347;
  --et-muted: #8a7786;
}

/* 10 */
html[data-elghis-theme="coral"] {
  --et-primary: #563a3a;
  --et-accent: #d47b6c;
  --et-accent-strong: #a85a50;
  --et-soft: #f6e4df;

  --et-bg: #fbf6f4;
  --et-panel-soft: #fdf9f8;
  --et-border: #ebddd9;

  --et-text: #503635;
  --et-muted: #8d7774;
}


/* ============================================================
   CORPORATIVOS
   ============================================================ */

/* 11 */
html[data-elghis-theme="executive"] {
  --et-primary: #081f3a;
  --et-accent: #2973a8;
  --et-accent-strong: #195887;
  --et-soft: #dfebf4;

  --et-bg: #f3f6f9;
  --et-panel-soft: #f8fafc;
  --et-border: #d9e1e8;

  --et-text: #102b46;
  --et-muted: #6d7f91;
}

/* 12 */
html[data-elghis-theme="cobalto"] {
  --et-primary: #102a56;
  --et-accent: #3475d2;
  --et-accent-strong: #2057a6;
  --et-soft: #e0eafb;

  --et-bg: #f4f7fc;
  --et-panel-soft: #f8faff;
  --et-border: #d9e2f0;

  --et-text: #172e51;
  --et-muted: #70809a;
}

/* 13 */
html[data-elghis-theme="grafito"] {
  --et-primary: #20262e;
  --et-accent: #758391;
  --et-accent-strong: #56626e;
  --et-soft: #e8ebee;

  --et-bg: #f5f6f7;
  --et-panel-soft: #fafafa;
  --et-border: #dfe2e5;

  --et-text: #252c33;
  --et-muted: #737c85;
}

/* 14 */
html[data-elghis-theme="steel"] {
  --et-primary: #23384a;
  --et-accent: #7398ad;
  --et-accent-strong: #52758a;
  --et-soft: #e3ebef;

  --et-bg: #f4f7f8;
  --et-panel-soft: #f8fafb;
  --et-border: #dbe3e7;

  --et-text: #293c4b;
  --et-muted: #74838e;
}

/* 15 */
html[data-elghis-theme="emerald"] {
  --et-primary: #153d35;
  --et-accent: #218a70;
  --et-accent-strong: #176853;
  --et-soft: #dff0e9;

  --et-bg: #f3f8f6;
  --et-panel-soft: #f8fbfa;
  --et-border: #d8e5e1;

  --et-text: #183c35;
  --et-muted: #6d817b;
}

/* 16 */
html[data-elghis-theme="borgona"] {
  --et-primary: #431f2a;
  --et-accent: #9b5263;
  --et-accent-strong: #78394a;
  --et-soft: #f0e2e6;

  --et-bg: #f8f4f5;
  --et-panel-soft: #fbf8f9;
  --et-border: #e6d9dd;

  --et-text: #43252e;
  --et-muted: #826f75;
}

/* 17 */
html[data-elghis-theme="indigo"] {
  --et-primary: #242d5d;
  --et-accent: #6979ca;
  --et-accent-strong: #4d5ca5;
  --et-soft: #e5e8f7;

  --et-bg: #f5f6fb;
  --et-panel-soft: #f9faff;
  --et-border: #dcdfed;

  --et-text: #293156;
  --et-muted: #757b94;
}

/* 18 */
html[data-elghis-theme="slate"] {
  --et-primary: #263540;
  --et-accent: #708794;
  --et-accent-strong: #526974;
  --et-soft: #e5eaed;

  --et-bg: #f5f7f8;
  --et-panel-soft: #fafbfb;
  --et-border: #dde3e6;

  --et-text: #2a3943;
  --et-muted: #74818a;
}

/* 19 */
html[data-elghis-theme="copper"] {
  --et-primary: #453129;
  --et-accent: #a56e50;
  --et-accent-strong: #7f513b;
  --et-soft: #f0e5df;

  --et-bg: #f9f6f4;
  --et-panel-soft: #fcfaf8;
  --et-border: #e6ddd7;

  --et-text: #44342d;
  --et-muted: #83766e;
}

/* 20 */
html[data-elghis-theme="midnight"] {
  --et-primary: #0c1826;
  --et-accent: #43728d;
  --et-accent-strong: #2e586f;
  --et-soft: #dee8ed;

  --et-bg: #f2f5f7;
  --et-panel-soft: #f7f9fa;
  --et-border: #d8e0e5;

  --et-text: #182b3b;
  --et-muted: #6d7e8b;
}


/* ============================================================
   APLICACIÓN GLOBAL DEL TEMA
   ============================================================ */

html[data-elghis-theme]
body {
  background-color:
    var(--et-bg);
}

html.elghis-dashboard-preview[data-elghis-theme]
body {
  background:
    radial-gradient(
      circle at 92% 4%,
      color-mix(
        in srgb,
        var(--et-accent) 12%,
        transparent
      ),
      transparent 28%
    ),
    var(--et-bg);
}

html[data-elghis-theme]
.elghis-dashboard-sidebar {
  background:
    linear-gradient(
      180deg,
      var(--et-primary) 0%,
      color-mix(
        in srgb,
        var(--et-primary) 83%,
        black
      ) 100%
    ) !important;
}

html[data-elghis-theme]
.elghis-share-link-kicker {
  color:
    var(--et-accent-strong) !important;
}

html[data-elghis-theme]
.elghis-share-link-icon {
  background:
    var(--et-soft) !important;
}

html[data-elghis-theme]
.elghis-share-link-icon svg {
  stroke:
    var(--et-accent-strong) !important;
}

html[data-elghis-theme]
.elghis-share-link-heading h2,
html[data-elghis-theme]
.elghis-share-link-label,
html[data-elghis-theme]
.elghis-share-link-value {
  color:
    var(--et-text) !important;
}

html[data-elghis-theme]
.elghis-share-link-option {
  border-color:
    var(--et-border) !important;

  background:
    var(--et-panel-soft) !important;
}

html[data-elghis-theme]
.elghis-share-link-value {
  border-color:
    var(--et-border) !important;
}

html[data-elghis-theme]
.elghis-share-btn.primary {
  border-color:
    var(--et-primary) !important;

  background:
    var(--et-primary) !important;
}

html[data-elghis-theme]
.elghis-share-btn.primary:hover:not(:disabled) {
  background:
    color-mix(
      in srgb,
      var(--et-primary) 84%,
      black
    ) !important;
}


/* ============================================================
   SELECTOR
   ============================================================ */

#elghis-theme-ui {
  position: fixed;
  z-index: 2147483000;

  left: 17px;
  bottom: 17px;

  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

#elghis-theme-trigger {
  width: 39px;
  height: 39px;

  display: grid;
  place-items: center;

  padding: 0;

  border:
    1px solid
    rgba(255,255,255,.18);

  border-radius: 12px;

  background:
    var(--et-accent, #118f97);

  color: #ffffff;

  box-shadow:
    0 9px 24px
    rgba(8, 34, 58, .18);

  cursor: pointer;

  transition:
    transform .16s ease,
    box-shadow .16s ease;
}

#elghis-theme-trigger:hover {
  transform:
    translateY(-1px);

  box-shadow:
    0 12px 28px
    rgba(8, 34, 58, .24);
}

#elghis-theme-trigger svg {
  width: 19px;
  height: 19px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#elghis-theme-trigger::after {
  content: "Apariencia";

  position: absolute;
  left: 47px;

  padding:
    6px 8px;

  border-radius: 7px;

  background:
    rgba(10, 28, 46, .92);

  color: #ffffff;

  font-size: 10px;
  font-weight: 700;

  opacity: 0;
  visibility: hidden;

  transform:
    translateX(-3px);

  transition:
    .15s ease;

  pointer-events: none;
}

#elghis-theme-trigger:hover::after {
  opacity: 1;
  visibility: visible;

  transform:
    translateX(0);
}

#elghis-theme-panel {
  position: absolute;

  left: 50px;
  bottom: 0;

  width:
    min(350px, calc(100vw - 78px));

  max-height:
    min(650px, calc(100vh - 34px));

  overflow-y: auto;

  padding: 16px;

  border:
    1px solid
    var(--et-border, #d7e4e8);

  border-radius: 18px;

  background:
    rgba(255,255,255,.985);

  box-shadow:
    0 24px 70px
    rgba(10, 33, 53, .20);

  opacity: 0;
  visibility: hidden;

  transform:
    translateY(6px)
    scale(.985);

  transform-origin:
    left bottom;

  transition:
    opacity .16s ease,
    transform .16s ease,
    visibility .16s ease;
}

#elghis-theme-ui.is-open
#elghis-theme-panel {
  opacity: 1;
  visibility: visible;

  transform:
    translateY(0)
    scale(1);
}

.elghis-theme-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;

  margin-bottom: 14px;
}

.elghis-theme-header h3 {
  margin: 0;

  color:
    var(--et-text, #08243c);

  font-size: 16px;
  letter-spacing: -.02em;
}

.elghis-theme-header p {
  margin: 3px 0 0;

  color:
    var(--et-muted, #6c8295);

  font-size: 10px;
}

.elghis-theme-close {
  width: 28px;
  height: 28px;

  display: grid;
  place-items: center;

  padding: 0;

  border: 1px solid #e2e7eb;
  border-radius: 8px;

  background: #ffffff;

  color: #657486;

  cursor: pointer;
}

.elghis-theme-section + .elghis-theme-section {
  margin-top: 16px;
}

.elghis-theme-section-title {
  margin-bottom: 8px;

  color:
    var(--et-muted, #6c8295);

  font-size: 9px;
  font-weight: 850;

  letter-spacing: .08em;
  text-transform: uppercase;
}

.elghis-theme-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 7px;
}

.elghis-theme-option {
  min-width: 0;
  min-height: 53px;

  display: flex;
  align-items: center;
  gap: 9px;

  padding: 8px 9px;

  border:
    1px solid #e5e9ed;

  border-radius: 11px;

  background: #ffffff;

  color: #263d53;

  text-align: left;
  cursor: pointer;

  transition:
    border-color .14s ease,
    background .14s ease,
    transform .14s ease;
}

.elghis-theme-option:hover {
  transform:
    translateY(-1px);

  border-color:
    color-mix(
      in srgb,
      var(--et-accent, #118f97) 34%,
      #dfe5e9
    );

  background: #fbfcfd;
}

.elghis-theme-option.is-active {
  border-color:
    var(--et-accent, #118f97);

  box-shadow:
    inset 0 0 0 1px
    var(--et-accent, #118f97);
}

.elghis-theme-swatches {
  width: 31px;
  min-width: 31px;

  display: flex;
  gap: 2px;
}

.elghis-theme-swatch {
  width: 9px;
  height: 28px;

  border-radius: 4px;
}

.elghis-theme-option-name {
  min-width: 0;

  overflow: hidden;

  font-size: 10px;
  font-weight: 760;

  white-space: nowrap;
  text-overflow: ellipsis;
}

.elghis-theme-check {
  margin-left: auto;

  color:
    var(--et-accent-strong, #087e86);

  font-size: 13px;
  font-weight: 900;

  opacity: 0;
}

.elghis-theme-option.is-active
.elghis-theme-check {
  opacity: 1;
}

@media (max-width: 760px) {
  #elghis-theme-ui {
    left: auto;
    right: 14px;
    bottom: 14px;
  }

  #elghis-theme-panel {
    left: auto;
    right: 0;

    width:
      min(350px, calc(100vw - 28px));

    transform-origin:
      right bottom;
  }

  #elghis-theme-trigger::after {
    display: none;
  }
}

/* No se modifican colores semánticos de error,
   advertencia, éxito ni peligro. */


/* ============================================================
   ELGHIS_THEME_STRONG_SURFACES_BEGIN

   Conecta Dashboard + Clínica con los 20 temas.
   Los colores semánticos de éxito/error/alerta NO cambian.
   ============================================================ */


/* ------------------------------------------------------------
   VARIABLES CLÍNICAS
   ------------------------------------------------------------ */

html[data-elghis-theme] {
  --ec-navy-950:
    var(--et-primary);

  --ec-navy-900:
    color-mix(
      in srgb,
      var(--et-primary) 88%,
      var(--et-accent)
    );

  --ec-navy-800:
    color-mix(
      in srgb,
      var(--et-primary) 68%,
      var(--et-accent)
    );

  --ec-teal-700:
    var(--et-accent-strong);

  --ec-teal-600:
    var(--et-accent);

  --ec-teal-500:
    color-mix(
      in srgb,
      var(--et-accent) 82%,
      white
    );

  --ec-teal-100:
    var(--et-soft);

  --ec-surface:
    #ffffff;

  --ec-background:
    var(--et-bg);

  --ec-panel:
    var(--et-panel-soft);

  --ec-border:
    var(--et-border);

  --ec-text:
    var(--et-text);

  --ec-muted:
    var(--et-muted);
}


/* ------------------------------------------------------------
   DASHBOARD · SIDEBAR
   ------------------------------------------------------------ */

html[data-elghis-theme]
.elghis-dashboard-sidebar {
  background:
    linear-gradient(
      180deg,
      var(--et-primary) 0%,

      color-mix(
        in srgb,
        var(--et-primary) 87%,
        var(--et-accent)
      ) 54%,

      color-mix(
        in srgb,
        var(--et-primary) 86%,
        black
      ) 100%
    ) !important;
}


/* Botón normal */

html[data-elghis-theme]
.elghis-dashboard-sidebar-button {
  color:
    color-mix(
      in srgb,
      var(--et-soft) 78%,
      white
    ) !important;
}


/* Botón activo */

html[data-elghis-theme]
.elghis-dashboard-sidebar-button.active {
  background:
    linear-gradient(
      145deg,
      var(--et-accent),

      var(--et-accent-strong)
    ) !important;

  color: #ffffff !important;

  box-shadow:
    0 8px 22px
    color-mix(
      in srgb,
      var(--et-accent) 28%,
      transparent
    );
}


/* ------------------------------------------------------------
   DASHBOARD · HERO PRINCIPAL
   ------------------------------------------------------------ */

html.elghis-dashboard-preview[data-elghis-theme]
#dashboard-view
.welcome-block {
  background:
    radial-gradient(
      circle at 92% 10%,

      color-mix(
        in srgb,
        var(--et-accent) 30%,
        transparent
      ),

      transparent 22rem
    ),

    linear-gradient(
      120deg,

      var(--et-primary) 0%,

      color-mix(
        in srgb,
        var(--et-primary) 78%,
        var(--et-accent)
      ) 58%,

      color-mix(
        in srgb,
        var(--et-primary) 55%,
        var(--et-accent)
      ) 100%
    ) !important;

  box-shadow:
    0 18px 40px
    color-mix(
      in srgb,
      var(--et-primary) 20%,
      transparent
    ) !important;
}


/* Decoración circular del hero */

html.elghis-dashboard-preview[data-elghis-theme]
#dashboard-view
.welcome-block::after {
  border-color:
    color-mix(
      in srgb,
      var(--et-accent) 28%,
      transparent
    ) !important;

  box-shadow:
    0 0 0 34px
      color-mix(
        in srgb,
        var(--et-accent) 4%,
        transparent
      ),

    0 0 0 68px
      color-mix(
        in srgb,
        var(--et-accent) 4%,
        transparent
      ),

    0 0 0 102px
      color-mix(
        in srgb,
        var(--et-accent) 3%,
        transparent
      ) !important;
}


/* Eyebrow del hero */

html.elghis-dashboard-preview[data-elghis-theme]
#dashboard-view
.welcome-block
.eyebrow {
  color:
    color-mix(
      in srgb,
      var(--et-accent) 48%,
      white
    ) !important;
}


/* ------------------------------------------------------------
   CLÍNICA · SIDEBAR
   ------------------------------------------------------------ */

html[data-elghis-theme]
.elghis-clinical-sidebar {
  background:
    linear-gradient(
      180deg,

      var(--et-primary) 0%,

      color-mix(
        in srgb,
        var(--et-primary) 88%,
        var(--et-accent)
      ) 58%,

      color-mix(
        in srgb,
        var(--et-primary) 84%,
        black
      ) 100%
    ) !important;
}


html[data-elghis-theme]
.elghis-sidebar-button {
  color:
    color-mix(
      in srgb,
      var(--et-soft) 78%,
      white
    ) !important;
}


html[data-elghis-theme]
.elghis-sidebar-button.active {
  background:
    linear-gradient(
      145deg,
      var(--et-accent),
      var(--et-accent-strong)
    ) !important;

  color: #ffffff !important;

  box-shadow:
    0 8px 22px
    color-mix(
      in srgb,
      var(--et-accent) 26%,
      transparent
    );
}


/* ------------------------------------------------------------
   CLÍNICA · MIS PACIENTES
   ------------------------------------------------------------ */

html[data-elghis-theme]
.clinical-patients-heading {
  background:
    radial-gradient(
      circle at 92% 8%,

      color-mix(
        in srgb,
        var(--et-accent) 34%,
        transparent
      ),

      transparent 22rem
    ),

    linear-gradient(
      120deg,

      var(--et-primary) 0%,

      color-mix(
        in srgb,
        var(--et-primary) 75%,
        var(--et-accent)
      ) 58%,

      color-mix(
        in srgb,
        var(--et-primary) 52%,
        var(--et-accent)
      ) 100%
    ) !important;

  box-shadow:
    0 18px 38px
    color-mix(
      in srgb,
      var(--et-primary) 20%,
      transparent
    ) !important;
}


/* Etiqueta PACIENTES */

html[data-elghis-theme]
.clinical-patients-heading
.eyebrow {
  color:
    color-mix(
      in srgb,
      var(--et-accent) 42%,
      white
    ) !important;
}


/* ------------------------------------------------------------
   CLÍNICA · HERO DEL EXPEDIENTE
   ------------------------------------------------------------ */

html[data-elghis-theme]
#clinical-patient-view
.clinical-record-hero {
  background:
    radial-gradient(
      circle at 90% 10%,

      color-mix(
        in srgb,
        var(--et-accent) 33%,
        transparent
      ),

      transparent 22rem
    ),

    linear-gradient(
      120deg,

      var(--et-primary),

      color-mix(
        in srgb,
        var(--et-primary) 68%,
        var(--et-accent)
      )
    ) !important;

  box-shadow:
    0 18px 38px
    color-mix(
      in srgb,
      var(--et-primary) 20%,
      transparent
    ) !important;
}


/* ------------------------------------------------------------
   CLÍNICA · AVATARES
   ------------------------------------------------------------ */

html[data-elghis-theme]
.clinical-patient-avatar {
  background:
    linear-gradient(
      145deg,

      var(--et-accent),

      var(--et-accent-strong)
    ) !important;

  color: #ffffff !important;
}


/* ------------------------------------------------------------
   CLÍNICA · BOTONES PRINCIPALES
   ------------------------------------------------------------ */

html[data-elghis-theme]
.clinical-patient-open-button {
  border-color:
    color-mix(
      in srgb,
      var(--et-accent) 42%,
      var(--et-border)
    ) !important;

  color:
    var(--et-accent-strong) !important;
}


html[data-elghis-theme]
.clinical-patient-open-button:hover {
  border-color:
    var(--et-accent) !important;

  background:
    var(--et-soft) !important;
}


/* ------------------------------------------------------------
   FONDO CLÍNICO
   ------------------------------------------------------------ */

html[data-elghis-theme]
#clinical-patient-view {
  background:
    radial-gradient(
      circle at 95% 3%,

      color-mix(
        in srgb,
        var(--et-accent) 11%,
        transparent
      ),

      transparent 27rem
    ),

    var(--et-bg) !important;
}


/* ------------------------------------------------------------
   BOTÓN FLOTANTE DE APARIENCIA
   ------------------------------------------------------------ */

html[data-elghis-theme]
#elghis-theme-trigger {
  background:
    linear-gradient(
      145deg,

      var(--et-accent),

      var(--et-accent-strong)
    ) !important;
}


/* ============================================================
   ELGHIS_THEME_STRONG_SURFACES_END
   ============================================================ */