/* Página «Apadrina una incubadora» · mismos colores y tipografía que el formulario de donación */
.mow-apa {
	--don-coral: #EB5A5F;
	--don-coral-osc: #d23f45;
	--don-azul: #214072;
	--don-azul-claro: #eef2f8;
	--don-texto: #333a42;
	--don-suave: #5f6872;
	--don-borde: #d5dbe3;
	font-family: Montserrat, system-ui, sans-serif;
	color: var(--don-texto);
	max-width: 1140px;
	margin: 0 auto;
	padding: 40px 20px 64px;
	display: grid;
	gap: 64px;
}
.mow-apa *, .mow-apa *::before, .mow-apa *::after { box-sizing: border-box; }
.mow-apa h1, .mow-apa h2, .mow-apa h3 { font-family: inherit; color: var(--don-azul); text-wrap: balance; margin: 0; }
.mow-apa p { margin: 0; }
.mow-apa__h2 { font-size: clamp(24px, 2.6vw, 30px); line-height: 1.2; font-weight: 800; margin-bottom: 22px !important; }

/* Cabecera */
.mow-apa__hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 40px; align-items: center; }
.mow-apa__titulo { font-size: clamp(28px, 3.4vw, 42px); line-height: 1.12; font-weight: 800; margin: 0 0 16px !important; }
.mow-apa__entrada { font-size: 18px; line-height: 1.6; max-width: 52ch; }
.mow-apa__botones { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 24px; }
.mow-apa .mow-apa__boton { display: inline-block; width: auto; margin: 0; padding: 15px 28px; text-decoration: none; text-align: center; color: #fff !important; }
.mow-apa .mow-don__boton-sec { text-decoration: none; }
.mow-apa__foto img, .mow-apa__final-foto img { display: block; width: 100%; height: auto; border-radius: 14px; aspect-ratio: 3 / 2; object-fit: cover; }

/* Qué consigues */
.mow-apa__lista3 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mow-apa__lista3 li { padding: 20px 20px 22px; background: var(--don-azul-claro); border-radius: 12px; font-size: 15.5px; line-height: 1.55; }
.mow-apa__lista3 strong { display: block; font-size: 26px; line-height: 1.15; color: var(--don-coral); margin-bottom: 6px; }

/* Para quién */
.mow-apa__tarjetas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mow-apa__tarjeta { padding: 22px; border: 1px solid var(--don-borde); border-radius: 12px; display: grid; gap: 10px; align-content: start; }
.mow-apa__tarjeta h3 { font-size: 19px; font-weight: 700; }
.mow-apa__tarjeta p { font-size: 15.5px; line-height: 1.6; }
.mow-apa__tarjeta a { color: var(--don-azul); font-weight: 700; overflow-wrap: anywhere; }

/* Cómo funciona */
.mow-apa__pasos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; counter-reset: paso; }
.mow-apa__pasos li { counter-increment: paso; display: grid; gap: 8px; align-content: start; }
.mow-apa__pasos li::before {
	content: counter(paso); display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%;
	background: var(--don-azul); color: #fff; font-weight: 800; font-size: 17px;
}
.mow-apa__pasos h3 { font-size: 17px; font-weight: 700; line-height: 1.3; }
.mow-apa__pasos p { font-size: 15px; line-height: 1.6; color: var(--don-suave); }
.mow-apa__fiscal { margin-top: 28px !important; padding: 14px 16px; border-left: 4px solid var(--don-coral); background: #EEF3FA; border-radius: 8px; font-size: 15.5px; line-height: 1.55; color: var(--don-azul); }
.mow-apa__fiscal a, .mow-apa__otra a { color: var(--don-azul); font-weight: 700; }

/* Final */
.mow-apa__final { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.mow-apa__final-foto { margin: 0; }
.mow-apa__final-foto figcaption { margin-top: 8px; font-size: 13.5px; color: var(--don-suave); }
.mow-apa__final-texto { display: grid; gap: 18px; justify-items: start; }
.mow-apa__otra { font-size: 15px; color: var(--don-suave); }

@media (max-width: 900px) {
	.mow-apa { padding: 24px 16px 48px; gap: 48px; }
	.mow-apa__hero, .mow-apa__final { grid-template-columns: 1fr; gap: 24px; }
	.mow-apa__foto { order: -1; }
	.mow-apa__foto img { aspect-ratio: 16 / 9; }
	.mow-apa__lista3, .mow-apa__tarjetas { grid-template-columns: 1fr; gap: 14px; }
	.mow-apa__pasos { grid-template-columns: 1fr 1fr; gap: 22px 16px; }
	.mow-apa__entrada { font-size: 16.5px; }
}
@media (max-width: 480px) {
	.mow-apa__pasos { grid-template-columns: 1fr; }
	.mow-apa__botones { flex-direction: column; align-items: stretch; }
	.mow-apa .mow-apa__boton, .mow-apa .mow-don__boton-sec { width: 100%; }
}
/* Estilo único: títulos de página y de sección en coral; subtítulos (h3) en azul */
.mow-apa .mow-apa__titulo, .mow-apa .mow-apa__h2 { color: var(--don-coral); }

/* Dos formas de apadrinar */
.mow-apa__opciones { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: -24px; }
.mow-apa__nota-fiscal { margin: 14px 0 0; font-size: 13px; color: #5a6475; text-align: center; }
.mow-apa__opciones--una { grid-template-columns: minmax(0, 560px); justify-content: center; } /* solo el pre-apadrinamiento */
.mow-apa__opcion { position: relative; display: grid; gap: 10px; align-content: start; padding: 28px 26px 26px; border: 2px solid var(--don-borde); border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(33, 64, 114, .08); }
.mow-apa__opcion--twin { border-color: var(--don-coral); }
.mow-apa__op-marca { position: absolute; top: -13px; left: 22px; padding: 4px 12px !important; border-radius: 999px; background: var(--don-coral); color: #fff; font-size: 12px !important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mow-apa__op-et { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--don-suave); }
.mow-apa__op-imp { display: flex; align-items: baseline; gap: 8px; }
.mow-apa__op-imp strong { font-size: clamp(34px, 4vw, 44px); line-height: 1; font-weight: 800; color: var(--don-azul); }
.mow-apa__op-imp span { font-size: 17px; font-weight: 600; color: var(--don-suave); }
.mow-apa__op-txt { font-size: 16px; line-height: 1.6; }
.mow-apa__op-fiscal { font-size: 14px; line-height: 1.5; color: var(--don-azul); background: var(--don-azul-claro); border-radius: 8px; padding: 10px 12px; }
.mow-apa__opcion .mow-apa__boton { display: block; width: 100%; margin-top: 6px; }
.mow-apa__twin { max-width: 760px; }
.mow-apa__twin p { font-size: 16.5px; line-height: 1.65; }
.mow-apa__grupo { margin-top: 16px !important; font-size: 15px; color: var(--don-suave); }
@media (max-width: 900px) {
	.mow-apa__opciones { grid-template-columns: 1fr; gap: 26px; margin-top: 0; }
	.mow-apa__opcion { padding: 24px 18px 20px; }
}
.mow-apa__opcion { display: flex; flex-direction: column; }
.mow-apa__opcion .mow-apa__boton { margin-top: auto; }
.mow-apa__opcion .mow-apa__op-fiscal { margin-bottom: 8px !important; }