.progress-under-donations{margin-top:16px;text-align:center}
/* Aumentar espacio entre top band y hero */
.topband {
  margin-bottom: 60px;  /* aumenta o reduce según necesites */
}
/* Asegura que el párrafo debajo de PayPal no herede color ni negrita */
.method-title + p {
  font-weight: normal;
  color: inherit; /* o especifica otro color si el texto debe ser gris, blanco, etc. */
}
/* Alejar el globo hacia abajo SOLO en escritorio */
@media (min-width: 769px) {
  #global .globo-iglesia {
    margin-top: 80px; /* empuja el globo hacia abajo */
  }
}
/* Reducir tamaño del recuadro de bandera e iconos */
.hero .qr-card {
  transform: scale(0.75);   /* 85% del tamaño original */
  margin-top: 96px;         /* conserva tu separación actual */
  margin-left: auto;
  margin-right: auto;
}
/* Cambiar el gris del hero a gris metálico */
.hero {
  background: linear-gradient(135deg, #d8d8d8 0%, #d1cfcf 40%, #d1cfcf 100%);
  color: #ffffff;
}

 /* asegura que el texto siga legible */
/* Ajustar posición del recuadro (bandera e iconos) hacia la derecha */
@media (min-width: 769px) {
  .hero .qr-card {
    margin-left: 220px;  /* mueve el recuadro hacia la derecha */
    transform: scale(0.85);  /* conserva el tamaño más pequeño */
    margin-top: 96px;        /* conserva el espacio vertical que habías puesto */
  }
}