/* Página interior “Dar”: composición editorial sencilla, sin tarjetas. */
#main-content:has(.iff-giving-content) {
	--iff-giving-ink: #333333;
	--iff-giving-text: #50555b;
	--iff-giving-blue: #547389;
	--iff-giving-yellow: #fcbc2b;
	--iff-giving-line: #e5e8e9;
	color: var(--iff-giving-text);
}

#main-content .et_pb_section.iff-giving-content {
	margin: 0 !important;
	padding: 0 !important;
	--vertical-gap: 0px !important;
	gap: 0 !important;
	row-gap: 0 !important;
}

#main-content .et_pb_section.iff-page-heading {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#page-container #main-content .et-l--post .et_pb_row.iff-giving-intro,
#page-container #main-content .et-l--post .et_pb_row.iff-giving-ways {
	width: min(88%, 1080px) !important;
	max-width: 1080px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/* Introducción: texto fluido y con ancho de lectura cómodo. */
#page-container #main-content .et-l--post .et_pb_row.iff-giving-intro {
	padding: 16px 0 28px !important;
}

#main-content .iff-giving-intro > .et_pb_column,
#main-content .iff-giving-ways > .et_pb_column {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;
	row-gap: 0 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#main-content .iff-giving-intro-title.et_pb_text,
#main-content .iff-giving-intro-copy.et_pb_text,
#main-content .iff-giving-ways-title.et_pb_text,
#main-content .iff-giving-method-title.et_pb_text,
#main-content .iff-giving-method-copy.et_pb_text,
#main-content .iff-bank-detail.et_pb_text {
	margin: 0 !important;
	padding: 0 !important;
}

#main-content .iff-giving-intro-title h2,
#main-content .iff-giving-ways-title h2 {
	margin: 0 0 14px !important;
	padding: 0 !important;
	color: var(--iff-giving-ink) !important;
	font-family: "Nunito Sans", Arial, sans-serif !important;
	font-size: clamp(24px, 2.5vw, 28px) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -.015em;
}

#main-content .iff-giving-intro-copy,
#main-content .iff-giving-method-copy {
	max-width: 82ch;
	color: var(--iff-giving-text) !important;
	font-family: "Nunito Sans", Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
}

#main-content .iff-giving-intro-copy p,
#main-content .iff-giving-method-copy p {
	margin: 0 0 14px !important;
	padding: 0 !important;
	color: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
}

#main-content .iff-giving-intro-copy p:last-child,
#main-content .iff-giving-method-copy p:last-child { margin-bottom: 0 !important; }

/* Formas de dar y métodos: divisores y numeración, como en la demo. */
#page-container #main-content .et-l--post .et_pb_row.iff-giving-ways {
	padding: 8px 0 38px !important;
}

#main-content .iff-giving-ways-title h2 { margin-bottom: 18px !important; }
#main-content .iff-giving-ways-title,
#main-content .iff-giving-ways-title .et_pb_text_inner { text-align: left !important; }

#page-container #main-content .et-l--post .et_pb_row.iff-giving-method {
	position: relative;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 22px 0 22px 52px !important;
	border-top: 1px solid var(--iff-giving-line);
}

#page-container #main-content .et-l--post .et_pb_row.iff-giving-method-cash::before,
#page-container #main-content .et-l--post .et_pb_row.iff-giving-method-transfer::before {
	position: absolute;
	left: 0;
	top: 23px;
	color: var(--iff-giving-blue);
	font-family: "Nunito Sans", Arial, sans-serif;
	font-size: 14px;
	font-weight: 800;
}

#page-container #main-content .et-l--post .et_pb_row.iff-giving-method-cash::before { content: "01"; }
#page-container #main-content .et-l--post .et_pb_row.iff-giving-method-transfer::before { content: "02"; }

#main-content .iff-giving-method > .et_pb_column {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;
	row-gap: 0 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#main-content .iff-giving-method-title h3 {
	margin: 0 0 8px !important;
	padding: 0 !important;
	color: var(--iff-giving-ink) !important;
	font-family: "Nunito Sans", Arial, sans-serif !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

#main-content .et_pb_row.iff-bank-details {
	width: 100% !important;
	max-width: 560px !important;
	margin: 16px 0 0 !important;
	padding: 0 !important;
	border-top: 1px solid var(--iff-giving-line);
}

#main-content .iff-bank-details > .et_pb_column { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }

/* Cada dato se arma con módulos Divi: etiqueta a la izquierda y valor a la derecha. */
#page-container #main-content .et-l--post .et_pb_row.iff-bank-detail-row {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid var(--iff-giving-line);
}

#main-content .iff-bank-detail-row > .et_pb_column {
	display: grid !important;
	grid-template-columns: minmax(110px, .22fr) minmax(0, 1fr) !important;
	gap: 0 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#main-content .iff-bank-label.et_pb_text,
#main-content .iff-bank-value.et_pb_text {
	margin: 0 !important;
	padding: 11px 0 !important;
	font-family: "Nunito Sans", Arial, sans-serif !important;
}

#main-content .iff-bank-label {
	color: var(--iff-giving-blue) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.5 !important;
}

#main-content .iff-bank-value {
	color: var(--iff-giving-ink) !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	font-variant-numeric: tabular-nums;
	letter-spacing: .025em;
	line-height: 1.5 !important;
}

#main-content .iff-bank-label p,
#main-content .iff-bank-value p { margin: 0 !important; padding: 0 !important; }

/* Mantiene legibles los módulos actuales hasta dividir etiquetas y valores. */
#main-content .iff-bank-detail.et_pb_text {
	margin: 0 !important;
	padding: 11px 0 !important;
	border-bottom: 1px solid var(--iff-giving-line);
	color: var(--iff-giving-ink) !important;
	font-family: "Nunito Sans", Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
}

#main-content .iff-bank-detail p { margin: 0 !important; padding: 0 !important; }

@media (max-width: 767px) {
	#page-container #main-content .et-l--post .et_pb_row.iff-giving-intro,
	#page-container #main-content .et-l--post .et_pb_row.iff-giving-ways {
		width: 90% !important;
	}

	#page-container #main-content .et-l--post .et_pb_row.iff-giving-intro {
		padding: 24px 0 24px !important;
	}

	#page-container #main-content .et-l--post .et_pb_row.iff-giving-ways {
		padding: 4px 0 30px !important;
	}

	#main-content .iff-giving-intro-title h2,
	#main-content .iff-giving-ways-title h2 {
		margin-bottom: 12px !important;
		font-size: 24px !important;
	}

	#main-content .iff-giving-intro-copy,
	#main-content .iff-giving-method-copy { font-size: 16px !important; line-height: 1.68 !important; }

	#page-container #main-content .et-l--post .et_pb_row.iff-giving-method {
		padding: 20px 0 20px 36px !important;
	}

	#page-container #main-content .et-l--post .et_pb_row.iff-giving-method-cash::before,
	#page-container #main-content .et-l--post .et_pb_row.iff-giving-method-transfer::before { top: 21px; }
}