/* ═══════════════════════════════════════════════════════════════
   BEHABY — logotipo
   ═══════════════════════════════════════════════════════════════ */

.logo-marca { display: block; }
.logo-marca img { display: block; width: auto; }

/* El lockup ya trae el nombre dibujado, así que el texto que lo
   acompañaba en la cabecera y el pie sobra. */
.marca span { display: none; }

.marca {
  display: flex;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
  text-decoration: none;
}

/* En pantallas pequeñas se reduce para que quepa junto al botón
   de menú sin empujar nada. */
@media (max-width: 480px) {
  .cabecera .logo-marca img { height: 30px !important; }
}

/* El pie usa la versión de texto blanco: sobre el fondo oscuro,
   el morado del lockup original se pierde. */
.pie .logo-marca img { height: 42px !important; }