.btn-inicio{
    height: clamp(2.25rem, 2.0643rem + 0.7619vw, 2.75rem);
    background-color: #111842;
    border-radius: 24px;
    border: 1px solid #8E47FE;
    color: #FFFFFF;
    font-size: clamp(0.625rem, 0.5321rem + 0.381vw, 0.875rem);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 600;
}

.btn-inicio:hover{
    background-color: #FFFFFF;
    border: 1px solid #8E47FE;
    color: #8E47FE;
}

.nav-link:hover,
.nav-link.active:hover {
    color: #8E47FE !important;
}

.navbar-nav .nav-link.active:hover::after,
.navbar-nav .nav-link:hover::after {
    background-color: #8E47FE !important;
}

.navInicio {
    background-color: transparent !important;
    transition: background-color 0.5s ease, color 0.5s ease;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.navInicio.color-inicio {
    background-color: #1E1E1E !important;
}

.navInicio.color-inicioParte2 {
    background-color: #161B22 !important;
}

.navInicio.color-beneficios {
    background-color: #0D1117 !important; /* Ejemplo de color para la sección de beneficios */
}

.navInicio.color-funcionamiento {
    background-color: #0D1117 !important; /* Ejemplo de color para la sección de características */
}

.navInicio.color-contacto {
    background-color: #141920 !important; /* Ejemplo de color para la sección de características */
}

.navInicio.color-preguntas {
    background-color: #141920 !important; /* Ejemplo de color para la sección de características */
}

.dropdown-item.blancoFont:hover {
    background-color: #50575e; /* Fondo al pasar el ratón para una mejor experiencia de usuario */
    color: white !important;
}

.navbar-nav .nav-link {
    padding: 0 10px; /* Ajuste del espaciado horizontal entre los enlaces */
}

/* Estilo para el enlace activo con una línea debajo */
.navbar-nav .nav-link.active {
    position: relative;
}

.navbar-nav .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -5px; /* Ajusta la distancia desde el texto hasta la línea */
    left: 25%; /* Centrar la línea al reducir su ancho */
    width: 50%; /* Ajusta el ancho de la línea para que sea menos ancha */
    height: 2px; /* Grosor de la línea */
    background-color: white; /* Color de la línea */
}

.nav_elements {
    justify-content: start !important;
    font-size: clamp(1rem, 0.9071rem + 0.381vw, 1.25rem);
}

.dropdown-menu {
    background-color: #161B22 !important;
}