.contact-page {
            padding: 120px 8% 80px;
            background: #050505;
            min-height: 100vh;
            display: flex;
            align-items: center;
        }

        .contact-container {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 60px;
            width: 100%;
            max-width: 1300px;
            margin: 0 auto;
        }

        /* Columna Izquierda: Info */
        .contact-info h1 {
            font-size: clamp(2.5rem, 5vw, 3.5rem);
            font-weight: 800;
            color: white;
            margin-bottom: 20px;
        }
        .contact-info h1 span { color: #0091ea; }
        .contact-info p { color: #aaa; font-size: 1.1rem; margin-bottom: 40px; }

        .info-card {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 30px;
            background: rgba(255,255,255,0.03);
            padding: 20px;
            border-radius: 15px;
            border: 1px solid rgba(255,255,255,0.05);
            transition: 0.3s;
        }
        .info-card:hover { border-color: #0091ea; background: rgba(0,145,234,0.05); }
        .info-card i { font-size: 1.5rem; color: #0091ea; width: 30px; }
        .info-card div h4 { color: white; margin-bottom: 5px; font-size: 0.9rem; text-transform: uppercase; }
        .info-card div a, .info-card div p { color: #ccc; text-decoration: none; font-size: 1rem; }

        /* Columna Derecha: Formulario Glassmorphism */
        .contact-form-wrapper {
            background: rgba(15, 15, 15, 0.6);
            backdrop-filter: blur(20px);
            padding: 50px;
            border-radius: 20px;
            border: 1px solid rgba(255,255,255,0.1);
            box-shadow: 0 25px 50px rgba(0,0,0,0.5);
        }

        .form-group { margin-bottom: 25px; }
        .form-group label { display: block; color: #eee; margin-bottom: 10px; font-weight: 600; font-size: 0.9rem; }
        
        .form-group input, .form-group textarea {
            width: 100%;
            padding: 15px;
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 10px;
            color: white;
            font-family: 'Inter', sans-serif;
            transition: 0.3s;
        }

        .form-group input:focus, .form-group textarea:focus {
            outline: none;
            border-color: #0091ea;
            background: rgba(255,255,255,0.08);
            box-shadow: 0 0 15px rgba(0,145,234,0.2);
        }

        /* Botón de envío usando tu nueva clase */
        .gd-btn-submit {
            width: 100%;
            justify-content: center;
            cursor: pointer;
        }

        @media (max-width: 992px) {
            .contact-container { grid-template-columns: 1fr; gap: 40px; }
            .contact-page { padding-top: 100px; }
        }