/* Pagos UM: scoped layout; institutional navigation and footer remain shared. */
body.pagos-2026 { --pg-ink:#12344d; --pg-muted:#526879; --pg-line:#dce6ee; background:#fff; }
.pagos-2026 .pg-icon { width:22px; height:22px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
.pagos-2026 .pg-eyebrow { font-size:10px; font-weight:700; letter-spacing:1.8px; margin:0 0 16px; color:var(--um-blue); }
.pg-hero { background:var(--um-blue); color:#fff; overflow:hidden; }
.pg-breadcrumb { display:flex; gap:12px; align-items:center; padding:24px 0; color:#daedfc; font-size:11px; }
.pg-breadcrumb a { color:#fff; text-underline-offset:4px; }
.pg-hero-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:70px; align-items:center; padding:24px 0 66px; }
.pg-hero .pg-eyebrow { color:#d0ebfb; }
.pagos-2026 .pg-hero h1 { font:400 clamp(76px,8vw,116px)/.92 'Bebas Neue',sans-serif; letter-spacing:-1.4px; color:#fff; margin:0 0 26px; }
.pg-hero h1 span { color:var(--um-yellow); }
.pagos-2026 .pg-lead { max-width:460px; font-size:16px; line-height:1.8; color:#edf7ff; margin-bottom:28px; }
.pg-hero-link { display:inline-flex; gap:20px; align-items:center; min-height:44px; color:#fff; font-size:13px; font-weight:700; text-underline-offset:5px; }
.pg-hero-link:hover { color:var(--um-yellow); }
.pg-hero-access { position:relative; padding:0 24px 0 0; max-width:460px; width:100%; justify-self:end; }
.pg-hero-access::before { content:''; position:absolute; inset:20px 0 34px 22px; border:1px solid #ffffff75; border-radius:20px; transform:rotate(4deg); }
.pg-academic { position:relative; background:#fff; border-radius:16px; padding:30px; color:var(--pg-ink); box-shadow:0 16px 40px #00397e35; }
.pg-academic-top { display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:9px; font-weight:700; letter-spacing:1.4px; color:var(--pg-muted); margin-bottom:25px; }
.pg-academic-top .pg-icon { width:27px; height:27px; color:var(--um-blue); }
.pg-academic>img { display:block; width:169px; height:auto; margin-bottom:24px; }
.pagos-2026 .pg-academic h2 { font-size:28px; line-height:1.15; letter-spacing:-1px; margin-bottom:16px; color:var(--pg-ink); }
.pg-academic>p { font-size:13px; color:var(--pg-muted); margin-bottom:22px; }
.pg-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:50px; border-radius:30px; padding:13px 22px; font-size:13px; font-weight:700; text-decoration:none; transition:background .2s; }
.pg-button--yellow { color:var(--pg-ink); background:var(--um-yellow); }
.pg-button--yellow:hover { color:var(--pg-ink); background:#f1cb00; }
.pg-button--blue { background:var(--um-blue); color:#fff; }
.pg-button--blue:hover { background:#00477f; color:#fff; }
.pg-academic>.pg-button { width:100%; justify-content:space-between; }
.pg-external-note { display:block; font-size:10px; text-align:center; color:var(--pg-muted); margin-top:13px; line-height:1.6; }
.pg-access-caption { position:relative; margin:23px 0 0; color:#deeffa; font-size:9px; letter-spacing:1.6px; }
.pg-access-caption span { color:var(--um-yellow); margin-right:14px; }
.pg-spark { position:absolute; right:-23px; top:-27px; width:68px; height:68px; color:var(--um-yellow); z-index:1; transform:rotate(12deg); }
.pg-hero :is(a,button):focus-visible { outline-color:var(--um-yellow); }
.pg-academic :is(a,button):focus-visible { outline-color:var(--um-blue); }
.pg-section-nav { position:sticky; top:124px; z-index:50; background:#fff; border-bottom:1px solid var(--pg-line); box-shadow:0 3px 12px #12344d05; }
.pg-section-nav>.home-container { display:flex; gap:38px; }
.pg-section-nav a { display:flex; align-items:center; gap:12px; min-height:68px; font-size:12px; font-weight:700; color:var(--pg-ink); text-decoration:none; border-bottom:3px solid transparent; padding-top:3px; white-space:nowrap; }
.pg-section-nav a:hover,.pg-section-nav a[aria-current="location"] { color:var(--um-blue); border-bottom-color:var(--um-blue); }
.pg-section-nav a span { font-size:10px; color:var(--pg-muted); }
.pagos-2026 .pg-section[id] { scroll-margin-top:215px; }
.pg-section { padding:78px 0; }
.pg-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:36px; }
.pagos-2026 .pg-heading h2 { color:var(--pg-ink); font-size:clamp(30px,3.1vw,42px); letter-spacing:-1.4px; line-height:1.13; margin:0; }
.pg-heading>p { font-size:13px; color:var(--pg-muted); margin:0 0 3px; line-height:1.8; }
.pg-date-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.pg-date-card { border:1px solid var(--pg-line); border-radius:12px; overflow:hidden; }
.pg-date-title { min-height:106px; padding:23px 28px; display:flex; align-items:center; gap:20px; background:#f1f7fb; }
.pg-date-title>.pg-icon { width:28px; height:28px; color:var(--um-blue); }
.pagos-2026 .pg-date-title h3 { font-size:20px; line-height:1.3; font-weight:700; margin:0; color:var(--pg-ink); }
.pg-date-list { margin:0; padding:0 28px; }
.pg-date-list>div { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:22px 0; border-top:1px solid var(--pg-line); }
.pg-date-list>div:first-child { border-top:0; }
.pg-date-list dt { font-size:13px; font-weight:400; color:var(--pg-muted); }
.pg-date-list dt strong { display:block; font-size:20px; font-weight:700; color:var(--pg-ink); margin:3px 0; }
.pg-date-list dd { margin:0; display:flex; flex-direction:column; align-items:flex-end; color:var(--pg-muted); font-size:11px; white-space:nowrap; }
.pg-rate { font:400 39px/1 'Bebas Neue',sans-serif; color:var(--pg-ink); margin-bottom:5px; }
.pg-rate>span { font-size:23px; }
.pg-date-free .pg-rate { color:var(--um-blue); }
.pg-date-free dd>span:last-child { background:#e9f6ee; color:#225639; padding:5px 8px; border-radius:4px; font-weight:700; }
.pg-methods { background:#edf5fa; border-block:1px solid #ddeaf2; }
.pg-method-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.pg-method { display:flex; flex-direction:column; background:#fff; padding:26px 24px; border-radius:12px; border:1px solid var(--pg-line); }
.pg-method-top { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--um-blue); margin-bottom:31px; }
.pg-method-top>span { font-size:9px; font-weight:700; letter-spacing:1px; }
.pg-method-top .pg-icon { width:30px; height:30px; }
.pagos-2026 .pg-method h3 { font-size:23px; font-weight:700; letter-spacing:-.6px; line-height:1.2; min-height:56px; margin-bottom:18px; color:var(--pg-ink); }
.pg-method>p { font-size:13px; color:var(--pg-muted); line-height:1.8; margin:0 0 24px; }
.pg-text-link { display:inline-flex; gap:10px; align-items:center; font-size:12px; font-weight:700; text-underline-offset:4px; color:var(--um-blue); min-height:44px; }
.pg-text-link>.pg-icon { width:17px; height:17px; }
.pg-method>.pg-text-link { margin-top:auto; }
.pg-method--online { background:#003d70; border-color:#003d70; }
.pg-method--online :is(.pg-method-top,.pg-text-link) { color:var(--um-yellow); }
.pagos-2026 .pg-method--online h3 { color:#fff; }
.pg-method--online>p { color:#e0eff9; }
.pg-method--online a:focus-visible { outline-color:var(--um-yellow); }
.pg-campus-filter { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:28px; padding:19px 24px; background:#f4f7f9; border-radius:8px; }
.pg-campus-filter label { font-size:12px; font-weight:700; }
.pg-campus-filter select { appearance:auto; width:255px; max-width:100%; padding:12px 15px; min-height:46px; border:1px solid #bdcedb; border-radius:6px; background:#fff; color:var(--pg-ink); font:14px Helvetica,Arial,sans-serif; }
.pg-campus-filter>p { font-size:11px; margin:0 0 0 auto; color:var(--pg-muted); }
.pg-hours-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:start; }
.pg-campus { border-top:3px solid var(--um-blue); border-radius:4px 4px 10px 10px; padding:24px 22px; background:#f4f8fb; }
.pagos-2026 .pg-campus h3 { display:flex; align-items:flex-start; gap:9px; font-size:17px; font-weight:700; line-height:1.3; min-height:44px; margin:0 0 18px; }
.pg-campus h3 .pg-icon { color:var(--um-blue); width:20px; height:20px; }
.pg-campus dl { margin:0; display:grid; gap:14px; }
.pg-campus dt { font-size:11px; color:var(--pg-muted); font-weight:400; margin-bottom:2px; }
.pg-campus dd { font-size:15px; color:var(--pg-ink); font-weight:700; margin:0; font-variant-numeric:tabular-nums; }
.pg-help { background:#eef5d8; overflow:hidden; border-top:1px solid #e1e8c9; }
.pg-help-grid { display:grid; grid-template-columns:180px 1fr auto; gap:35px; align-items:center; padding:38px 0 0 !important; }
.pg-umi { width:170px; height:255px; object-fit:contain; object-position:bottom; align-self:end; }
.pg-help-grid>div { padding-bottom:38px; }
.pagos-2026 .pg-help h2 { font-size:32px; line-height:1.1; letter-spacing:-1px; color:var(--pg-ink); margin:0 0 14px; }
.pg-help p:last-child { font-size:13px; color:#435a43; max-width:450px; margin-bottom:0; }
.pg-help .pg-button { margin-bottom:38px; }
@media(max-width:1199px) {
  .pg-hero-grid { gap:40px; }
  .pg-method-grid,.pg-hours-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pg-method h3 { min-height:auto; }
  .pg-help-grid { grid-template-columns:140px 1fr auto; gap:25px; }
  .pg-umi { width:140px; height:220px; }
}
@media(max-width:991px) {
  .pg-section-nav { top:78px; }
  .pagos-2026 .pg-section[id] { scroll-margin-top:166px; }
  .pg-hero-grid { gap:28px; padding-top:30px; }
  .pg-hero-access { padding-right:0; }
  .pg-academic { padding:24px; }
  .pg-spark { width:45px; height:45px; right:-13px; top:-22px; }
  .pg-academic-top { font-size:8px; gap:10px; }
  .pg-access-caption { font-size:8px; letter-spacing:1px; }
  .pg-date-title { padding:22px; gap:14px; }
  .pg-date-list { padding:0 22px; }
  .pg-help-grid { grid-template-columns:140px 1fr; }
  .pg-umi { grid-row:1/3; }
  .pg-help-grid>div { padding:0; }
  .pg-help .pg-button { justify-self:start; }
}
@media(max-width:767px) {
  .pg-breadcrumb { padding:20px 0; }
  .pg-hero-grid { grid-template-columns:1fr; gap:42px; padding:14px 0 38px; }
  .pagos-2026 .pg-hero h1 { font-size:82px; }
  .pagos-2026 .pg-lead { font-size:15px; }
  .pg-hero-access { max-width:100%; }
  .pg-academic { padding:28px; }
  .pg-academic-top { font-size:9px; }
  .pg-access-caption { font-size:9px; }
  .pg-section-nav>.home-container { width:100%; gap:0; padding-inline:18px; justify-content:space-between; }
  .pg-section-nav a { min-height:59px; font-size:10px; gap:6px; }
  .pg-section-nav a span { display:none; }
  .pg-section { padding:49px 0; }
  .pg-heading { display:block; margin-bottom:26px; }
  .pg-heading>p { margin-top:18px; }
  .pg-heading>p br { display:none; }
  .pg-date-grid,.pg-method-grid { grid-template-columns:1fr; gap:20px; }
  .pg-date-title { min-height:90px; }
  .pg-date-list>div { padding:20px 0; }
  .pg-method { padding:26px; }
  .pg-method-top { margin-bottom:20px; }
  .pagos-2026 .pg-method h3 { min-height:0; }
  .pg-method h3 br { display:none; }
  .pg-method>p { margin-bottom:14px; }
  .pg-campus-filter { align-items:stretch; gap:10px; padding:18px; }
  .pg-campus-filter label,.pg-campus-filter select { width:100%; }
  .pg-campus-filter select { font-size:16px; }
  .pg-campus-filter>p { margin:3px 0 0; }
  .pg-hours-grid { gap:14px; }
  .pg-campus { padding:19px 16px; }
  .pagos-2026 .pg-campus h3 { font-size:15px; min-height:40px; gap:6px; }
  .pg-campus h3 .pg-icon { width:17px; height:17px; }
  .pg-campus dd { font-size:13px; }
  .pg-help-grid { grid-template-columns:95px 1fr; gap:22px 18px; padding-top:32px !important; }
  .pg-umi { width:105px; height:200px; margin-left:-10px; }
  .pagos-2026 .pg-help h2 { font-size:26px; }
  .pg-help .pg-eyebrow { font-size:8px; letter-spacing:1.2px; }
  .pg-help h2 br { display:none; }
  .pg-help .pg-button { padding:12px 18px; gap:12px; font-size:12px; margin-bottom:32px; }
}
@media(max-width:374px) {
  .pagos-2026 .pg-hero h1 { font-size:73px; }
  .pg-academic { padding:22px; }
  .pg-date-list dt strong { font-size:18px; }
  .pg-date-list>div { gap:15px; }
  .pg-hours-grid { grid-template-columns:1fr; }
  .pagos-2026 .pg-campus h3 { min-height:0; }
  .pg-campus dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pg-help-grid { grid-template-columns:76px 1fr; gap:20px 15px; }
  .pg-umi { width:88px; height:180px; }
}
@media(prefers-reduced-motion:reduce) { .pg-button { transition:none; } }