/* Estilos para las conexiones unificadas de la red neuronal */

/* Conexiones unificadas: Nodos de convergencia -> Proyectos de otros usuarios */
.edge-convergence-other-project-unified {
    /* Línea blanca unificada */
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    
    /* Grosor y estilo */
    width: 2px;
    border-width: 2px;
    border-style: solid;
    
    /* Opacidad para mejor visibilidad */
    opacity: 0.8;
    
    /* Transiciones suaves */
    transition: all 0.3s ease;
}

/* Efecto hover para las conexiones unificadas */
.edge-convergence-other-project-unified:hover {
    /* Línea más gruesa al pasar el mouse */
    width: 3px;
    border-width: 3px;
    
    /* Mayor opacidad */
    opacity: 1.0;
    
    /* Sombra para destacar */
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

/* Estilo para las conexiones activas */
.edge-convergence-other-project-unified.active {
    /* Línea más brillante cuando está activa */
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1.0;
    
    /* Sombra permanente */
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
}

/* Estilo para las conexiones seleccionadas */
.edge-convergence-other-project-unified.selected {
    /* Línea más gruesa cuando está seleccionada */
    width: 4px;
    border-width: 4px;
    
    /* Color más intenso */
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1.0;
    
    /* Sombra más intensa */
    box-shadow: 0 0 12px rgba(255, 255, 255, 1.0);
}

/* Animación de pulso para conexiones importantes */
.edge-convergence-other-project-unified.important {
    animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
    0% {
        opacity: 0.6;
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    70% {
        opacity: 1.0;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
    100% {
        opacity: 0.6;
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/* Estilos para tooltips de conexiones unificadas */
.edge-convergence-other-project-unified[title]:hover::after {
    content: attr(title);
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
}

/* Responsive para diferentes tamaños de pantalla */
@media (max-width: 768px) {
    .edge-convergence-other-project-unified {
        width: 1px;
        border-width: 1px;
    }
    
    .edge-convergence-other-project-unified:hover {
        width: 2px;
        border-width: 2px;
    }
}

/* Estilos para modo oscuro */
.dark-theme .edge-convergence-other-project-unified {
    /* Línea blanca más brillante en modo oscuro */
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 0.9;
    
    /* Sombra más visible en modo oscuro */
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.8);
}

/* Estilos para modo de alto contraste */
.high-contrast .edge-convergence-other-project-unified {
    /* Línea blanca sólida para alto contraste */
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1.0;
    
    /* Borde negro para mejor visibilidad */
    border: 1px solid #000000;
}