/* === PANTALLA DE MANTENIMIENTO («volvemos enseguida») === */
        html, body {
            margin: 0;
            padding: 0;
            background-color: #0a1014;
        }

        #ve-mant {
            --bg-deep: #0a1014;
            --lifestream: #00ffc3;
            --text-main: #f0f0f0;
            font-family: 'Outfit', sans-serif;
            color: var(--text-main);
            min-height: 100vh;
            min-height: 100dvh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 40px 16px;
            box-sizing: border-box;
            position: relative;
            line-height: 1.5;
        }

        #ve-mant *, #ve-mant *::before, #ve-mant *::after { box-sizing: border-box; }

        #ve-mant .mant-fondo {
            position: fixed; inset: 0; z-index: -1;
            background: radial-gradient(circle at 50% 40%, rgba(0, 255, 195, 0.08) 0%, rgba(10, 16, 20, 0.9) 45%, var(--bg-deep) 90%);
            pointer-events: none;
        }

        #ve-mant .mant-card {
            width: 100%;
            max-width: 620px;
            text-align: center;
            padding: 44px 36px;
            background: rgba(10, 16, 20, 0.7);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 2px solid rgba(0, 255, 195, 0.3);
            border-radius: 20px;
            animation: veMantPulse 3s infinite alternate;
        }

        @keyframes veMantPulse {
            0% { box-shadow: 0 0 20px rgba(0, 255, 195, 0.3), inset 0 0 10px rgba(0, 255, 195, 0.1); border-color: rgba(0, 255, 195, 0.3); }
            100% { box-shadow: 0 0 50px rgba(0, 255, 195, 0.6), inset 0 0 30px rgba(0, 255, 195, 0.2); border-color: rgba(0, 255, 195, 0.8); }
        }

        #ve-mant .mant-logo img { width: 100%; max-width: 280px; height: auto; margin-bottom: 26px; }

        #ve-mant .mant-icono { font-size: 2.6rem; color: var(--lifestream); margin-bottom: 14px; filter: drop-shadow(0 0 6px rgba(0, 255, 195, 0.5)); }

        #ve-mant h1 {
            margin: 0 0 6px;
            font-size: 2.1rem;
            font-weight: 900;
            letter-spacing: 3px;
            color: #fff;
        }

        #ve-mant .mant-sub {
            font-size: 0.95rem;
            font-weight: 600;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--lifestream);
            margin-bottom: 22px;
        }

        #ve-mant .mant-texto {
            margin: 0 auto 30px;
            max-width: 460px;
            font-size: 1.05rem;
            font-weight: 300;
            color: #c8d0d6;
        }

        #ve-mant .mant-redes { display: flex; justify-content: center; gap: 14px; }
        #ve-mant .mant-redes a {
            width: 46px; height: 46px;
            display: flex; align-items: center; justify-content: center;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.15);
            color: #fff;
            font-size: 1.15rem;
            text-decoration: none;
            transition: 0.3s;
        }
        #ve-mant .mant-redes a:hover { color: #0a1014; background: var(--lifestream); border-color: var(--lifestream); transform: translateY(-3px); }

        #ve-mant .mant-pie { margin-top: 26px; font-size: 0.8rem; color: #667; text-align: center; }

        @media (max-width: 480px) {
            #ve-mant .mant-card { padding: 34px 20px; }
            #ve-mant h1 { font-size: 1.6rem; letter-spacing: 2px; }
        }