/* ════════════════════════════════════════════════════════════════════
   SEVILLA WEB & IT SERVICES — Marca de la cabecera
   Sustituye el "Sevilla Web" suelto por el emblema + el nombre completo.
   ════════════════════════════════════════════════════════════════════ */

.swb-brand {
  display: inline-flex;
  align-items: center;
  gap: .625rem;
  text-decoration: none;
  line-height: 1;
}

.swb-brand-mark {
  height: 2.375rem;
  width: auto;
  display: block;
  flex-shrink: 0;
}

.swb-brand-text {
  display: flex;
  flex-direction: column;
  gap: .15rem;
}

.swb-brand-name {
  font-family: 'Playfair Display', 'Instrument Serif', serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}

.swb-brand-sub {
  font-family: 'Jost', system-ui, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
  white-space: nowrap;
  transition: color .3s;
}

.swb-brand:hover .swb-brand-sub { color: rgba(255, 255, 255, .8); }

@media (min-width: 640px) {
  .swb-brand { gap: .75rem; }
  .swb-brand-mark { height: 2.875rem; }
  .swb-brand-name { font-size: 1.375rem; }
  .swb-brand-sub { font-size: .5625rem; letter-spacing: .24em; }
}