/* Park Ministry — Shared components
* WP 1.2.3 (a11y) — Skip-link for keyboard users
*
* Usage: place Skip to main content as the
* first element inside . Add id="main" to the first content landmark
* (usually , , or top-level wrapper after the header).
*
* Rendering: hidden off-screen by default; reveals on :focus.
* Tested with Chrome+VoiceOver, Firefox, and keyboard-only navigation.
*/
.skip-link {
position: absolute;
top: -40px;
left: 8px;
z-index: 10000;
padding: 8px 16px;
background: var(--navy);
color: var(--white);
font-family: var(--font-body, sans-serif);
font-size: var(--text-sm, 14px);
font-weight: 700;
text-decoration: none;
border-radius: 4px;
transition: top 120ms ease-out;
}
.skip-link:focus,
.skip-link:focus-visible {
top: 8px;
outline: 2px solid var(--white);
outline-offset: 2px;
}
/* ─────────────────────────────────────────────────────────────
* WP 1.2 Mobile Patch Sheet — 2026-05-07
* P1 · Anti-overflow global (containment de viewport en mobile)
* Aplica a TODAS las páginas que cargan components.css.
* Desktop: invisible (las páginas ya caben). Mobile: rescata el viewport.
* ───────────────────────────────────────────────────────────── */
html, body {
max-width: 100vw;
overflow-x: hidden;
}
img, video, iframe {
max-width: 100%;
height: auto;
}