nav {
    background-color: #CC0000;
    color: white;
    font-size: 20px;
    width: 100%
}

.nav-link {
    color: white;
    /* Para el enlace activo */
}

.nav-link.active {
    color: white !important
    /* Para el enlace activo */
}

.social-media-widgets {
    /* Ancho del contenedor */
    height: 100%;
    /* Altura del contenedor */
    display: flex;
    align-items: center;
    /* Alineación vertical */
    border-radius: 5px;
    /* Bordes redondeados */
    justify-content: center
}

.icon-widget {
    width: 10%;
    height: 45px;
    display: flex;
    padding: 15px;
    background-color: white;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin: 5px;

}

.fa {
    color: red;
    /* Color del icono */
    font-size: 300px;
    /* Tamaño del icono */
}

.nav-link {
    padding: 10px 12px;
    border-radius: 15px;
    transition: background-color 0.3s, color 0.3s;
}

.nav-link:hover {
    background-color: #c17979dd; /* Color de fondo al hacer hover */
    color: white; /* Cambiar color del texto */
}

.nav-link.active:hover {
    background-color: #c17979dd; /* Color de fondo al hacer hover */
    color: white; /* Cambiar color del texto */
}


/* Cambiar el color de fondo del dropdown al hacer hover */
.dropdown-item:hover {
    background-color: #007bff;
    color: floralwhite;
    transition: background-color 0.3s;
}

.dropdown:hover .dropdown-menu {
    display: block;
    background-color: floralwhite;
}

.navbar-brand img {
  
    height: 100px
}

nav .container-fluid {
    display: flex;
    flex-direction: row;
}

@media (min-width: 992px) {
    #homepage-navbar {
        height: 125px
    }
}