/* Glassmorphism Hover Effect */
.glass-hover-effect {
    position: relative;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* El brillo inferior (linea de luz) */
.glass-hover-effect::after {
    content: '';
    position: absolute;
    bottom: -1px; /* Just over the bottom border */
    left: 20%;
    width: 60%;
    height: 1px;
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
    box-shadow: 0 0 15px 3px rgba(255,255,255,0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    border-radius: 50%;
}

.glass-hover-effect:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

.glass-hover-effect:hover::after {
    opacity: 1;
}

/* Glassmorphism Permanent Effect */
.glass-permanent-effect {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

.glass-permanent-effect::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 20%;
    width: 60%;
    height: 1px;
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
    box-shadow: 0 0 15px 3px rgba(255,255,255,0.3);
    opacity: 1;
    pointer-events: none;
    border-radius: 50%;
}