Problema con la integración de un formulario mailchimp

Hola. La página de mi sitio dedicada a la suscripción a la lista de correo, se ve correctamente en versión ordenador pero, en versión móvil, el formulario de MailChimp acaba muy a la derecha, fuera de los márgenes de la propia página, produciendo un efecto visual bastante pobre.

Con Chrome edito el CSS y descubro que se trata de la excesiva longitud de la caja de email. Si modifico el código de la siguiente manera, la caja de email reduce su longitud a la mitad, así que solo me resta llevar ese código a WordPress.

#mc_embed_signup .mc-field-group input {
    display: block;
    width: 50%;
    text-indent: 2%;
}

Pero luego llevo ese mismo código a WordPress / apariencia / CSS adicional, pero no se produce cambio alguno en el resultado final. No consigo que ese efecto de resultado, el formulario sigue rebasando el límite derecho de la pantalla y se puede hacer un nada estético scroll horizontal.

¿A qué puede deberse y cómo puedo solucionarlo?

• Este debate fue modificado hace 1 año, 11 meses por ugarte.

La página con la que necesito ayuda: [accede para ver el enlace]