/* Resources overview. Scoped to the dedicated template; shared pages keep their styles. */
html:has([data-resources-overview]) { scrollbar-gutter: stable; scroll-padding-top: 184px; scroll-behavior: auto !important; }
body.uv-site .uv-reference-recursos[data-resources-overview] { --resource-ink: #102e44; --resource-copy: #536976; --resource-green: #006b57; color: var(--resource-ink); background: #f7f9fa; }
body.uv-site [data-resources-overview] .uv-container { width: min(calc(100% - 80px), 1240px); }
body.uv-site .uv-reference-recursos[data-resources-overview] .uv-page-content { width: min(calc(100% - 80px), 1240px); padding: 0 0 80px; }
body.uv-site .uv-reference-recursos[data-resources-overview] :where(h1, h2, h3) { margin: 0; padding: 0; color: var(--resource-ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-weight: 650; line-height: 1.2; letter-spacing: -.04em; text-transform: none; }
body.uv-site [data-resources-overview] [data-reveal] { opacity: 1; transform: none; }
body.uv-site [data-resources-overview] :is(a, summary, select, button, [tabindex]):focus-visible { outline: 3px solid #00856b; outline-offset: 5px; }
body.uv-site [data-resources-overview] section { scroll-margin-top: 16px; }
body.uv-site [data-resources-overview] .uv-resources-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-block: 28px; color: #526875; font-size: 12px; }
body.uv-site [data-resources-overview] .uv-resources-breadcrumb a { color: #526875; text-decoration: underline; text-underline-offset: 4px; }
body.uv-site [data-resources-overview] .uv-resources-breadcrumb [aria-current] { color: #173e4b; font-weight: 600; }
body.uv-site [data-resources-overview] .uv-resources-eyebrow { display: block; color: var(--resource-green); font-size: 10px; font-weight: 750; line-height: 1.7; letter-spacing: .12em; text-transform: uppercase; }

/* The opening presents the actual application, with no invented interface. */
body.uv-site [data-resources-overview] .uv-resources-hero { padding: 36px 0 0; background: radial-gradient(ellipse at 82% 36%, #deeee9, transparent 55%), linear-gradient(#f7f9fa, #edf4f1); border-bottom: 1px solid #d8e4df; }
body.uv-site [data-resources-overview] .uv-resources-hero-grid { display: grid; grid-template-columns: .9fr 1.15fr; align-items: center; gap: 52px; padding-bottom: 60px; }
body.uv-site [data-resources-overview] .uv-resources-hero h1 { max-width: 580px; margin: 20px 0 24px; font-size: clamp(40px, 4.3vw, 60px); line-height: 1.08; }
body.uv-site [data-resources-overview] .uv-resources-hero h1 em { display: block; color: var(--resource-green); font-style: normal; }
body.uv-site [data-resources-overview] .uv-resources-hero-copy > p { max-width: 470px; margin: 0; color: var(--resource-copy); font-size: 17px; line-height: 1.8; }
body.uv-site [data-resources-overview] .uv-resources-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; margin-top: 28px; }
body.uv-site [data-resources-overview] .uv-resources-action { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 50px; padding: 13px 20px; color: #fff; background: #006b57; border: 1px solid transparent; border-radius: 8px; font-size: 13px; font-weight: 750; line-height: 1.5; text-decoration: none; transition: background .2s; }
body.uv-site [data-resources-overview] .uv-resources-action:hover { color: #fff; background: #004d40; }
body.uv-site [data-resources-overview] .uv-resources-action > span { font-size: 21px; line-height: 1; }
body.uv-site [data-resources-overview] .uv-resources-text-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; color: #174b4a; font-size: 13px; font-weight: 650; text-decoration: underline; text-underline-offset: 5px; }
body.uv-site [data-resources-overview] .uv-resources-hero-copy > .uv-resources-hero-note { margin-top: 24px; color: #516f66; font-size: 11px; }
body.uv-site [data-resources-overview] .uv-resources-hero-screen { position: relative; min-width: 0; margin: 0; overflow: hidden; background: #fff; border: 1px solid #c8dad6; border-radius: 15px; box-shadow: 0 24px 50px #0f3e4a16, 0 3px 10px #0f3e4a08; }
body.uv-site [data-resources-overview] .uv-resources-screen-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 34px; padding: 0 14px; color: #526a71; background: #f8fafb; border-bottom: 1px solid #dfebe6; font-size: 10px; }
body.uv-site [data-resources-overview] .uv-resources-screen-top > span:first-child { display: flex; gap: 5px; }
body.uv-site [data-resources-overview] .uv-resources-screen-top i { width: 6px; height: 6px; background: #b4cbc4; border-radius: 50%; }
body.uv-site [data-resources-overview] .uv-resources-hero-screen > img { display: block; width: 100%; height: auto; }
body.uv-site [data-resources-overview] .uv-resources-hero-screen figcaption { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; padding: 14px 16px; color: #adc5d4; background: #0b2941; font-size: 10px; line-height: 1.6; }
body.uv-site [data-resources-overview] .uv-resources-screen-label { color: #e4f4f2; font-weight: 650; }
body.uv-site [data-resources-overview] .uv-resources-workflow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-block: 24px; border-top: 1px solid #cfded8; }
body.uv-site [data-resources-overview] .uv-resources-workflow a { display: flex; align-items: flex-start; gap: 16px; min-height: 50px; padding: 4px 24px; color: #143b40; }
body.uv-site [data-resources-overview] .uv-resources-workflow a:first-child { padding-left: 0; }
body.uv-site [data-resources-overview] .uv-resources-workflow a:last-child { padding-right: 0; }
body.uv-site [data-resources-overview] .uv-resources-workflow a + a { border-left: 1px solid #cfded8; }
body.uv-site [data-resources-overview] .uv-resources-workflow a > span { color: #00715b; font-size: 11px; font-weight: 750; line-height: 24px; }
body.uv-site [data-resources-overview] .uv-resources-workflow strong { display: block; font-size: 14px; font-weight: 650; line-height: 1.5; }
body.uv-site [data-resources-overview] .uv-resources-workflow small { display: block; margin-top: 4px; color: #516c64; font-size: 11px; line-height: 1.6; }
body.uv-site [data-resources-overview] .uv-resources-workflow b { margin-left: auto; color: #00715b; font-size: 18px; font-weight: 400; }

/* All nine destinations remain discoverable without a carousel or JavaScript. */
body.uv-site [data-resources-overview] .uv-resources-overview { padding: 72px 0 48px; }
body.uv-site [data-resources-overview] .uv-resources-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 48px; margin-bottom: 32px; }
body.uv-site [data-resources-overview] .uv-resources-section-heading h2 { max-width: 610px; margin-top: 14px; font-size: 36px; line-height: 1.2; }
body.uv-site [data-resources-overview] .uv-resources-section-heading > p { max-width: 290px; margin: 0; color: var(--resource-copy); font-size: 14px; line-height: 1.8; }
body.uv-site [data-resources-overview] .uv-resources-map { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
body.uv-site [data-resources-overview] .uv-resources-map-card { display: grid; grid-template-columns: 38px minmax(0, 1fr) 12px; align-items: start; gap: 14px; min-height: 138px; padding: 22px; color: var(--resource-ink); background: #fff; border: 1px solid #dce5e4; border-radius: 13px; transition: border-color .2s, background .2s; }
body.uv-site [data-resources-overview] .uv-resources-map-card:hover { color: var(--resource-ink); background: #f0f7f4; border-color: #93bdaf; }
body.uv-site [data-resources-overview] .uv-resources-map-icon { display: grid; place-items: center; width: 38px; height: 38px; color: #006b57; background: #eaf4ef; border-radius: 10px; }
body.uv-site [data-resources-overview] .uv-resources-map-icon svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
body.uv-site [data-resources-overview] .uv-resources-map-card strong { display: block; font-size: 14px; font-weight: 650; line-height: 1.5; }
body.uv-site [data-resources-overview] .uv-resources-map-card div > span { display: block; margin-top: 6px; color: var(--resource-copy); font-size: 12px; line-height: 1.7; }
body.uv-site [data-resources-overview] .uv-resources-map-card > b { color: #3d7b6a; font-size: 17px; font-weight: 400; }
body.uv-site [data-resources-overview] .uv-resource-jump { position: sticky; top: 94px; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 20px; background: #fff; border: 1px solid #dce5e4; border-radius: 12px; box-shadow: 0 8px 24px #143e4610; }
body.uv-site [data-resources-overview] .uv-resource-jump[hidden] { display: none; }
body.uv-site [data-resources-overview] .uv-resource-jump > div { display: flex; align-items: center; gap: 20px; }
body.uv-site [data-resources-overview] .uv-resource-position { color: #637c86; font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }
body.uv-site [data-resources-overview] .uv-resource-jump select { width: min(100%, 350px); min-height: 44px; padding: 9px 36px 9px 14px; color: #194939; background-color: #f4f8f6; border: 1px solid #d4e4dc; border-radius: 7px; font-size: 14px; }

/* Shorter editorial sections keep full detail behind native, accessible disclosure. */
body.uv-site [data-resources-overview] .uv-resource-section { grid-template-columns: minmax(0, .95fr) minmax(0, 1.2fr); gap: 56px; min-height: 0; padding: 64px 0; border-color: #dce5e4; scroll-margin-top: 16px; }
body.uv-site [data-resources-overview] .uv-resource-section.is-reversed { grid-template-columns: minmax(0, 1.2fr) minmax(0, .95fr); }
body.uv-site [data-resources-overview] .uv-resource-number { display: inline-flex; align-items: center; justify-content: center; width: 30px; min-height: 26px; margin: 0 10px 0 0; color: #527385; background: #eaf0f4; border-radius: 5px; font-size: 11px; font-weight: 700; line-height: 1.4; letter-spacing: .02em; vertical-align: middle; }
body.uv-site [data-resources-overview] .uv-resource-eyebrow { display: inline; min-height: 0; padding: 0; color: #006b57; background: transparent; border-radius: 0; font-size: 10px; font-weight: 750; line-height: 1.8; letter-spacing: .07em; vertical-align: middle; }
body.uv-site [data-resources-overview] .uv-resource-copy h2 { max-width: 540px; margin: 18px 0 22px; font-size: clamp(28px, 2.6vw, 36px); line-height: 1.15; }
body.uv-site [data-resources-overview] .uv-resource-copy .uv-resource-lead { max-width: none; margin: 0; color: var(--resource-copy); font-size: 15px; line-height: 1.85; }
body.uv-site [data-resources-overview] .uv-resource-points { display: grid; gap: 10px; margin: 22px 0 0; }
body.uv-site [data-resources-overview] .uv-resource-points li { width: auto; padding: 0 0 0 20px; color: #254f47; background: transparent; border: 0; border-radius: 0; font-size: 12px; font-weight: 600; line-height: 1.7; }
body.uv-site [data-resources-overview] .uv-resource-points li::before { left: 2px; width: 5px; height: 5px; background: #00846b; border: 0; }
body.uv-site [data-resources-overview] .uv-resource-detail { margin-top: 24px; border-top: 1px solid #dce5e4; }
body.uv-site [data-resources-overview] .uv-resource-detail summary { display: flex; justify-content: space-between; align-items: center; gap: 18px; min-height: 48px; padding: 10px 0; color: #006b57; font-size: 12px; font-weight: 650; list-style: none; cursor: pointer; }
body.uv-site [data-resources-overview] .uv-resource-detail summary::-webkit-details-marker { display: none; }
body.uv-site [data-resources-overview] .uv-resource-detail summary span { font-size: 22px; font-weight: 400; }
body.uv-site [data-resources-overview] .uv-resource-detail[open] summary span { transform: rotate(45deg); }
body.uv-site [data-resources-overview] .uv-resource-detail p { margin: 8px 0 0; color: var(--resource-copy); font-size: 14px; line-height: 1.85; }
body.uv-site [data-resources-overview] .uv-resource-visual,
body.uv-site [data-resources-overview] .uv-resource-section.is-reversed .uv-resource-visual { padding: 28px; background: #eaf0f6; border-radius: 22px; }
body.uv-site [data-resources-overview] .uv-resource-section:nth-child(even) .uv-resource-visual { background: #e4efea; }
body.uv-site [data-resources-overview] .uv-resource-visual::before { content: none; }
body.uv-site [data-resources-overview] .uv-resource-screenshot { border: 1px solid #c8d8db; border-radius: 10px; box-shadow: 0 12px 24px #15344514; }
body.uv-site [data-resources-overview] .uv-resource-window-bar { min-height: 30px; background: #f9fbfc; }
body.uv-site [data-resources-overview] .uv-resource-window-bar span { color: #526a71; font-size: 10px; }
body.uv-site [data-resources-overview] .uv-resource-image-link { position: relative; display: block; color: #fff; cursor: zoom-in; }
body.uv-site [data-resources-overview] .uv-resource-image-link img { width: 100%; height: auto; }
body.uv-site [data-resources-overview] .uv-resource-zoom-hint { position: absolute; bottom: 10px; right: 10px; padding: 7px 10px; color: #fff; background: #0c3047; border: 1px solid #446677; border-radius: 5px; font-size: 10px; line-height: 1.5; }
body.uv-site [data-resources-overview] .uv-resource-screenshot figcaption { padding: 14px; color: #536976; font-size: 11px; line-height: 1.7; }
body.uv-site [data-resources-overview] .uv-resource-responsibility { margin: 32px 0 0; padding: 30px; background: #fcf9f1; border-color: #e8dfc5; }
body.uv-site [data-resources-overview] .uv-resource-responsibility h2 { margin-bottom: 12px; color: #58482c; font-size: 22px; line-height: 1.3; letter-spacing: -.025em; }
body.uv-site [data-resources-overview] .uv-resource-responsibility p { color: #6b624e; font-size: 14px; line-height: 1.85; }
body.uv-site [data-resources-overview] .uv-resources-next { display: flex; align-items: center; justify-content: space-between; gap: 56px; margin-top: 60px; padding: 44px; color: #edf6f8; background: radial-gradient(ellipse at 85% 30%, #174d54, transparent 60%), #0b2941; border-radius: 20px; }
body.uv-site [data-resources-overview] .uv-resources-next .uv-resources-eyebrow { color: #8be3c9; }
body.uv-site [data-resources-overview] .uv-resources-next h2 { max-width: 620px; margin: 16px 0; color: #edf6f8; font-size: 32px; line-height: 1.2; }
body.uv-site [data-resources-overview] .uv-resources-next p { max-width: 580px; margin: 0; color: #bfd2db; font-size: 14px; line-height: 1.8; }
body.uv-site [data-resources-overview] .uv-resources-next > div:last-child { display: flex; flex-shrink: 0; flex-direction: column; align-items: stretch; gap: 10px; }
body.uv-site [data-resources-overview] .uv-resources-next .uv-resources-action { color: #113e35; background: #91ebcd; }
body.uv-site [data-resources-overview] .uv-resources-next .uv-resources-text-link { padding-inline: 4px; color: #c5e9e1; }
body.uv-site [data-resources-overview] .uv-resources-next a:focus-visible { outline-color: #91ebcd; }
body:has([data-resources-overview]) .uv-footer h2 { color: #d4e4ef; }

/* Native modal: keyboard focus and Escape are handled by the browser. */
body.uv-site:has([data-resources-overview] .uv-resource-viewer[open]) { overflow: hidden; }
body.uv-site [data-resources-overview] .uv-resource-viewer { width: min(calc(100% - 32px), 1440px); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow: hidden; color: #102e44; background: #fff; border: 1px solid #dce5e4; border-radius: 14px; box-shadow: 0 24px 80px #0005; }
body.uv-site [data-resources-overview] .uv-resource-viewer[open] { display: flex; flex-direction: column; }
body.uv-site [data-resources-overview] .uv-resource-viewer::backdrop { background: #061d38c9; }
body.uv-site [data-resources-overview] .uv-resource-viewer-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 24px; border-bottom: 1px solid #dce5e4; }
body.uv-site [data-resources-overview] .uv-resource-viewer-header h2 { font-size: 20px; line-height: 1.3; letter-spacing: -.025em; }
body.uv-site [data-resources-overview] .uv-resource-viewer-header p { margin: 5px 0 0; color: #536976; font-size: 12px; line-height: 1.6; }
body.uv-site [data-resources-overview] .uv-resource-viewer-header button { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; color: #173f49; background: #eef4f2; border: 1px solid #d4e4dc; border-radius: 8px; font-size: 28px; cursor: pointer; }
body.uv-site [data-resources-overview] .uv-resource-viewer-image { min-height: 0; max-height: 70vh; overflow: auto; overscroll-behavior: contain; }
body.uv-site [data-resources-overview] .uv-resource-viewer-image img { display: block; width: 1440px; max-width: none; height: auto; }
body.uv-site [data-resources-overview] #uv-resource-viewer-caption { flex-shrink: 0; margin: 0; padding: 14px 24px; color: #536976; border-top: 1px solid #dce5e4; font-size: 12px; line-height: 1.7; }

@media (max-width: 1100px) {
  body.uv-site [data-resources-overview] .uv-container,
  body.uv-site .uv-reference-recursos[data-resources-overview] .uv-page-content { width: calc(100% - 48px); }
  body.uv-site [data-resources-overview] .uv-resources-hero-grid { gap: 32px; }
  body.uv-site [data-resources-overview] .uv-resources-hero h1 { font-size: 46px; }
  body.uv-site [data-resources-overview] .uv-resources-hero-copy > p { font-size: 16px; }
  body.uv-site [data-resources-overview] .uv-resources-map-card { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; padding: 20px; }
  body.uv-site [data-resources-overview] .uv-resources-map-card > b { display: none; }
  body.uv-site [data-resources-overview] .uv-resource-section,
  body.uv-site [data-resources-overview] .uv-resource-section.is-reversed { gap: 36px; }
  body.uv-site [data-resources-overview] .uv-resource-visual,
  body.uv-site [data-resources-overview] .uv-resource-section.is-reversed .uv-resource-visual { padding: 20px; }
}
@media (max-width: 980px) {
  body.uv-site [data-resources-overview] .uv-resources-hero-grid { grid-template-columns: 1fr; gap: 36px; padding-bottom: 44px; }
  body.uv-site [data-resources-overview] .uv-resources-hero-copy { max-width: 700px; }
  body.uv-site [data-resources-overview] .uv-resources-hero h1 { max-width: 670px; font-size: 52px; }
  body.uv-site [data-resources-overview] .uv-resources-hero-copy > p { max-width: 580px; }
  body.uv-site [data-resources-overview] .uv-resources-hero-screen { max-width: 760px; width: 100%; }
  body.uv-site [data-resources-overview] .uv-resources-workflow a { padding-inline: 18px; gap: 12px; }
  body.uv-site [data-resources-overview] .uv-resources-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.uv-site [data-resources-overview] .uv-resources-map-card { grid-template-columns: 38px minmax(0, 1fr) 12px; min-height: 128px; }
  body.uv-site [data-resources-overview] .uv-resources-map-card > b { display: block; }
  body.uv-site [data-resources-overview] .uv-resources-section-heading { align-items: flex-start; gap: 24px; }
  body.uv-site [data-resources-overview] .uv-resources-section-heading h2 { font-size: 32px; }
  body.uv-site [data-resources-overview] .uv-resource-section,
  body.uv-site [data-resources-overview] .uv-resource-section.is-reversed { grid-template-columns: 1fr; gap: 28px; padding-block: 48px; }
  body.uv-site [data-resources-overview] .uv-resource-section.is-reversed .uv-resource-copy { order: 1; }
  body.uv-site [data-resources-overview] .uv-resource-section.is-reversed .uv-resource-visual { order: 2; }
  body.uv-site [data-resources-overview] .uv-resource-copy { max-width: 760px; }
  body.uv-site [data-resources-overview] .uv-resource-copy h2 { max-width: 660px; font-size: 34px; }
  body.uv-site [data-resources-overview] .uv-resource-copy .uv-resource-lead { font-size: 16px; }
  body.uv-site [data-resources-overview] .uv-resource-points { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  body.uv-site [data-resources-overview] .uv-resource-screenshot figcaption { font-size: 12px; }
  body.uv-site [data-resources-overview] .uv-resources-next { gap: 32px; padding: 36px; }
}
@media (max-width: 620px) {
  html:has([data-resources-overview]) { scroll-padding-top: 210px; }
  body.uv-site [data-resources-overview] .uv-container,
  body.uv-site .uv-reference-recursos[data-resources-overview] .uv-page-content { width: calc(100% - 32px); }
  body.uv-site [data-resources-overview] .uv-resources-breadcrumb { padding-block: 22px; font-size: 11px; }
  body.uv-site [data-resources-overview] .uv-resources-hero { padding-top: 20px; }
  body.uv-site [data-resources-overview] .uv-resources-hero h1 { margin-block: 18px 22px; font-size: clamp(36px, 9vw, 48px); }
  body.uv-site [data-resources-overview] .uv-resources-hero-copy > p { font-size: 16px; }
  body.uv-site [data-resources-overview] .uv-resources-hero-actions { align-items: stretch; flex-direction: column; gap: 8px; margin-top: 24px; }
  body.uv-site [data-resources-overview] .uv-resources-hero-actions .uv-resources-text-link { justify-content: flex-start; }
  body.uv-site [data-resources-overview] .uv-resources-hero-copy > .uv-resources-hero-note { max-width: 290px; margin-top: 16px; font-size: 11px; }
  body.uv-site [data-resources-overview] .uv-resources-hero-screen { border-radius: 10px; }
  body.uv-site [data-resources-overview] .uv-resources-screen-top { padding-inline: 10px; font-size: 9px; }
  body.uv-site [data-resources-overview] .uv-resources-hero-screen figcaption { flex-direction: column; align-items: flex-start; gap: 4px; padding: 12px; font-size: 10px; }
  body.uv-site [data-resources-overview] .uv-resources-workflow { grid-template-columns: 1fr; padding-block: 12px; }
  body.uv-site [data-resources-overview] .uv-resources-workflow a,
  body.uv-site [data-resources-overview] .uv-resources-workflow a:first-child,
  body.uv-site [data-resources-overview] .uv-resources-workflow a:last-child { padding: 18px 0; }
  body.uv-site [data-resources-overview] .uv-resources-workflow a + a { border-left: 0; border-top: 1px solid #cfded8; }
  body.uv-site [data-resources-overview] .uv-resources-workflow strong { font-size: 15px; }
  body.uv-site [data-resources-overview] .uv-resources-workflow small { font-size: 12px; }
  body.uv-site [data-resources-overview] .uv-resources-overview { padding-block: 44px 32px; }
  body.uv-site [data-resources-overview] .uv-resources-section-heading { flex-direction: column; gap: 18px; margin-bottom: 24px; }
  body.uv-site [data-resources-overview] .uv-resources-section-heading h2 { font-size: 30px; }
  body.uv-site [data-resources-overview] .uv-resources-section-heading > p { max-width: none; }
  body.uv-site [data-resources-overview] .uv-resources-map { grid-template-columns: 1fr; gap: 10px; }
  body.uv-site [data-resources-overview] .uv-resources-map-card { min-height: 0; padding: 20px; }
  body.uv-site [data-resources-overview] .uv-resources-map-card strong { font-size: 15px; }
  body.uv-site [data-resources-overview] .uv-resources-map-card div > span { font-size: 13px; }
  body.uv-site [data-resources-overview] .uv-resource-jump { top: 94px; flex-direction: column; align-items: stretch; gap: 8px; padding: 12px 16px; }
  body.uv-site [data-resources-overview] .uv-resource-jump > div { justify-content: space-between; }
  body.uv-site [data-resources-overview] .uv-resource-jump select { width: 100%; font-size: 16px; }
  body.uv-site [data-resources-overview] .uv-resource-section,
  body.uv-site [data-resources-overview] .uv-resource-section.is-reversed { padding-block: 40px; gap: 24px; }
  body.uv-site [data-resources-overview] .uv-resource-copy h2 { margin-block: 16px 20px; font-size: 30px; }
  body.uv-site [data-resources-overview] .uv-resource-eyebrow { font-size: 9px; }
  body.uv-site [data-resources-overview] .uv-resource-points { grid-template-columns: 1fr; gap: 10px; }
  body.uv-site [data-resources-overview] .uv-resource-points li { font-size: 13px; }
  body.uv-site [data-resources-overview] .uv-resource-visual,
  body.uv-site [data-resources-overview] .uv-resource-section.is-reversed .uv-resource-visual { padding: 12px; border-radius: 14px; }
  body.uv-site [data-resources-overview] .uv-resource-screenshot figcaption { padding: 12px; font-size: 12px; }
  body.uv-site [data-resources-overview] .uv-resource-responsibility { grid-template-columns: 1fr; gap: 18px; margin-top: 20px; padding: 24px; }
  body.uv-site [data-resources-overview] .uv-resource-responsibility h2 { font-size: 22px; }
  body.uv-site [data-resources-overview] .uv-resources-next { align-items: stretch; flex-direction: column; gap: 24px; margin-top: 36px; padding: 28px 24px; border-radius: 16px; }
  body.uv-site [data-resources-overview] .uv-resources-next h2 { font-size: 28px; }
  body.uv-site .uv-reference-recursos[data-resources-overview] .uv-page-content { padding-bottom: 48px; }
  body.uv-site [data-resources-overview] .uv-resource-viewer-header { padding: 14px 16px; gap: 12px; }
  body.uv-site [data-resources-overview] .uv-resource-viewer-header h2 { font-size: 17px; }
  body.uv-site [data-resources-overview] #uv-resource-viewer-caption { padding: 12px 16px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  html:has([data-resources-overview]) { scroll-behavior: auto !important; }
  body.uv-site [data-resources-overview] * { transition: none !important; }
}