/* Asegúrate de que tu imagen se ajuste al espacio */
.logo-escudo {
    /* Opción 1: Controlar la altura máxima */
    max-height: 100px; /* Prueba con diferentes valores, como 30px, 50px */
    width: auto; /* Mantiene la proporción de la imagen */

    /* Opción 2: Controlar el ancho máximo si es un logo horizontal */
    /* max-width: 120px; */
    /* height: auto; */

    /* Añadir algo de espacio si está muy pegado a otros elementos */
    margin-right: 10px; /* Espacio a la derecha si tienes texto o un nombre al lado */
}

/* Si el logo tiene un fondo que se "pierde" con el fondo del navbar */
.navbar .logo-escudo {
    /* Si el navbar es oscuro y el logo es oscuro, por ejemplo */
    /* background-color: #fff; /* O un color que contraste */
    /* padding: 2px; /* Añade un pequeño padding para que se vea el fondo */
    /* border-radius: 5px; /* Si quieres esquinas redondeadas */
}