/* Sistema visual compartido. Se carga después de los estilos de estructura. */
:root {
	--navy: #0d1984;
	--blue: #243c78;
	--bg: #fff;
	--card: #fff;
	--surface-alt: #f3f4f7;
	--ink: #252d40;
	--mute: #515c70;
	--line: #dce0e8;
	--accent-soft: #f8edf2;
	--radius-card: .75rem;
	--radius-control: .5rem;
	--shadow-card: 0 6px 20px rgba(16, 25, 107, .045);
	--section-space: clamp(3rem, 6vw, 5rem);
}

body { background: var(--bg); color: var(--ink); }
a { color: var(--blue); }
a:hover { color: var(--pink); }
.site-main :is(h2, h3, h4) {
	color: var(--navy);
	font-family: var(--hd);
	letter-spacing: -.02em;
	line-height: 1.25;
}
.site-main :is(.section-heading h2, .participate-heading h2, .about-section-heading h2,
	.about-founder-message h2, .about-purpose h2, .about-welcome h2,
	.contact-form-intro h2, .gallery-page-intro h2, .programs-listing__heading h2,
	.home-section h2, .home-pillars-heading h2, .page-section > h2) {
	font-size: clamp(1.65rem, 2.8vw, 2.25rem);
	text-wrap: balance;
}

/* Eyebrows legibles sobre fondos claros y contraste propio para los heroes. */
.site-main :is(.home-eyebrow, .about-eyebrow, .eyebrow, .programs-intro__eyebrow,
	.program-feature__eyebrow, .participate-card__eyebrow) {
	color: var(--pink);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.5;
	text-transform: uppercase;
}
.site-main .home-hero .home-eyebrow,
.site-main .home-hero .home-eyebrow a,
.site-main .home-donation-cta__eyebrow { color: #fff; }
.site-main .home-hero {
	height: auto;
	min-height: var(--hero-height);
}
.site-main .home-hero__content { min-height: var(--hero-height); height: auto; }
.site-main .home-hero h1, .site-main .home-donation-cta h2 { color: #fff; }
.site-main .home-hero__intro, .site-main .home-donation-cta__inner > p { color: #f3f4f7; }
.site-main.home-page .home-section .home-eyebrow,
.site-main .contact-form-intro > .home-eyebrow { color: var(--pink); }

/* Un mismo ritmo de secciones en portada, páginas y archivos. */
.site-main .section-stack {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}
.site-main .section-stack > :is(section, .page-section),
.site-main .section-stack > .page-content > :is(section, .page-section) {
	max-width: none;
	margin: 0;
	padding: var(--section-space) max(1.25rem, calc((100% - var(--content-width)) / 2));
	border: 0;
	border-radius: 0;
	background: var(--bg);
	box-shadow: none;
}
.site-main .section-stack > :is(section, .page-section):nth-child(even),
.site-main .section-stack > .page-content > :is(section, .page-section):nth-child(even) { background: var(--surface-alt); }
.site-main .section-stack > .page-content { margin: 0; padding: 0; }
.site-main:is(.donation-page, .thanks-page) .page-section > p { max-width: 68ch; }
.site-main.home-page > section:not(.home-hero):not(.home-donation-cta) {
	padding-block: var(--section-space);
	background: var(--bg);
}
.site-main.home-page > section:not(.home-hero):not(.home-donation-cta):nth-of-type(odd) { background: var(--surface-alt); }
.site-main.about-page > .page-section { padding-block: var(--section-space); background: var(--bg); }
.site-main.about-page > .page-section:nth-of-type(odd) { background: var(--surface-alt); }
.site-main .programs-page { padding-block: var(--section-space); background: var(--bg); }
.site-main .program-feature { padding-block: var(--section-space); background: var(--surface-alt); }
.site-main .program-feature:nth-child(even) { background: var(--bg); }
.site-main .participate-volunteer { gap: clamp(2rem, 4vw, 3.5rem); }
.site-main .participate-heading, .site-main .gallery-page-intro { max-width: 46rem; }
.site-main .gallery-page-intro { padding-top: 0; margin: 0 auto 2rem; text-align: center; }

/* Tarjetas sobrias, sin degradados ni colores diferentes por categoría. */
.site-main :is(.home-journey-card, .home-program-card, .home-value-card, .home-pillar-item,
	.home-season-card, .home-founder__season, .home-resource-card, .home-event-card,
	.person-card, .program-card, .event-card, .resource-card, .action-card,
	.contact-card, .participate-card, .about-mission-card, .donation-picker,
	.contact-form-embed, .home-contact__form, .lfsm-form),
.site-main.home-page .home-programs .home-program-card,
.site-main.about-page .about-welcome-section .about-content {
	border: 1px solid var(--line);
	border-radius: var(--radius-card);
	background: var(--card);
	box-shadow: var(--shadow-card);
}
.site-main .participate-card { --participate-accent: var(--pink); border-top: 3px solid var(--navy); }
.site-main .home-journey-card { border-left: 3px solid var(--navy); }
.site-main .home-pillar-item { border-top: 3px solid var(--navy); }
.site-main :is(.home-journey-card, .person-card, .home-pillar-item):hover {
	transform: none;
	border-color: #b6becd;
	box-shadow: var(--shadow-card);
}
.site-main :is(.home-value-card, .home-season-card, .home-founder__season) :is(h3, p) { color: var(--ink); }
.site-main :is(.person-role, .resource-organization, .card-category) { color: var(--pink); }
.site-main :is(.home-journey-card__number, .home-program-card__icon, .home-pillar-item__icon),
.site-main.home-page .home-programs .home-program-card .home-program-card__icon,
.site-main.home-page .home-pillar-item .home-pillar-item__icon,
.site-main.about-page .about-team-section .person-role {
	border: 1px solid var(--line);
	background: var(--surface-alt);
	color: var(--navy);
	box-shadow: none;
}
.site-main :is(.participate-card__number, .tag-list li, .participate-areas li) {
	border-color: var(--line);
	background: var(--surface-alt);
	color: var(--navy);
}
.site-main.home-page .home-pillar-item .home-pillar-item__topics li {
	border-color: var(--line);
	background: var(--surface-alt);
	color: var(--ink);
}
.site-main .home-contact__form { padding: clamp(1.25rem, 3vw, 2rem); }
.site-main :is(.home-founder__portrait, .about-founder-profile__portrait, .home-gallery__item, .gallery-card) {
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-card);
}
.site-main .about-mission-card::before,
.site-main .program-feature__eyebrow::after,
.site-main .home-journeys__heading h2::after,
.site-main .about-section-heading h2::after { background: var(--pink); }
.site-main .program-feature__visual { background-image: var(--program-image); border-radius: var(--radius-card); box-shadow: var(--shadow-card); }

/* Botones y enlaces: los mismos estados en todas las páginas. */
body :is(.button, .button.button.button, .wp-element-button, .wp-block-button__link),
.site-main .home-journey-card__action,
.site-main .wpcf7 input[type="submit"],
.site-main .lfsm-form button[type="submit"] {
	min-height: 3rem;
	padding: .8rem 1.25rem;
	border: 1px solid var(--pink-action);
	border-radius: var(--radius-control);
	background: var(--pink-action);
	color: #fff;
	font-family: var(--bd);
	font-size: .94rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	white-space: normal;
	box-shadow: 0 7px 18px color-mix(in srgb, var(--pink-action) 20%, transparent);
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body :is(.button, .button.button.button, .wp-element-button, .wp-block-button__link):hover,
.site-main .home-journey-card__action:hover,
.site-main .wpcf7 input[type="submit"]:hover,
.site-main .lfsm-form button[type="submit"]:hover {
	transform: translateY(-1px);
	background: var(--pink-action-hover);
	color: #fff;
	box-shadow: 0 9px 22px color-mix(in srgb, var(--pink-action-hover) 28%, transparent);
}
.site-main .text-link { color: var(--blue); font-weight: 700; }
.site-main .text-link:hover { color: var(--pink); }
.site-main .person-links a:hover { background: var(--navy); border-color: var(--navy); color: #fff; }

/* El botón secondary mantiene navy aunque también aplique el estilo global de botones. */
body .button.button.button-secondary,
body .button.button.button-outline {
	border-color: var(--navy);
	background: var(--navy);
	color: #fff;
	box-shadow: 0 7px 18px rgba(16, 25, 107, .2);
}
body .button.button.button-secondary:hover,
body .button.button.button-outline:hover {
	border-color: #080d42;
	background: #080d42;
	color: #fff;
	box-shadow: 0 9px 22px rgba(16, 25, 107, .28);
}

/* Descripciones de igual longitud y llamadas alineadas en los tres caminos. */
.site-main .home-journey-card h3 { min-height: 2.5em; }
.site-main .home-journey-card p { min-height: 4.8em; }
.site-main .home-journey-card__action { margin-top: auto; }

/* Más área y separación para el formulario de contacto de la portada. */
.site-main.home-page .home-contact__grid {
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: clamp(2rem, 4vw, 4rem);
}
.site-main.home-page .home-contact__details { gap: 1.25rem; }
.site-main.home-page .home-contact__form { padding: clamp(1.5rem, 3vw, 2.25rem); }
.site-main.home-page .home-contact__form .wpcf7 form { gap: .9rem 1rem; }
.site-main.home-page .home-contact__form .wpcf7 textarea {
	min-height: 7rem;
	height: 7rem;
}
@media (max-width: 760px) {
	.site-main.home-page .home-contact__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
	.site-main.home-page .home-contact__form .wpcf7 form { grid-template-columns: minmax(0, 1fr); }
	.site-main.home-page .home-contact__form .wpcf7 form p:has(textarea),
	.site-main.home-page .home-contact__form .wpcf7 form p:has(input[type="submit"]) { grid-column: auto; }
}

/* En portada, todos los botones son pink salvo el secondary del hero. */
.site-main.home-page a.button,
.site-main.home-page .home-journey-card__action {
	border-color: var(--pink-action);
	background: var(--pink-action);
	color: #fff;
	box-shadow: 0 7px 18px color-mix(in srgb, var(--pink-action) 20%, transparent);
}
.site-main.home-page a.button:hover,
.site-main.home-page .home-journey-card__action:hover {
	border-color: var(--pink-action-hover);
	background: var(--pink-action-hover);
	color: #fff;
	box-shadow: 0 9px 22px color-mix(in srgb, var(--pink-action-hover) 28%, transparent);
}
.site-main.home-page .home-hero .button.button-secondary {
	border-color: var(--navy);
	background: var(--navy);
	color: #fff;
	box-shadow: 0 7px 18px rgba(16, 25, 107, .2);
}
.site-main.home-page .home-hero .button.button-secondary:hover {
	border-color: #080d42;
	background: #080d42;
	box-shadow: 0 9px 22px rgba(16, 25, 107, .28);
}

/* Campos, etiquetas y mensajes compartidos entre CF7 y formularios internos. */
.site-main :is(.wpcf7, .lfsm-form) :is(label, legend) { color: var(--navy); font-size: .875rem; line-height: 1.5; }
.site-main :is(.wpcf7, .lfsm-form) :is(input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
	min-height: 3rem;
	border: 1px solid #b7bfce;
	border-radius: var(--radius-control);
	background: #fff;
	color: var(--ink);
	font-size: 1rem;
}
.site-main :is(.wpcf7, .lfsm-form) :is(input, select, textarea):focus-visible { outline: 2px solid var(--navy); outline-offset: 3px; }
.site-main :is(.participate-form-note, .participate-form-privacy, .contact-form-intro > p,
	.program-feature__story, .participate-card > p:not(.participate-card__eyebrow),
	.participate-heading > p:last-child) { color: var(--mute); }
.site-main .wpcf7 form .hidden-fields-container { grid-column: 1 / -1; }
.site-main .wpcf7 input[type="submit"]:disabled { opacity: .65; cursor: wait; }

@media (max-width: 760px) {
	.site-main .section-stack > :is(section, .page-section),
	.site-main .section-stack > .page-content > :is(section, .page-section) { padding-inline: 1rem; }
	.site-main .participate-volunteer { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	body *, body *::before, body *::after { transition: none; animation: none; }
}

.site-footer { background: var(--navy); }
.site-main .event-details { border-color: var(--line); background: var(--surface-alt); }
.site-main .event-details dt { color: var(--navy); }
.site-main .event-details dd { color: var(--ink); }
.site-main .single-content { max-width: 52rem; margin-inline: auto; }

.site-main .events-upcoming-section .event-card-image {
	height: 13rem;
	background: var(--surface-alt);
}
.site-main .events-upcoming-section .event-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.site-main .events-upcoming-section .event-card h3 a { color: var(--pink); }
.site-main .events-upcoming-section .event-card-meta :is(dt, dd) { color: var(--navy); }
.site-main .events-upcoming-section .event-card .card-actions .button {
	border-color: var(--pink-action);
	background: var(--pink-action);
	color: #fff;
}
.site-main .events-upcoming-section .event-card .card-actions .button:hover {
	border-color: var(--pink-action-hover);
	background: var(--pink-action-hover);
	color: #fff;
}

.site-main .resources-support-section .section-heading { max-width: 52rem; margin-bottom: 1.75rem; }
.site-main .resources-support-section .home-eyebrow { color: var(--pink); }
.site-main .resources-support-section__areas-title { margin: 0 0 .85rem; font-size: 1rem; }
.site-main .resources-area-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
	gap: .65rem;
	padding: 0;
	margin: 0;
	list-style: none;
}
.site-main .resources-area-list li {
	padding: .7rem .85rem;
	border: 1px solid var(--line);
	border-left: 3px solid var(--pink);
	border-radius: var(--radius-control);
	background: var(--card);
	color: var(--ink);
}
.site-main .resources-form-notice {
	padding: 1rem;
	border: 1px dashed var(--line);
	border-radius: var(--radius-control);
	color: var(--mute);
}
.site-main .resources-page .resources-form {
	max-width: 58rem;
	padding: clamp(1rem, 2vw, 1.5rem);
	margin-inline: auto;
}
.site-main .resources-page .resources-form .wpcf7 form { gap: .55rem .75rem; }
.site-main .resources-page .resources-form .wpcf7 form p { margin: 0; }
.site-main .resources-page .resources-form .wpcf7 label { font-size: .82rem; }
.site-main .resources-page .resources-form .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.site-main .resources-page .resources-form .wpcf7 select {
	min-height: 2.4rem;
	margin-top: .2rem;
	padding: .45rem .65rem;
}
.site-main .resources-page .resources-form .wpcf7 textarea {
	min-height: 4.5rem;
	height: 4.5rem;
	margin-top: .2rem;
	padding: .45rem .65rem;
}
.site-main .resources-page .resources-form .wpcf7 form p:has(textarea),
.site-main .resources-page .resources-form .wpcf7 form p:has(input[type="submit"]),
.site-main .resources-page .resources-form .wpcf7 .wpcf7-response-output { grid-column: 1 / -1; }
@media (max-width: 560px) {
	.site-main .resources-page .resources-form .wpcf7 form { grid-template-columns: minmax(0, 1fr); }
	.site-main .resources-page .resources-form .wpcf7 form p:has(textarea),
	.site-main .resources-page .resources-form .wpcf7 form p:has(input[type="submit"]) { grid-column: auto; }
}

/* Unifica iconos y acentos de tarjetas con el color de los rótulos de sección. */
.site-main :is(.home-path-card, .home-pillar-card, .home-mv-card, .home-pillar-item,
	.home-programs .home-program-card, .home-founder__season, .participate-card) {
	border-top-color: var(--pink);
}
.site-main :is(.home-values, .home-journey-card, .home-contact__emergency) {
	border-left-color: var(--pink);
}
.site-main :is(.home-pillar-item, .home-journey-card):hover {
	border-top-color: var(--pink);
	border-left-color: var(--pink);
}
.site-main.home-page .home-journey-card .home-journey-card__number,
.site-main.home-page .home-programs .home-program-card .home-program-card__icon,
.site-main.home-page .home-pillar-item .home-pillar-item__icon {
	color: var(--pink);
}
.site-main.home-page .home-founder__season .home-founder__season-name { color: var(--pink); }
.site-main .home-founder__season h3 { color: var(--navy); }
.site-main.about-page .about-team-section .person-role { color: var(--pink); }
.site-main.about-page .person-links .person-link--instagram {
	border-color: var(--pink-action);
	background: var(--pink-action);
	color: #fff;
	box-shadow: 0 4px 12px color-mix(in srgb, var(--pink-action) 20%, transparent);
}
.site-main.about-page .person-links .person-link--instagram:hover,
.site-main.about-page .person-links .person-link--instagram:focus-visible {
	border-color: var(--pink-action-hover);
	background: var(--pink-action-hover);
	color: #fff;
}
.site-main .participate-volunteer .contact-form-intro > .home-eyebrow { color: var(--pink); }
.site-main .home-donation-cta .home-donation-cta__eyebrow { color: #fff; }

/* Donaciones: más aire entre bloques y un selector de aportes con jerarquía visual. */
.site-main.donation-page .page-content > .donation-impact,
.site-main.donation-page .page-content > .donation-ways {
	padding-block: clamp(4.5rem, 8vw, 7rem);
}
.site-main.donation-page .donation-section-heading { margin-bottom: clamp(2rem, 4vw, 3rem); }
.site-main.donation-page .donation-section-heading > p:last-child { max-width: 54rem; margin-inline: auto; }
.site-main.donation-page .donation-impact-list { gap: clamp(1rem, 2vw, 1.5rem); }
.site-main.donation-page .donation-impact-list li {
	min-height: 11rem;
	align-items: flex-start;
	flex-direction: column;
	gap: 1rem;
	padding: 1.5rem;
	border-color: var(--line);
	border-left: 3px solid var(--pink);
	border-radius: var(--radius-card);
	background: var(--card);
	box-shadow: var(--shadow-card);
}
.site-main.donation-page .donation-impact-list li::before { content: none; }
.site-main.donation-page .donation-card-icon {
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	flex: 0 0 auto;
	color: var(--pink);
}
.site-main.donation-page .donation-impact-card span { color: var(--navy); }
.site-main.donation-page .donation-impact-list li:hover {
	border-color: var(--pink);
	box-shadow: 0 16px 32px rgba(16, 25, 107, .1);
}
.site-main.donation-page .donation-payment {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	padding: clamp(3.5rem, 7vw, 6rem) max(1.25rem, calc((100% - var(--content-width)) / 2));
	background: var(--surface-alt);
}
@media (max-width: 560px) {
	.site-main.donation-page .donation-payment { padding-inline: 1rem; }
}
.site-main.donation-page .donation-picker {
	width: min(100%, 70rem);
	max-width: none;
	margin-inline: auto;
	padding: clamp(1.25rem, 3.5vw, 2.5rem);
	border: 1px solid var(--line);
	border-radius: 1.25rem;
	background: var(--card);
	box-shadow: 0 18px 48px rgba(16, 25, 107, .09);
}
.donation-picker__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(15rem, .8fr);
	align-items: stretch;
	gap: clamp(1.5rem, 3vw, 2.5rem);
}
.donation-picker__main { min-width: 0; }
.donation-picker > .donation-picker__layout h2 {
	margin: 0 0 .55rem;
	color: var(--navy);
	font-family: var(--hd);
	font-size: clamp(1.7rem, 3vw, 2.2rem);
	line-height: 1.2;
}
.donation-picker-intro { margin: 0 0 1.5rem; color: var(--mute); }
.donation-frequency {
	display: block;
	width: fit-content;
	padding: 0;
	margin: 0 0 1.5rem;
	border: 0;
}
.donation-frequency legend {
	margin: 0 0 .6rem;
	padding: 0;
	color: var(--navy);
	font-size: .92rem;
}
.donation-frequency__choices {
	display: inline-flex;
	gap: .35rem;
	padding: .35rem;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--surface-alt);
}
.donation-frequency label {
	min-height: 2.65rem;
	gap: 0;
	padding: .45rem 1rem;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--navy);
	font-size: .92rem;
	font-weight: 700;
	transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.donation-frequency input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	overflow: hidden;
}
.donation-frequency label:has(input:checked) {
	background: var(--navy);
	color: #fff;
	box-shadow: 0 3px 10px rgba(16, 25, 107, .18);
}
.donation-frequency label:has(input:focus-visible) { outline: 3px solid var(--pink-action); outline-offset: 3px; }
.donation-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .8rem;
	margin: 0;
}
.donation-options[hidden] { display: none !important; }
.donation-page .donation-options .donation-button {
	min-height: 6.2rem;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: .2rem;
	padding: .9rem 1rem;
	border: 1px solid var(--line);
	border-radius: .9rem;
	background: #fff;
	color: var(--navy);
	text-align: left;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(16, 25, 107, .045);
	transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.donation-button__amount { font-family: var(--hd); font-size: 1.45rem; font-weight: 800; line-height: 1.2; }
.donation-button__amount--other { font-size: 1.08rem; }
.donation-button__caption { color: var(--mute); font-size: .8rem; font-weight: 600; }
.site-main.donation-page .donation-options .donation-button:hover {
	transform: translateY(-2px);
	border-color: var(--pink-action);
	background: var(--pink-action);
	color: #fff;
	box-shadow: 0 9px 20px color-mix(in srgb, var(--pink-action) 22%, transparent);
}
.site-main.donation-page .donation-options .donation-button:hover .donation-button__caption { color: #fff; }
.site-main.donation-page .donation-options .donation-button:focus-visible,
.site-main.donation-page .donation-alternatives .button:focus-visible { outline: 3px solid var(--pink); outline-offset: 3px; }
.donation-picker__aside {
	align-self: stretch;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 1rem;
	background: var(--surface-alt);
}
.donation-picker__image { height: clamp(10rem, 20vw, 14rem); overflow: hidden; }
.donation-picker__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.donation-picker__aside-content { padding: clamp(1rem, 2vw, 1.4rem); }
.donation-picker__eyebrow { margin: 0 0 .35rem; color: var(--pink); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.donation-picker__aside-content h3 { margin: 0 0 .6rem; font-size: 1.3rem; }
.donation-picker__aside-content > p:not(.donation-picker__eyebrow) { margin: 0; color: var(--mute); font-size: .92rem; }
.donation-picker__trust {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr);
	align-items: start;
	gap: .65rem;
	margin-top: 1.1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--line);
}
.donation-picker__lock {
	display: grid;
	width: 2rem;
	aspect-ratio: 1;
	place-items: center;
	border-radius: 50%;
	background: #e9e5f4;
	color: var(--pink);
	font-weight: 800;
}
.donation-picker__trust p { margin: 0; color: var(--mute); font-size: .8rem; line-height: 1.5; }
.donation-page .donation-alternatives { margin-top: 1.5rem; padding-top: 1.1rem; border-top: 1px solid var(--line); }
.donation-page .donation-alternatives h3 { color: var(--navy); font-size: 1rem; }
.donation-page .donation-alternatives .button { min-height: 2.7rem; }
.donation-page .donation-not-configured { margin-top: 1.5rem; padding: 1rem; border: 1px dashed var(--line); border-radius: .8rem; background: var(--surface-alt); }
.donation-page .donation-not-configured p { margin: 0 0 .8rem; color: var(--mute); }
.donation-page .donation-transparency,
.donation-page .donation-tax-status { max-width: 70rem; margin: 1rem auto 0; font-size: .86rem; }
.site-main.donation-page .donation-ways .donation-type-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); margin-top: 0; }
.site-main.donation-page .donation-type-card {
	min-width: 0;
	min-height: 16rem;
	padding: clamp(1.25rem, 2vw, 1.75rem);
	border-top: 3px solid var(--pink);
	border-radius: var(--radius-card);
	background: var(--card);
	box-shadow: var(--shadow-card);
}
.site-main.donation-page .donation-type-card .button { margin-top: auto; color: #fff; }
.site-main.donation-page .donation-type-card .button:hover { color: #fff; }
.site-main.donation-page .donation-type-card a { color: var(--pink); }
.site-main.donation-page .donation-type-card a:hover { color: var(--navy); }
@media (max-width: 800px) {
	.donation-picker__layout { grid-template-columns: minmax(0, 1fr); }
	.donation-picker__aside { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); align-items: center; }
	.donation-picker__image { height: 100%; min-height: 13rem; }
	.site-main.donation-page .donation-ways .donation-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.site-main.donation-page .donation-impact-list { grid-template-columns: minmax(0, 1fr); }
	.site-main.donation-page .donation-impact-list li { min-height: 7.5rem; }
	.site-main.donation-page .donation-payment { padding-inline: 1rem; }
	.site-main.donation-page .donation-picker { padding: 1rem; border-radius: 1rem; }
	.donation-options { grid-template-columns: minmax(0, 1fr); }
	.donation-frequency,
	.donation-frequency__choices { width: 100%; }
	.donation-frequency label { flex: 1; justify-content: center; padding-inline: .5rem; }
	.donation-picker__aside { grid-template-columns: minmax(0, 1fr); }
	.donation-picker__image { height: 11rem; min-height: 0; }
	.site-main.donation-page .donation-ways .donation-type-grid { grid-template-columns: minmax(0, 1fr); }
	.site-main.donation-page .donation-type-card { min-height: 0; }
}
.site-main.donation-page { overflow-x: clip; }
.site-main.donation-page .page-content,
.site-main.donation-page .donation-payment,
.site-main.donation-page .donation-picker,
.site-main.donation-page .donation-picker__layout { min-width: 0; }
.site-main.donation-page .donation-process li { border-color: var(--pink); }
.site-main.donation-page .donation-process li::before { content: none; }
@media (prefers-reduced-motion: reduce) {
	.donation-frequency label,
	.site-main.donation-page .donation-options .donation-button { transition: none; }
	.site-main.donation-page .donation-options .donation-button:hover { transform: none; }
}