.elementor-18212 .elementor-element.elementor-element-449361f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-18212 .elementor-element.elementor-element-449361f:not(.elementor-motion-effects-element-type-background), .elementor-18212 .elementor-element.elementor-element-449361f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010516;}.elementor-18212 .elementor-element.elementor-element-8439fd6{margin:-80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:110px 0px 0px 0px;}.elementor-18212 .elementor-element.elementor-element-8439fd6.elementor-element{--align-self:center;}.elementor-18212 .elementor-element.elementor-element-3d320d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-18212:not(.elementor-motion-effects-element-type-background), body.elementor-page-18212 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-18212 .elementor-element.elementor-element-8439fd6{margin:-80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:110px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-449361f */<style>
    /* --- VARIABLES DE ENERGÍA --- */
    .elementor-element-ca89ee9, 
    .elementor-element-ca94c4b {
        --cyan-core: #06b6d4;
        --violet-core: #8b5cf6;
        --glass-panel: rgba(10, 15, 30, 0.85);
        --neon-glow: 0 0 10px rgba(6, 182, 212, 0.5);
    }

    /* --- ANIMACIONES --- */
    @keyframes border-pulse {
        0% { box-shadow: 0 0 15px rgba(6, 182, 212, 0.1); border-color: rgba(6, 182, 212, 0.2); }
        50% { box-shadow: 0 0 25px rgba(139, 92, 246, 0.2); border-color: rgba(139, 92, 246, 0.4); }
        100% { box-shadow: 0 0 15px rgba(6, 182, 212, 0.1); border-color: rgba(6, 182, 212, 0.2); }
    }

    @keyframes gradient-flow {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    /* =========================================
       1. TÍTULO DE IMPACTO
       ========================================= */
    .elementor-element-ca89ee9 .elementor-heading-title {
        font-family: 'Orbitron', sans-serif !important;
        font-weight: 900 !important;
        text-transform: uppercase;
        letter-spacing: -0.5px;
        color: white !important;
        text-align: center;
        text-shadow: 0 0 15px rgba(6, 182, 212, 0.8), 0 0 30px rgba(139, 92, 246, 0.6);
    }
    
    .elementor-element-ca89ee9 .elementor-heading-title::after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--cyan-core), transparent);
        margin-top: 10px;
        opacity: 0.8;
    }

    /* =========================================
       2. CONTENEDOR HUD
       ========================================= */
    .elementor-element-ca94c4b .elementor-widget-container {
        background: var(--glass-panel);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255,255,255,0.05);
        border-radius: 4px;
        padding: 45px;
        position: relative;
        animation: border-pulse 4s infinite ease-in-out;
    }

    /* Esquinas Holográficas */
    .elementor-element-ca94c4b .elementor-widget-container::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        pointer-events: none;
        border-radius: 4px;
        background: 
            linear-gradient(to right, var(--cyan-core) 2px, transparent 2px) 0 0,
            linear-gradient(to bottom, var(--cyan-core) 2px, transparent 2px) 0 0,
            linear-gradient(to left, var(--cyan-core) 2px, transparent 2px) 100% 0,
            linear-gradient(to bottom, var(--cyan-core) 2px, transparent 2px) 100% 0,
            linear-gradient(to left, var(--cyan-core) 2px, transparent 2px) 100% 100%,
            linear-gradient(to top, var(--cyan-core) 2px, transparent 2px) 100% 100%,
            linear-gradient(to right, var(--cyan-core) 2px, transparent 2px) 0 100%,
            linear-gradient(to top, var(--cyan-core) 2px, transparent 2px) 0 100%;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        opacity: 0.8;
    }

    /* =========================================
       3. LABELS (TEXTOS) - SOLUCIÓN MAESTRA
       ========================================= */
    
    /* Atacamos TODO: Labels, Legends (Nombre Completo) y Spans */
    .elementor-element-ca94c4b .wpforms-field-label,
    .elementor-element-ca94c4b legend.wpforms-field-label, 
    .elementor-element-ca94c4b label {
        font-family: 'Orbitron', sans-serif !important;
        color: #ffffff !important; /* BLANCO IMPERATIVO */
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
        font-size: 0.85rem !important;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-bottom: 8px !important;
        font-weight: 700 !important;
        display: flex;
        align-items: center;
        opacity: 1 !important; /* Aseguramos visibilidad total */
    }

    /* Punto decorativo (Revisión para compatibilidad con Legends) */
    .elementor-element-ca94c4b .wpforms-field-label::before,
    .elementor-element-ca94c4b legend.wpforms-field-label::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        background-color: var(--cyan-core);
        margin-right: 10px;
        box-shadow: 0 0 5px var(--cyan-core);
        border-radius: 50%;
    }

    /* Sub-etiquetas (Nombre, Apellidos debajo de los inputs) */
    .elementor-element-ca94c4b .wpforms-field-sublabel {
        font-family: 'Inter', sans-serif !important;
        color: rgba(255, 255, 255, 0.7) !important; /* Blanco suave */
        font-size: 0.75rem !important;
        margin-top: 5px !important;
    }

    /* =========================================
       4. INPUTS (CAJAS DE TEXTO)
       ========================================= */
    .elementor-element-ca94c4b input,
    .elementor-element-ca94c4b textarea {
        background: rgba(0, 0, 0, 0.5) !important;
        border: none !important;
        border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important;
        border-radius: 0 !important;
        color: #ffffff !important;
        font-family: 'Inter', sans-serif !important;
        padding: 15px 10px !important;
        transition: all 0.3s ease;
    }

    .elementor-element-ca94c4b ::placeholder {
        color: rgba(255, 255, 255, 0.4) !important;
    }

    .elementor-element-ca94c4b input:focus,
    .elementor-element-ca94c4b textarea:focus {
        background: linear-gradient(to bottom, rgba(6, 182, 212, 0.05), rgba(6, 182, 212, 0.15)) !important;
        border-bottom-color: var(--cyan-core) !important;
        box-shadow: 0 10px 20px -10px rgba(6, 182, 212, 0.3);
        outline: none;
        letter-spacing: 0.5px;
    }

    /* =========================================
       5. BOTÓN PLASMA
       ========================================= */
    .elementor-element-ca94c4b button[type="submit"] {
        background: linear-gradient(45deg, #06b6d4, #3b82f6, #8b5cf6, #06b6d4);
        background-size: 300% 300%;
        color: white !important;
        font-family: 'Orbitron', sans-serif !important;
        font-weight: 800 !important;
        text-transform: uppercase;
        letter-spacing: 3px;
        border: 1px solid rgba(255,255,255,0.3) !important;
        padding: 20px !important;
        width: 100%;
        cursor: pointer;
        margin-top: 15px;
        animation: gradient-flow 4s ease infinite;
        box-shadow: 0 0 20px rgba(6, 182, 212, 0.5);
        clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
        transition: transform 0.2s;
    }

    .elementor-element-ca94c4b button[type="submit"]:hover {
        transform: scale(1.02);
        box-shadow: 0 0 40px rgba(6, 182, 212, 0.8), 0 0 10px white;
    }
</style>/* End custom CSS */