body {
    position: relative;
    background-color: #020408;
}
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url('fondo.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}
body::after {
    content: '';
    position: fixed;
    inset: 0;
    background: linear-gradient(90deg, rgba(1,3,9,.30) 0%, rgba(1,3,9,.10) 52%, rgba(1,3,9,.03) 100%),
                linear-gradient(180deg, rgba(1,3,9,.08) 0%, rgba(1,3,9,.10) 58%, rgba(1,3,9,.24) 100%);
    z-index: -1;
}
@media (max-width: 768px) {
    body::before {
        background-size: cover;
        background-position: center center;
    }
    body::after {
        background: linear-gradient(90deg, rgba(1,3,9,.30) 0%, rgba(1,3,9,.10) 52%, rgba(1,3,9,.03) 100%),
                    linear-gradient(180deg, rgba(1,3,9,.08) 0%, rgba(1,3,9,.10) 58%, rgba(1,3,9,.24) 100%);
    }
}
@media (min-width: 900px) {
    body::before {
        background-size: cover;
        background-position: center center;
    }
    body::after {
        background: linear-gradient(90deg, rgba(1,3,9,.50) 0%, rgba(1,3,9,.24) 52%, rgba(1,3,9,.05) 100%),
                    linear-gradient(180deg, rgba(1,3,9,.04) 0%, rgba(1,3,9,.08) 58%, rgba(1,3,9,.20) 100%);
    }
}
.glass-card {
    background: rgba(26, 28, 32, 0.4);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
}
.glass-card:hover {
    border-color: rgba(0, 219, 233, 0.5);
    box-shadow: 0 0 20px rgba(0, 219, 233, 0.1);
}
.neon-glow {
    box-shadow: 0 0 15px rgba(0, 219, 233, 0.3);
}
.pulse-urgent {
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 82, 255, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(0, 82, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 82, 255, 0); }
}
.bg-grid {
    background-image: linear-gradient(to right, #ffffff05 1px, transparent 1px), linear-gradient(to bottom, #ffffff05 1px, transparent 1px);
    background-size: 40px 40px;
}
.btn-glow-blue {
    background: linear-gradient(135deg, #0052FF 0%, #0099FF 100%);
    box-shadow: 0 0 20px rgba(0, 82, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}
.btn-glow-blue:hover {
    box-shadow: 0 0 30px rgba(0, 82, 255, 0.82);
}
.btn-glow-green {
    background: linear-gradient(135deg, #00b034 0%, #05e676 100%);
    box-shadow: 0 0 20px rgba(0, 176, 52, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}
.btn-glow-green:hover {
    box-shadow: 0 0 30px rgba(5, 230, 118, 0.82);
}
.btn-budget {
    background: rgba(26, 28, 32, 0.5);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
}
.btn-budget:hover {
    background: rgba(26, 28, 32, 0.7);
    border-color: rgba(0, 219, 233, 0.5);
}
html { scroll-behavior: smooth; }