/*
 * Estos valores de --alto son SOLO el respaldo por si el script de
 * fondo.htm/funds.htm (el que reporta la altura real vía postMessage)
 * todavía no está instalado, falla, o tarda en cargar. En cuanto ese
 * mensaje llega, el listener de zam-donate.js pisa el alto del iframe
 * directamente y estos valores dejan de importar.
 *
 * Tabla generada a partir de un barrido real de anchos (cada 10px, de 320
 * a 1400px de pantalla, en ES y EN, midiendo el alto real del formulario
 * dentro del iframe). Desperdicio máximo verificado: 180px en cualquier
 * ancho dentro de ese rango. Si vuelve a haber un caso con espacio en
 * blanco grande o corte, es una señal de que cambió el contenido del
 * formulario (o se agregó un paso nuevo) y hay que re-correr el barrido.
 */
.zam-donate { --alto: 2078px; width: 100%; line-height: 0; }
.zam-donate iframe {
    display: block; border: 0; width: 100%; height: var(--alto);
}
@media (max-width: 1210px) { .zam-donate { --alto: 2260px; } }
@media (max-width: 1011px) { .zam-donate { --alto: 2924px; } }
@media (max-width: 787px)  { .zam-donate { --alto: 3426px; } }
@media (max-width: 590px)  { .zam-donate { --alto: 4448px; } }
@media (max-width: 570px)  { .zam-donate { --alto: 4611px; } }
@media (max-width: 520px)  { .zam-donate { --alto: 4800px; } }
@media (max-width: 480px)  { .zam-donate { --alto: 4989px; } }
@media (max-width: 450px)  { .zam-donate { --alto: 5175px; } }
@media (max-width: 430px)  { .zam-donate { --alto: 5364px; } }
@media (max-width: 410px)  { .zam-donate { --alto: 5554px; } }
@media (max-width: 390px)  { .zam-donate { --alto: 5726px; } }
@media (max-width: 380px)  { .zam-donate { --alto: 6031px; } }
@media (max-width: 350px)  { .zam-donate { --alto: 6224px; } }
@media (max-width: 330px)  { .zam-donate { --alto: 6389px; } }
@media (max-width: 320px)  { .zam-donate { --alto: 6551px; } }