body {
    margin: 0;
    padding: 0;
    min-height: 100vh; /* Altura mínima del cuerpo al 100% del viewport */
    display: flex;
    flex-direction: column;
}

.container {
    flex: 1; /* Esto hará que el contenido llene el espacio restante */
}

footer {
    background-color: #333; /* Cambia el color de fondo del footer según tus necesidades */
    color: white;
    text-align: center;
    padding: 20px;
    position: relative;
    bottom: 0;
    width: 100%;
}

/* Estilos para el contenedor del menú */
.navbar {
    background-color: #333; /* Color de fondo */
    padding: 15px 0; /* Espaciado en la parte superior e inferior */
  }
  
  /* Estilos para el logotipo */
  .navbar-brand img {
    max-width: 150px; /* Ancho máximo del logotipo */
  }
  
  /* Estilos para los íconos del botón de hamburguesa en dispositivos móviles */
  .navbar-toggler i {
    font-size: 24px;
    color: #fff; /* Color de los íconos */
  }
  
  /* Estilos para los elementos del menú */
  .navbar-nav .nav-item {
    margin-right: 10px; /* Espaciado entre elementos del menú */
  }
  
  /* Estilos para los enlaces del menú */
  .navbar-nav .nav-link {
    color: #fff; /* Color del texto */
    font-weight: bold; /* Peso de la fuente */
    text-decoration: none; /* Sin subrayado */
  }
  
  /* Estilos para los enlaces del menú al pasar el mouse por encima */
  .navbar-nav .nav-link:hover {
    color: #ff9900; /* Cambiar color al pasar el mouse */
  }