/* Contenedor del logo para centrarlo y dar espacio */
.logo-container {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px; /* Definimos un área fija para que no salte el contenido */
}

/* La magia para que todos los logos se vean parejos */
.logo-sistema {
    max-height: 100%; /* Toma los 180px del contenedor */
    max-width: 350px;  /* Limita el ancho para que los rectangulares no se excedan */
    width: auto;
    height: auto;
    object-fit: contain;
}