/* Páginas sencillas de IMATMed (legales, gracias y envío fallido). Usa los tokens y clases de site.css. */
.simple { padding-top: calc(var(--header-h) + env(safe-area-inset-top, 0px)); min-height: 70vh; }
.simple__wrap { max-width: 780px; padding-block: clamp(48px, 7vw, 96px); }
.simple h1 { font-size: var(--step-4); font-weight: 400; letter-spacing: -0.03em; line-height: 1.05; }
.simple h1 .h2__kicker { font-size: var(--step-0); margin-bottom: 10px; letter-spacing: 0; }
.simple h2 { margin-top: 48px; font-size: var(--step-3); font-weight: 500; color: var(--olive-900); scroll-margin-top: calc(var(--header-h) + 16px); }
.simple h3 { margin-top: 28px; font-size: var(--step-1); font-weight: 650; color: var(--olive-900); }
.simple p, .simple ul, .simple ol { margin-top: 12px; }
.simple ul, .simple ol { padding-left: 1.3em; }
.simple li + li { margin-top: 6px; }
.simple a { color: var(--leaf-700); text-underline-offset: 2px; }
.simple .btn { color: var(--btn-fg); text-decoration: none; margin-top: 28px; }
.simple__updated { margin-top: 40px; font-size: var(--step--1); color: var(--muted); }
.simple .simple__toc { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 20px; padding: 0; list-style: none; }
.simple .simple__toc li + li { margin-top: 0; }
.simple__table { width: 100%; margin-top: 16px; border-collapse: collapse; font-size: var(--step--1); }
.simple__table th, .simple__table td { padding: 10px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.simple__table th { font-weight: 650; color: var(--olive-900); background: var(--sage-100); }
.simple__scroll { overflow-x: auto; }
.simple__ok { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: var(--sage-200); color: var(--olive-900); margin-bottom: 24px; }
.simple__ok svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pagina-simple .foot { padding-block: 0 32px; }
.pagina-simple .foot__bottom { margin-top: 0; }
.simple__legal { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 0.9rem; }
@media (max-width: 640px) { .site-header .brand__by { display: none; } }