/* Fondo transparente para el navbar */
.navbar {
    background: rgba(255, 255, 255, 0.1) !important; /* Fondo semitransparente */
    border: none;
}

/* Enlaces de navegación */
.navbar-nav .nav-link {
    font-size: 1.5rem; /* Ajusta el tamaño según sea necesario */
    color: #ffffff !important; /* Color blanco */
    font-weight: bold;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: #f361c7 !important; /* Color rosado al pasar el mouse */
}

/* Íconos del navbar */
.navbar-icons a {
    color: #ffffff !important; /* Color blanco para los íconos */
    margin-left: 25px;
    font-size: 1.5rem; /* Ajusta el tamaño según tus preferencias */
    transition: color 0.3s ease, transform 0.3s ease; /* Animación de suavidad */
}

.navbar-icons a:hover {
    color: #f361c7 !important; /* Cambia el color al pasar el mouse */
    transform: scale(1.2); /* Aumento del tamaño al pasar el mouse */
}