@media (min-width: 1100px) {
    .forzar-grid-evolutivo {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 8px;
    }
}
:root {
    --shadow-glass: 0 8px 32px hsl(220 20% 50% / .12);
    --glass-border: 210 20% 82%;
    --glass: 210 20% 96%;
}
.glass-panel {
    position: relative;
    backdrop-filter: blur(20px);
    box-shadow: var(--shadow-glass);
    overflow: hidden;
    border-radius: 1rem;
    border-width: 1px;
    border-color: hsl(var(--glass-border) / .3);
    background: linear-gradient(145deg,hsl(var(--glass) / .6),hsl(var(--glass) / .3));
}
.gradient-border {
    position: relative;
}