/* DFWorld — formulario de donación */
.dfwd-form {
	max-width: 460px;
	background: #fff;
	border: 1px solid #e4e7ec;
	border-radius: 14px;
	padding: 1.75rem;
	box-shadow: 0 10px 30px rgba(11, 31, 59, .08);
}
.dfwd-form__title { margin: 0 0 1.1rem; font-size: 1.35rem; }

.dfwd-form__freq {
	display: flex; gap: .5rem; background: #f1f4f9; border-radius: 10px; padding: .3rem; margin-bottom: 1.1rem;
}
.dfwd-form__freq label {
	flex: 1; text-align: center; padding: .6rem; border-radius: 8px; cursor: pointer; font-weight: 600; color: #47556a; transition: .15s;
}
.dfwd-form__freq label.is-active { background: #fff; color: #0b1f3b; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.dfwd-form__freq input { display: none; }

.dfwd-form__amounts { display: grid; grid-template-columns: repeat(4, 1fr); gap: .6rem; margin-bottom: .9rem; }
.dfwd-amt {
	padding: .8rem 0; border: 2px solid #dfe3ea; background: #fff; border-radius: 10px; font-weight: 700; font-size: 1rem; cursor: pointer; color: #0b1f3b; transition: .15s;
}
.dfwd-amt:hover { border-color: #c7a24a; }
.dfwd-amt.is-active { border-color: #c7a24a; background: #fbf6e9; }

.dfwd-form__custom { position: relative; display: flex; align-items: center; margin-bottom: 1rem; }
.dfwd-cur { position: absolute; left: 1rem; font-weight: 700; color: #47556a; }
.dfwd-amount-input {
	width: 100%; padding: .85rem 1rem .85rem 2rem; border: 2px solid #dfe3ea; border-radius: 10px; font-size: 1.15rem; font-weight: 700;
}
.dfwd-usd { position: absolute; right: 1rem; color: #98a2b3; font-weight: 600; }

.dfwd-form__fields { display: grid; gap: .6rem; margin-bottom: 1rem; }
.dfwd-form__fields input { padding: .8rem 1rem; border: 1px solid #dfe3ea; border-radius: 10px; font-size: 1rem; }

.dfwd-submit { width: 100%; border: none; cursor: pointer; font-size: 1.1rem; padding: .95rem; }
.dfwd-submit[disabled] { opacity: .6; cursor: wait; }

.dfwd-form__msg { min-height: 1.2em; margin: .6rem 0 0; font-size: .92rem; color: #b42318; text-align: center; }
.dfwd-form__msg.is-ok { color: #12805c; }
.dfwd-form__demo { font-size: .82rem; color: #b54708; background: #fffaeb; border-radius: 8px; padding: .5rem .7rem; text-align: center; margin-top: .6rem; }
.dfwd-form__secure { font-size: .8rem; color: #667085; text-align: center; margin: .8rem 0 0; }