body[data-don-logo="escudo"] { --don-preview-logo: url("assets/don-escudo-3d-sin-fondo.png"); }
body[data-don-logo="circular"] { --don-preview-logo: url("assets/don-circular-3d-sin-fondo.png"); }

.don-logo-switch {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
  gap: 8px; padding: 8px 12px; background: #eaf2f8; color: #143d5c;
  border-bottom: 1px solid #c7dce9; font: 600 12px/1.3 system-ui, sans-serif;
}
.don-logo-switch span { margin-right: 3px; }
.don-logo-switch button {
  border: 1px solid #a5c4da; border-radius: 999px; background: #fff;
  color: #17577f; padding: 6px 11px; font: inherit; cursor: pointer;
}
.don-logo-switch button[aria-pressed="true"] {
  border-color: #0876bd; background: #0876bd; color: #fff;
}

/* Relieve de la identidad DON aplicado a los iconos reales de la app. */
body[data-don-logo] #bottomNav button svg {
  box-sizing: border-box; display: block; width: 34px; height: 34px;
  padding: 7px; margin: 0 auto 4px; border: 1px solid #9bb9cc;
  border-radius: 10px; color: #145b84;
  background: linear-gradient(145deg, #ffffff 0%, #d8e8f2 48%, #94b4c9 100%);
  box-shadow: inset 1px 1px 1px #ffffff, inset -2px -2px 3px #5a7e9a66,
    0 2px 0 #54738d, 0 4px 7px #123c5a40;
  filter: drop-shadow(0 1px 1px #16436c66);
}
body[data-don-logo] #bottomNav button.active svg {
  color: #fff; border-color: #0d5c92;
  background: linear-gradient(145deg, #47c6ea 0%, #0879ba 48%, #073a70 100%);
  box-shadow: inset 1px 1px 2px #a9eeff, inset -2px -2px 3px #032f5e,
    0 2px 0 #06385d, 0 4px 8px #073b6855;
}
body[data-don-logo] .quick-icon {
  box-sizing: border-box; display: grid; place-items: center;
  width: 44px; height: 44px; border-radius: 12px;
  color: #145b84; border: 1px solid #98b8cc;
  background: linear-gradient(145deg, #fff 0%, #d7e8f3 49%, #91b2c9 100%);
  box-shadow: inset 2px 2px 2px #fff, inset -3px -3px 4px #587f9a70,
    0 3px 0 #55768e, 0 6px 11px #163d5b33;
}
body[data-don-logo] .quick-icon svg { width: 25px; height: 25px; filter: drop-shadow(1px 1px 1px #183e6266); }
body[data-don-logo] .tool-card:hover .quick-icon,
body[data-don-logo] .quick-tile:hover .quick-icon {
  color: #fff; border-color: #0c5b92;
  background: linear-gradient(145deg, #47c6ea, #0879ba 52%, #073a70);
}

body[data-don-logo] .topbar .brand.brand-edit {
  display: flex; align-items: center; gap: 12px; max-width: calc(100% - 80px);
  min-height: 118px; text-align: left; overflow: visible; cursor: default;
}
body[data-don-logo] .topbar .brand.brand-edit > img,
body[data-don-logo] .topbar .brand.brand-edit > span { display: none !important; }
body[data-don-logo] .topbar .brand.brand-edit::before {
  content: ""; display: block; flex: 0 0 112px; width: 112px; height: 112px;
  background: var(--don-preview-logo) center/contain no-repeat;
}
body[data-don-logo] .topbar .brand.brand-edit::after {
  content: "Construye con control.\A Crece con confianza.";
  white-space: pre-line; color: #082c4d; font: 800 15px/1.2 system-ui, sans-serif;
  letter-spacing: -.02em;
}
@media (max-width: 440px) {
  body[data-don-logo] .topbar .brand.brand-edit { gap: 8px; min-height: 100px; max-width: calc(100% - 58px); }
  body[data-don-logo] .topbar .brand.brand-edit::before { flex-basis: 94px; width: 94px; height: 94px; }
  body[data-don-logo] .topbar .brand.brand-edit::after { font-size: 12px; }
  .don-logo-switch { font-size: 11px; }
}