/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2026 | 11:36:08 */
.donation-form-content iframe { min-height: 700px; }

.donation-header p { font-size: 16px; color: #454545; }

.donation-cards { display: flex; gap: 24px; }

.donation-card { flex: 1; background: #ffffff; border-radius: 16px; padding: 40px 32px; text-align: center;  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease; }

.donation-card:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); }

.donation-card .icon { width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 50%; display: flex;  align-items: center; justify-content: center; }

.donation-card.unica .icon { background-color: #fdecea; }

.donation-card.mensual .icon { background-color: #e8f5e9; }

.donation-card .icon svg { width: 32px; height: 32px; }

.donation-card h2 { font-size: 20px; font-weight: 700; color: #212529; margin-bottom: 12px; }

.donation-card p { font-size: 14px; color: #666; line-height: 1.6; margin-bottom: 28px; }

.donation-card .btn-donar { display: inline-block; background-color: #E32219; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 600; padding: 14px 40px; border-radius: 9999px; transition: background-color 0.2s ease; }

.donation-card .btn-donar:hover,
.donation-card .btn-donar:active,
.donation-card .btn-donar:focus { background-color: #c41e17 !important; }

.donation-card.mensual .btn-donar { background-color: #12A19A; }

.donation-card.mensual .btn-donar:hover,
.donation-card.mensual .btn-donar:active,
.donation-card.mensual .btn-donar:focus { background-color: #256428 !important; }

@media (max-width: 640px) {
    .donation-cards { flex-direction: column; }

    .donation-card { padding: 32px 24px; }

    .donation-header h1 { font-size: 20px; }
}

.donation-bank-data-content * { text-align: left; }