/* Campus directory. Digital palette: Manual de Identidad 2026, pp. 12 and 14. */
@font-face { font-family:UM Locations; src:url('../landing-pages/fonts/helvetica.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:UM Locations; src:url('../landing-pages/fonts/helvetica-bold.ttf') format('truetype'); font-weight:700; font-display:swap; }
body.ubicaciones-2026 { --ub-blue:#005fab; --ub-dark:#00397e; --ub-yellow:#ffd500; --ub-cyan:#22bae0; --ub-ink:#15344b; --ub-line:#d7e2e9; background:#f5f8fa; color:var(--ub-ink); }
.ubicaciones-2026 main { font-family:UM Locations,Helvetica,Arial,sans-serif; }
.ubicaciones-2026 :is(section,article,nav)[id] { scroll-margin-top:155px; }
.ubicaciones-2026 main a { text-underline-offset:4px; }
.ubicaciones-2026 .ub-icon { display:inline-block; width:22px; height:22px; flex:0 0 22px; vertical-align:middle; pointer-events:none; }
.ubicaciones-2026 .ub-wrap { width:min(1240px,calc(100% - 96px)); margin-inline:auto; }
.ub-kicker { font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; }
.ub-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:50px; padding:14px 23px; border:1px solid transparent; border-radius:5px; font-weight:700; font-size:13px; text-decoration:none; transition:background .2s,transform .2s; }
.ub-button:hover { transform:translateY(-2px); }
.ub-button--yellow { background:var(--ub-yellow); color:#14344c; }
.ub-button--yellow:hover { color:#14344c; background:#ffe34f; }
.ub-button--blue { background:var(--ub-blue); color:#fff; }
.ub-button--blue:hover { background:var(--ub-dark); color:#fff; }
.ub-button--line { background:transparent; border-color:#ffffff60; color:#fff; }
.ub-button--line:hover { background:#ffffff18; color:#fff; }
.ub-text-link { display:inline-flex; align-items:center; gap:12px; font-size:13px; font-weight:700; color:var(--ub-blue); }
.ub-hero { color:#fff; background:var(--ub-blue); overflow:hidden; padding:24px 0 0; position:relative; }
.ub-breadcrumb { display:flex; gap:10px; align-items:center; font-size:11px; color:#d6eaf9; margin-bottom:30px; }
.ub-breadcrumb a { color:inherit; }
.ub-breadcrumb [aria-current] { color:#fff; }
.ub-hero-grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:58px; align-items:center; padding:15px 0 52px; }
.ub-hero .ub-kicker { color:#c9eefa; margin-bottom:24px; display:flex; align-items:center; gap:9px; letter-spacing:1.5px; }
.ub-kicker-dot { width:7px; height:7px; background:var(--ub-yellow); border-radius:50%; }
.ubicaciones-2026 .ub-hero h1 { color:#fff; font-family:'Bebas Neue','Arial Narrow',sans-serif; font-size:clamp(74px,7.7vw,112px); line-height:.92; font-weight:400; letter-spacing:-.5px; margin:0 0 26px; }
.ub-hero h1 span { color:var(--ub-yellow); }
.ub-hero-lead { color:#e2effa; font-size:16px; max-width:375px; margin-bottom:27px; }
.ub-hero-actions { display:flex; gap:21px; flex-wrap:wrap; align-items:center; }
.ub-hero-actions > a:not(.ub-button) { color:#fff; font-size:12px; font-weight:700; }
.ub-preview { position:relative; padding:20px 0 0; }
.ub-preview::before { content:''; width:80%; height:65%; background:var(--ub-cyan); position:absolute; right:-28px; top:-2px; border-radius:8px 100px 8px 8px; transform:rotate(4deg); }
.ub-photo-frame { position:relative; margin:0; background:#fff; border:8px solid #fff; border-bottom:0; border-radius:9px 9px 0 0; overflow:hidden; box-shadow:0 20px 55px #002b5625; }
.ub-photo-frame img { display:block; width:100%; height:337px; object-fit:cover; }
.ub-photo-frame figcaption { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff; color:var(--ub-ink); padding:18px 14px; min-height:74px; }
.ub-photo-frame figcaption strong { display:block; font-size:17px; line-height:1.2; }
.ub-photo-frame figcaption small { display:block; color:#5b7080; font-size:10px; letter-spacing:.7px; margin-bottom:5px; text-transform:uppercase; }
.ub-preview-map { background:var(--ub-yellow); color:var(--ub-dark); border-radius:50%; width:42px; height:42px; display:grid; place-items:center; flex-shrink:0; }
.ub-preview-map:hover { background:var(--ub-dark); color:#fff; }
.ub-preview-stamp { position:absolute; top:0; left:-30px; z-index:1; background:var(--ub-yellow); color:var(--ub-dark); width:86px; height:86px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(-11deg); box-shadow:0 4px 0 #00397e18; }
.ub-preview-stamp strong { font-family:'Bebas Neue',sans-serif; font-size:43px; line-height:1; font-weight:400; }
.ub-preview-stamp span { font-size:10px; text-transform:uppercase; font-weight:700; letter-spacing:1px; }
.ub-preview-controls { position:relative; display:flex; flex-wrap:wrap; gap:5px; margin-top:18px; }
.ub-preview-controls button { background:transparent; color:#fff; border:1px solid #ffffff55; padding:8px 10px; min-height:37px; font-size:11px; border-radius:4px; }
.ub-preview-controls button[aria-pressed=true],.ub-preview-controls button:hover { background:#fff; color:var(--ub-dark); border-color:#fff; }
.ub-proof { display:grid; grid-template-columns:1fr 1fr 1fr; padding:24px 0; border-top:1px solid #ffffff32; }
.ub-proof > div { display:flex; align-items:center; gap:16px; padding:0 25px; border-right:1px solid #ffffff32; }
.ub-proof > div:first-child { padding-left:0; }
.ub-proof > div:last-child { border:0; }
.ub-proof strong { font-family:'Bebas Neue',sans-serif; font-size:41px; line-height:1; font-weight:400; color:var(--ub-yellow); }
.ub-proof span { font-size:12px; line-height:1.5; color:#e4f0fa; }
.ub-directory { padding:82px 0 86px; }
.ub-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:35px; margin-bottom:34px; }
.ub-section-head .ub-kicker { color:var(--ub-blue); margin-bottom:14px; }
.ubicaciones-2026 .ub-section-head h2 { font-size:clamp(33px,3.6vw,49px); letter-spacing:-1.9px; line-height:1.07; max-width:650px; margin:0; font-weight:700; color:var(--ub-ink); }
.ub-section-head > p { max-width:280px; color:#5c7080; font-size:13px; margin-bottom:2px; }
.ub-filters { display:flex; align-items:center; gap:10px; padding:17px 0; border-block:1px solid var(--ub-line); margin:0 0 18px; }
.ub-filter-group { display:flex; gap:7px; flex-wrap:wrap; }
.ub-filter-group button { display:flex; align-items:center; gap:10px; min-height:42px; padding:9px 13px; border:1px solid #d7e2e9; color:#284356; background:#fff; border-radius:5px; font-size:12px; font-weight:700; }
.ub-filter-group button span { font-size:10px; font-weight:400; opacity:.75; }
.ub-filter-group button[aria-pressed=true] { background:var(--ub-blue); color:#fff; border-color:var(--ub-blue); }
.ub-search { margin-left:auto; display:flex; align-items:center; gap:9px; border:1px solid var(--ub-line); background:#fff; border-radius:5px; padding:0 12px; }
.ub-search input { width:210px; max-width:100%; border:0; padding:12px 0; background:none; font:inherit; font-size:12px; color:var(--ub-ink); min-height:42px; }
.ub-search .ub-icon { color:var(--ub-blue); width:18px; height:18px; }
.ub-results { font-size:11px; color:#5b7080; margin:0 0 21px; }
.ub-campus-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:29px; }
.ub-campus-card { background:#fff; border:1px solid #dce6ec; border-radius:9px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 5px 18px #12344d04; }
.ub-campus-photo { position:relative; overflow:hidden; aspect-ratio:2/1; margin:0; background:#d8e7f1; }
.ub-campus-photo img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .65s ease; }
.ub-campus-card:hover .ub-campus-photo img { transform:scale(1.035); }
.ub-campus-number { position:absolute; top:16px; left:16px; display:grid; place-items:center; background:var(--ub-yellow); border-radius:50%; width:38px; height:38px; color:var(--ub-dark); font:400 23px/1 'Bebas Neue',sans-serif; }
.ub-campus-zone { position:absolute; right:16px; bottom:15px; padding:7px 12px; border-radius:3px; color:#fff; background:#00397ee8; font-size:10px; font-weight:700; letter-spacing:.4px; }
.ub-campus-content { padding:26px 28px; flex:1; display:flex; flex-direction:column; }
.ubicaciones-2026 .ub-campus-card h3 { font-size:26px; letter-spacing:-.7px; font-weight:700; line-height:1.14; margin:0 0 21px; color:var(--ub-dark); font-family:UM Locations,Helvetica,Arial,sans-serif; }
.ub-campus-card h3 small { display:block; font-size:10px; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:6px; font-weight:400; color:#637789; }
.ub-address { font-size:13px; font-style:normal; display:flex; gap:12px; align-items:flex-start; min-height:63px; line-height:1.6; margin:0 0 20px; }
.ub-address .ub-icon { width:19px; height:19px; flex-basis:19px; color:var(--ub-blue); margin-top:3px; }
.ub-contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:22px; border-top:1px solid #e4ecf1; padding-top:19px; }
.ub-contact-grid h4 { font-family:UM Locations,Helvetica,Arial,sans-serif; font-size:10px; letter-spacing:1.2px; text-transform:uppercase; font-weight:700; color:#607585; margin:0 0 9px; }
.ub-campus-phones { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.ub-campus-phones a { color:var(--ub-ink); font-size:13px; font-weight:700; text-decoration:none; display:inline-block; min-height:24px; }
.ub-campus-phones a:hover { color:var(--ub-blue); text-decoration:underline; }
.ub-hours { font-size:12px; line-height:1.6; color:#4c6577; margin:0; }
.ub-campus-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:auto; padding-top:26px; }
.ub-campus-actions .ub-button { font-size:12px; min-height:45px; padding:11px 18px; }
.ub-campus-actions .ub-text-link { font-size:12px; }
.ub-online-teaser { display:flex; flex-direction:column; justify-content:space-between; padding:38px; background:#e3f3f9; border:1px solid #c6e3ef; border-radius:9px; position:relative; overflow:hidden; }
.ub-online-teaser .ub-kicker { color:var(--ub-blue); }
.ubicaciones-2026 .ub-online-teaser h3 { color:var(--ub-dark); font-size:40px; line-height:1.02; font-weight:700; letter-spacing:-1.4px; max-width:330px; margin:24px 0; }
.ub-online-teaser > .ub-icon { width:100px; height:100px; flex-basis:auto; color:var(--ub-blue); stroke-width:.9; margin:20px 0; }
.ub-online-teaser p { font-size:14px; max-width:280px; color:#395e77; }
.ub-online-teaser a { align-self:flex-start; }
.ub-empty { text-align:center; border:1px dashed #b3cbdc; border-radius:8px; padding:55px 20px; background:#fff; }
.ub-empty h3 { font-size:25px; }
.ub-empty p { color:#5b7080; }
.ub-online { background:var(--ub-dark); color:#fff; padding:65px 0; overflow:hidden; }
.ub-online-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:65px; align-items:center; }
.ub-online-copy { position:relative; padding-right:120px; }
.ub-online .ub-kicker { color:#a6ddf5; }
.ubicaciones-2026 .ub-online h2 { color:#fff; font-size:49px; letter-spacing:-1.5px; line-height:1.05; margin:15px 0 20px; }
.ub-online-copy > p:not(.ub-kicker) { font-size:14px; max-width:315px; color:#d5e6f5; }
.ub-online-copy > img { position:absolute; width:175px; height:260px; object-fit:contain; right:-12px; bottom:-26px; }
.ub-platform-links { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.ub-platform-links a { padding:12px 14px; border:1px solid #ffffff55; border-radius:5px; font-size:12px; font-weight:700; color:#fff; display:inline-flex; gap:10px; align-items:center; }
.ub-platform-links a:hover { background:#fff; color:var(--ub-dark); }
.ub-online-lists { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.ubicaciones-2026 .ub-online-lists h3 { font-size:13px; font-family:UM Locations,Helvetica,Arial,sans-serif; font-weight:700; color:var(--ub-yellow); margin:0 0 12px; }
.ub-online-lists ul { padding:0; list-style:none; display:grid; gap:8px; margin:0; font-size:12px; color:#dfedf8; }
.ub-visit { padding:68px 0; background:#edf4f8; }
.ub-visit-inner { display:flex; justify-content:space-between; align-items:center; gap:40px; }
.ub-visit .ub-kicker { color:var(--ub-blue); margin-bottom:13px; }
.ubicaciones-2026 .ub-visit h2 { font-size:35px; letter-spacing:-1px; margin:0 0 15px; }
.ub-visit p:not(.ub-kicker) { font-size:13px; color:#567084; margin:0; }
.ub-visit-actions { display:flex; flex-direction:column; align-items:center; gap:16px; }
.ubicaciones-institucional .home-footer { background:var(--ub-dark); }
.ub-js-only { display:none; }
.ub-enhanced .ub-js-only { display:flex; }
.ub-enhanced .ub-results.ub-js-only { display:block; }
/* Shared map viewer. It keeps the original Google Maps embeds, loaded on demand. */
.ub-map-dialog { width:min(1000px,calc(100% - 40px)); max-height:calc(100dvh - 40px); border:0; border-radius:10px; padding:0; overflow:auto; color:var(--ub-ink); background:#fff; box-shadow:0 25px 100px #001c4470; }
.ub-map-dialog::backdrop { background:#00152ec7; backdrop-filter:blur(4px); }
.ub-map-dialog[open] { animation:ub-dialog-in .25s ease-out; }
.ub-map-heading { padding:24px 28px 18px; display:flex; align-items:flex-start; gap:20px; justify-content:space-between; }
.ub-map-heading .ub-kicker { color:var(--ub-blue); margin:0 0 8px; }
.ubicaciones-2026 .ub-map-heading h2 { font:700 25px/1.15 UM Locations,Helvetica,Arial,sans-serif; letter-spacing:-.6px; margin:0; }
.ub-map-close { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; padding:0; border:1px solid #d5e3ec; background:#f1f6f9; color:var(--ub-dark); border-radius:50%; }
.ub-map-close:hover { background:var(--ub-blue); color:#fff; }
.ub-map-tools { padding:0 28px 18px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.ub-map-tools label { font-size:12px; font-weight:700; }
.ub-map-tools select { min-height:42px; padding:8px 35px 8px 12px; border:1px solid #bdceda; border-radius:4px; color:var(--ub-ink); background:#fff; font-size:13px; max-width:100%; }
.ub-map-stage { position:relative; background:#e7f0f6; min-height:320px; }
.ub-map-stage iframe { width:100%; height:min(49vh,440px); min-height:320px; display:block; border:0; }
.ub-map-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:20px 28px; }
.ub-map-bottom address { font-style:normal; font-size:13px; margin:0; max-width:520px; }
.ub-map-bottom .ub-button { flex-shrink:0; font-size:12px; }
.ub-map-status { margin:0; padding:0 28px 18px; color:#5c7385; font-size:11px; }
body:has(.ub-map-dialog[open]) { overflow:hidden; }
.ub-enter { animation:ub-reveal .65s cubic-bezier(.2,.6,.2,1) both; }
@keyframes ub-reveal { from { opacity:.2; transform:translateY(22px); } to { opacity:1; transform:none; } }
@keyframes ub-dialog-in { from { opacity:0; transform:translateY(16px) scale(.985); } to { opacity:1; transform:none; } }
@media(min-width:1600px) { .ub-hero-grid { padding-block:45px 70px; } .ub-photo-frame img { height:355px; } }
@media(max-width:1100px) {
  .ub-hero-grid { gap:38px; grid-template-columns:.85fr 1.15fr; }
  .ubicaciones-2026 .ub-hero h1 { font-size:85px; }
  .ub-photo-frame img { height:300px; }
  .ub-preview-controls button { font-size:10px; padding:7px; }
  .ub-contact-grid { gap:16px; }
  .ub-online-grid { gap:40px; }
  .ub-online-copy { padding-right:90px; }
  .ub-online-copy > img { width:150px; right:-25px; }
}
@media(max-width:991.98px) {
  .ubicaciones-2026 :is(section,article,nav)[id] { scroll-margin-top:108px; }
  .ubicaciones-2026 .ub-wrap { width:calc(100% - 48px); }
  .ub-breadcrumb { margin-bottom:15px; }
  .ub-hero-grid { gap:28px; }
  .ubicaciones-2026 .ub-hero h1 { font-size:75px; }
  .ub-hero-lead { font-size:14px; }
  .ub-hero .ub-kicker { font-size:9px; letter-spacing:1px; }
  .ub-photo-frame img { height:280px; }
  .ub-photo-frame figcaption strong { font-size:14px; }
  .ub-preview-stamp { left:-16px; width:67px; height:67px; }
  .ub-preview-stamp strong { font-size:31px; }
  .ub-preview-stamp span { font-size:8px; }
  .ub-preview-controls { gap:5px; }
  .ub-hero-actions { gap:15px; }
  .ub-button { padding:12px 17px; font-size:12px; }
  .ub-proof span { font-size:11px; }
  .ub-directory { padding-block:60px; }
  .ub-filters { flex-wrap:wrap; }
  .ub-search { flex:1; min-width:180px; }
  .ub-search input { width:100%; }
  .ub-campus-content { padding:22px; }
  .ubicaciones-2026 .ub-campus-card h3 { font-size:24px; min-height:68px; }
  .ub-contact-grid { grid-template-columns:1fr; gap:16px; }
  .ub-campus-phones { display:flex; flex-wrap:wrap; gap:5px 14px; }
  .ub-address { min-height:88px; }
  .ub-online-teaser { padding:27px; }
  .ub-online-grid { grid-template-columns:1fr; gap:30px; }
  .ub-online-copy { padding-right:210px; }
  .ub-online-copy > img { right:25px; bottom:-45px; width:170px; }
  .ub-online-copy > p:not(.ub-kicker) { max-width:380px; }
  .ub-online-lists { max-width:600px; }
  .ub-visit-inner { gap:25px; }
}
@media(max-width:650px) {
  .ubicaciones-2026 .ub-wrap { width:calc(100% - 36px); }
  .ub-hero { padding-top:20px; }
  .ub-breadcrumb { font-size:10px; margin-bottom:23px; }
  .ub-hero-grid { display:block; padding:0 0 27px; }
  .ub-hero-copy { padding-inline:3px; }
  .ub-hero .ub-kicker { font-size:10px; margin-bottom:20px; }
  .ubicaciones-2026 .ub-hero h1 { font-size:clamp(74px,18vw,100px); line-height:.92; margin-bottom:22px; }
  .ub-hero-lead { max-width:335px; font-size:14px; margin-bottom:21px; }
  .ub-hero-actions { gap:21px; }
  .ub-preview { margin-top:40px; padding-top:10px; }
  .ub-preview::before { top:0; right:-8px; }
  .ub-photo-frame { border-width:6px; }
  .ub-photo-frame img { height:230px; }
  .ub-preview-stamp { top:-13px; left:-6px; }
  .ub-photo-frame figcaption { padding:16px 10px; }
  .ub-photo-frame figcaption strong { font-size:16px; }
  .ub-preview-controls { gap:7px; justify-content:center; margin-top:15px; }
  .ub-preview-controls button { padding:9px; font-size:11px; min-height:40px; }
  .ub-proof { padding:20px 0; gap:15px; }
  .ub-proof > div { padding:0 12px 0 0; display:block; }
  .ub-proof strong { display:block; font-size:33px; margin-bottom:7px; }
  .ub-proof span { font-size:10px; }
  .ub-section-head { display:block; margin-bottom:25px; }
  .ubicaciones-2026 .ub-section-head h2 { font-size:35px; letter-spacing:-1.1px; }
  .ub-section-head > p { margin-top:16px; max-width:350px; }
  .ub-directory { padding-block:46px; }
  .ub-filters { gap:12px; margin-bottom:14px; }
  .ub-filter-group { width:100%; gap:6px; }
  .ub-filter-group button { flex:1; padding:10px 9px; font-size:11px; justify-content:center; gap:6px; }
  .ub-search { margin:0; width:100%; }
  .ub-campus-grid { grid-template-columns:1fr; gap:22px; }
  .ub-campus-photo { aspect-ratio:1.75; }
  .ub-campus-content { padding:24px; }
  .ubicaciones-2026 .ub-campus-card h3 { min-height:0; font-size:27px; margin-bottom:18px; }
  .ub-address { min-height:0; }
  .ub-contact-grid { grid-template-columns:1fr 1.2fr; gap:16px; }
  .ub-campus-phones { display:grid; }
  .ub-campus-phones a { min-height:33px; }
  .ub-campus-actions { padding-top:22px; }
  .ub-online-teaser { min-height:350px; padding:30px; }
  .ubicaciones-2026 .ub-online-teaser h3 { margin:14px 0; font-size:35px; }
  .ub-online-teaser > .ub-icon { position:absolute; right:20px; bottom:30px; opacity:.18; width:110px; height:110px; }
  .ub-online { padding:47px 0; }
  .ub-online-copy { padding-right:105px; }
  .ubicaciones-2026 .ub-online h2 { font-size:39px; }
  .ub-online-copy > p:not(.ub-kicker) { font-size:12px; }
  .ub-online-copy > img { width:129px; height:211px; right:-7px; bottom:-22px; }
  .ub-online .ub-button { font-size:11px; padding-inline:12px; gap:9px; }
  .ub-online-grid { gap:35px; }
  .ub-platform-links { gap:6px; }
  .ub-platform-links a { padding:12px; font-size:11px; }
  .ub-online-lists { gap:20px; }
  .ub-online-lists ul { font-size:11px; }
  .ub-visit { padding:46px 0; }
  .ub-visit-inner { display:block; }
  .ubicaciones-2026 .ub-visit h2 { font-size:31px; }
  .ub-visit-actions { align-items:flex-start; margin-top:25px; }
  .ub-map-dialog { width:calc(100% - 20px); max-height:calc(100dvh - 20px); }
  .ub-map-heading { padding:20px 18px 16px; gap:12px; }
  .ubicaciones-2026 .ub-map-heading h2 { font-size:22px; }
  .ub-map-tools { padding:0 18px 16px; gap:8px; }
  .ub-map-tools select { width:100%; }
  .ub-map-bottom { display:block; padding:20px 18px; }
  .ub-map-bottom .ub-button { margin-top:17px; }
  .ub-map-status { padding:0 18px 18px; }
  .ub-map-stage,.ub-map-stage iframe { min-height:270px; }
}
@media(prefers-reduced-motion:reduce) {
  .ubicaciones-2026 { scroll-behavior:auto; }
  .ubicaciones-2026 *, .ubicaciones-2026 *::before,.ubicaciones-2026 *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}