/* ==========================================================
   CASILLA «NO SOY UN ROBOT»

   Hoja del hueco que el plugin mete en cada formulario, justo
   antes del botón de enviar. Es editable desde «reCAPTCHA» en
   el panel y se puede restaurar en cualquier momento, así que
   aquí no hay nada que el captcha necesite para funcionar:
   solo dónde se coloca.

   Lo de dentro no se puede tocar. La casilla es un `<iframe>`
   de Google con sus propios estilos, y su tamaño —304×78— lo
   fija él. Todo lo que se puede hacer desde fuera es darle
   sitio y encogerlo cuando no cabe.

   Sin margen vertical a propósito: el formulario del diseño
   reparte el espacio entre sus bloques con `gap`, así que un
   margen aquí se sumaría al suyo y la casilla quedaría suelta
   en medio. Si un diseño no lo hiciera, este es el sitio para
   añadirlo.
   ========================================================== */

.h2e-recaptcha {
    display: flex;
    /* La casilla es más ancha que muchas columnas de formulario;
       sin esto, en móvil empujaría el ancho de la página. */
    max-width: 100%;
    overflow: hidden;
}

.h2e-recaptcha__widget {
    /* Google escribe aquí dentro su `<iframe>`. Hasta que su API
       responde, el hueco no ocupa nada. */
    line-height: 0;
}

/* --- Pantallas estrechas ----------------------------------
   Por debajo de 340px la casilla no cabe entera. Se encoge en
   bloque, anclada a la izquierda, que es preferible a que se
   corte por la derecha o saque una barra de desplazamiento
   horizontal en toda la página. */

@media (max-width: 339px) {
    .h2e-recaptcha__widget {
        transform: scale(0.86);
        transform-origin: left top;
    }
}