/** Garganta composition only. Controls reuse the validated JMPE/JMDS styles. */
.jmpe-garganta-single .jm-hero__media { aspect-ratio: 2 / 1; }
.jmpe-garganta-single .jm-hero__title { max-width: 12ch; }
.jmpe-garganta-single .jm-hero__facts { margin-block: var(--jm-space-5); }
.jmpe-garganta-single .jmpe-garganta-media { display:block; width:100%; border-radius:var(--jm-radius-md); overflow:hidden; }
.jmpe-garganta-single .jmpe-garganta-media img { display:block; width:100%; height:auto; }
.jmpe-garganta-single .jm-hero__media .jmpe-garganta-media,
.jmpe-garganta-single .jm-hero__media img { height:100%; object-fit:contain; }
.jmpe-garganta-single .jmpe-garganta-single__pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(2rem,6vw,5rem); }
.jmpe-garganta-single .jmpe-garganta-single__pair > picture { max-width:32rem; justify-self:center; }
.jmpe-garganta-single .jmpe-garganta-single__pair--reverse > .jm-prose { order:2; }
.jmpe-garganta-single :is(.jm-prose,h2) { max-width:var(--jm-reading-width); }
.jmpe-garganta-single .jmpe-garganta-single__reading { margin-inline:auto; }
.jmpe-garganta-single .jmpe-garganta-single__vista { max-width:50rem; margin:var(--jm-space-8) auto; }
.jmpe-garganta-single .jmpe-garganta-single__return { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,480px); align-items:center; gap:clamp(2rem,6vw,5rem); }
.jmpe-garganta-single .jmpe-garganta-single__return picture { max-width:480px; justify-self:center; }
.jmpe-garganta-single .jmpe-garganta-single__conditions { margin-top:var(--jm-space-8); }
.jmpe-garganta-single .jm-quick-facts { margin-top:var(--jm-space-6); }
.jmpe-garganta-single .jmpe-garganta-single__selection { margin-block:var(--jm-space-6); display:grid; gap:var(--jm-space-4); }
.jmpe-garganta-single .jmpe-garganta-single__selection > .jmpe-button { justify-self:start; }
.jmpe-garganta-single .jmpe-garganta-single__closing .jm-final-cta { background:transparent; padding-inline:0; }
.jmpe-garganta-single .jmpe-garganta-single__closing .jm-final-cta__content { max-width:var(--jm-reading-width); }
@media(max-width:47.99rem) {
	.jmpe-garganta-single .jm-hero__media { aspect-ratio:4 / 5; }
	.jmpe-garganta-single .jmpe-garganta-single__pair,
	.jmpe-garganta-single .jmpe-garganta-single__return { grid-template-columns:minmax(0,1fr); }
	.jmpe-garganta-single .jmpe-garganta-single__pair--reverse > .jm-prose { order:initial; }
	.jmpe-garganta-single .jmpe-garganta-single__selection > .jmpe-button { width:100%; }
}
