/* Identidad de cabecera: símbolo oficial + nombre legible. */
.official-brand,
.official-brand.footer-brand {
  width: auto;
  height: auto;
  gap: 11px;
  overflow: visible;
  background: transparent;
  justify-content: flex-start;
}

.official-logo-wrap {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  overflow: visible;
  background: transparent;
}

.official-brand img,
.official-brand.footer-brand img {
  width: 70px;
  height: 70px;
  max-width: none;
  object-fit: contain;
}

.official-name { display: block; line-height: 1; }
.official-name strong { display: block; color: var(--navy); letter-spacing: .7px; font-size: 15px; }
.official-name small { display: block; margin-top: 6px; color: #617078; font-size: 9px; letter-spacing: .7px; }

.official-brand.footer-brand { width: auto; }
.official-brand.footer-brand .official-name strong { color: #fff; }
.official-brand.footer-brand .official-name small { color: #b5c7ca; }

@media (max-width: 520px) {
  .official-logo-wrap { width: 62px; height: 62px; }
  .official-brand img,
  .official-brand.footer-brand img { width: 60px; height: 60px; }
  .official-name strong { font-size: 13px; }
}