.dropdown-submenu {
      position: relative;
    }

    .dropdown-submenu .dropdown-menu {
      top: 0;
      left: 100%;
      margin-left: 0.1rem;
      margin-right: 0.1rem;
    }

    .logo-contenedor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 1s ease-in-out; /* transición suave */
}

.logo-contenedor .nombre-compania {
  color: white;
  font-size: 2rem;
  
  z-index: 1;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.7); /* mejora la visibilidad */
}

.logo {
  height: 200px;
  margin-right: 10px;
}

.nombre-compania {
  font-size: 20px;
  color: #333;
  flex-grow: 1;
}