body.term-posgrado main {
margin-top: 0;
}
.posgrado-hero {
position: relative;
width: 100%;
height: 88vh;
min-height: 520px;
max-height: 900px;
overflow: hidden;
background: #111;
color: #fff;
}
.posgrado-hero-stage,
.posgrado-hero-stage .posgrado-hero-slide {
position: absolute;
inset: 0;
}
.posgrado-hero-slide {
opacity: 0;
transition: opacity 900ms ease;
pointer-events: none;
}
.posgrado-hero-slide.is-active {
opacity: 1;
}
.posgrado-hero-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
} .posgrado-hero-scrim {
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.78) 0%,
rgba(0, 0, 0, 0.45) 32%,
rgba(0, 0, 0, 0) 60%
);
pointer-events: none;
} .posgrado-hero-nav {
position: absolute;
top: 0;
bottom: 0;
width: 50%;
z-index: 1;
margin: 0;
padding: 0;
border: 0;
background: transparent;
-webkit-appearance: none;
appearance: none;
} .posgrado-hero-nav.prev {
left: 0;
cursor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='44'%20height='44'%20viewBox='0%200%2067.6%2067.6'%3E%3Cg%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cline%20x1='18.8'%20y1='33.8'%20x2='48.9'%20y2='33.8'%20stroke='%23000'%20stroke-width='7'/%3E%3Cpolyline%20points='32.2%2047.2%2018.8%2033.8%2032.2%2020.5'%20stroke='%23000'%20stroke-width='7'/%3E%3Cline%20x1='18.8'%20y1='33.8'%20x2='48.9'%20y2='33.8'%20stroke='%23fff'%20stroke-width='3.5'/%3E%3Cpolyline%20points='32.2%2047.2%2018.8%2033.8%2032.2%2020.5'%20stroke='%23fff'%20stroke-width='3.5'/%3E%3C/g%3E%3C/svg%3E") 22 22, w-resize;
}
.posgrado-hero-nav.next {
right: 0;
cursor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='44'%20height='44'%20viewBox='0%200%2067.6%2067.6'%3E%3Cg%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cline%20x1='48.9'%20y1='33.9'%20x2='18.8'%20y2='33.9'%20stroke='%23000'%20stroke-width='7'/%3E%3Cpolyline%20points='35.5%2020.5%2048.9%2033.9%2035.5%2047.2'%20stroke='%23000'%20stroke-width='7'/%3E%3Cline%20x1='48.9'%20y1='33.9'%20x2='18.8'%20y2='33.9'%20stroke='%23fff'%20stroke-width='3.5'/%3E%3Cpolyline%20points='35.5%2020.5%2048.9%2033.9%2035.5%2047.2'%20stroke='%23fff'%20stroke-width='3.5'/%3E%3C/g%3E%3C/svg%3E") 22 22, e-resize;
}
.posgrado-hero-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 0 5vw 2.4rem;
z-index: 2;
color: #fff; pointer-events: none;
} .posgrado-hero-caption.is-active .posgrado-hero-link,
.posgrado-hero-bar {
pointer-events: auto;
}
.posgrado-hero-overlay--bare {
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
.posgrado-hero .posgrado-hero-kicker {
margin: 0;
font-family: "Roboto Mono", monospace;
font-size: var(--fz-10pt);
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #fff;
opacity: 0.9;
} .posgrado-hero-captions {
display: grid;
}
.posgrado-hero-caption {
grid-area: 1 / 1;
display: flex;
flex-direction: column;
gap: 0.6rem;
max-width: 620px;
opacity: 0;
transform: translateY(14px);
transition: opacity 600ms ease, transform 600ms ease;
pointer-events: none;
}
.posgrado-hero-caption.is-active {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.posgrado-hero .posgrado-hero-title {
margin: 0;
font-family: Montserrat, sans-serif;
font-weight: 900;
text-transform: uppercase;
line-height: 1;
font-size: clamp(1.7rem, 3.8vw, 3rem);
letter-spacing: -0.005em;
color: #fff;
}
.posgrado-hero .posgrado-hero-desc {
margin: 0;
font-size: var(--fz-13pt);
line-height: 1.45;
max-width: 46ch;
color: #fff;
opacity: 0.92;
} .posgrado-hero .posgrado-hero-link {
display: inline-flex;
align-items: center;
gap: 0.45rem;
width: fit-content;
margin-top: 0.6rem;
padding: 0.4rem 0;
color: #fff;
font-family: "Roboto Mono", monospace;
font-size: var(--fz-11pt);
font-weight: 400;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
}
.posgrado-hero-link .material-symbols-outlined {
font-size: 1.15em;
transition: transform 0.3s;
}
.posgrado-hero-link:hover .material-symbols-outlined {
transform: translate(1.5px, -1.5px);
} .posgrado-hero-progress {
display: flex;
gap: 0.5rem;
width: 100%;
margin-top: 0.4rem;
}
.posgrado-hero-bar {
flex: 1 1 0;
height: 4px;
padding: 0;
border: 0;
background: rgba(255, 255, 255, 0.32);
cursor: pointer;
position: relative;
overflow: hidden;
} .posgrado-hero-bar::before {
content: "";
position: absolute;
inset: -10px 0;
}
.posgrado-hero-bar-fill {
position: absolute;
inset: 0;
transform-origin: left center;
transform: scaleX(0);
background: #fff;
} .posgrado-hero-bar.is-seen .posgrado-hero-bar-fill {
transform: scaleX(1);
transition: none;
} .posgrado-hero-bar.is-active .posgrado-hero-bar-fill {
transition: none;
}  .posgrado-cols {
max-width: var(--grid-content-w);
padding-left: var(--min-side-margin);
padding-right: var(--min-side-margin);
padding-top: 2.2rem;
padding-bottom: 0.5rem;
display: grid;
grid-template-columns: 1fr;
gap: 3rem 2.5rem;
align-items: start;
}
.posgrado-col {
min-width: 0;
}
.posgrado-programs-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1rem;
margin-top: 1rem;
}
.posgrado-program-card {
position: relative;
display: block;
aspect-ratio: 3 / 4;
overflow: hidden;
background: #1a1a1a;
text-decoration: none;
color: #fff;
}
.posgrado-program-media,
.posgrado-program-media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.posgrado-program-media img {
object-fit: cover;
transition: transform 600ms ease, filter 400ms ease;
filter: saturate(0.92);
}
.posgrado-program-card:hover .posgrado-program-media img {
transform: scale(1.05);
filter: saturate(1.1);
}
.posgrado-program-placeholder {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-family: "Roboto Mono", monospace;
font-size: 2rem;
letter-spacing: 0.1em;
color: rgba(255, 255, 255, 0.5);
background: repeating-linear-gradient(
135deg,
#222 0,
#222 12px,
#1a1a1a 12px,
#1a1a1a 24px
);
}
.posgrado-program-overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 0.25rem;
padding: 1.1rem;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.82) 0%,
rgba(0, 0, 0, 0.25) 45%,
rgba(0, 0, 0, 0) 70%
);
}
.posgrado-program-overlay .posgrado-program-code {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-10pt);
font-weight: 500;
letter-spacing: 0.14em;
color: #fff;
opacity: 0.85;
}
.posgrado-program-overlay .posgrado-program-name {
font-family: Montserrat, sans-serif;
font-weight: 900;
line-height: 1.1;
font-size: clamp(1.15rem, 1.6vw, 1.5rem);
letter-spacing: 0;
text-transform: uppercase;
color: #fff;
}  .posgrado-col--dates {
display: flex;
flex-direction: column;
min-width: 0;
}
.posgrado-dates-list {
list-style: none;
margin: 1rem 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 1.5rem 3.5rem;
}
.posgrado-date {
display: flex;
flex-direction: column;
gap: 0.4rem;
flex: 0 1 280px;
min-width: 0;
}
.posgrado-date-when {
display: flex;
align-items: baseline;
gap: 0.4rem;
font-family: "Roboto Mono", monospace;
color: var(--arqdis-magenta);
}
.posgrado-date-day {
font-size: var(--fz-20pt);
font-weight: 600;
line-height: 1;
}
.posgrado-date-mon {
font-size: var(--fz-14pt);
font-weight: 500;
letter-spacing: 0.06em;
}
.posgrado-date-yr {
font-size: var(--fz-12pt);
opacity: 0.7;
}
.posgrado-date-desc {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
line-height: 1.3;
color: #111;
text-decoration: none; display: inline-block;
transition: transform 0.3s, font-weight 0.3s;
}
a.posgrado-date-desc:hover {
transform: translateX(4px);
font-weight: 600;
}
.posgrado-date-desc .material-symbols-outlined {
font-size: 1.1em;
opacity: 0.6;
margin-left: 0.2rem;
vertical-align: middle;
} @media (max-width: 767px) {
.posgrado-hero {
height: 82vh;
min-height: 440px;
}
.posgrado-hero-overlay {
padding: 0 6vw 3vh;
gap: 0.9rem;
}
.posgrado-hero-captions {
min-height: 11rem;
}
.posgrado-hero-desc {
font-size: var(--fz-12pt);
}
.posgrado-programs-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.6rem;
} .posgrado-date {
flex-basis: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.posgrado-hero-slide,
.posgrado-hero-caption {
transition: opacity 200ms ease;
}
.posgrado-hero-bar.is-active .posgrado-hero-bar-fill {
transition: none;
}
}  html {
scroll-behavior: smooth;
}
.posgrado-section-card {
scroll-margin-top: 90px;
} .posgrado-intro {
max-width: var(--grid-content-w);
padding-left: var(--min-side-margin);
padding-right: var(--min-side-margin);
margin: 3.5rem auto 0;
}
.posgrado-intro-desc {
font-size: var(--fz-17pt);
line-height: 1.4;
max-width: 52ch;
margin: 0;
color: #111;
font-weight: 500;
} .posgrado-sections-stack {
max-width: var(--grid-content-w);
margin: 1rem auto 0;
padding: 2rem var(--min-side-margin) 4rem;
display: flex;
flex-direction: column;
gap: clamp(2.5rem, 7vh, 7rem);
} .posgrado-section-card {
background: #fff;
padding: clamp(1.25rem, 2.6vw, 2.5rem);
box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.3), 0 6px 18px -10px rgba(0, 0, 0, 0.12);
opacity: var(--card-opacity, 1);
transform: translate3d(0, var(--card-shift, 0px), 0) scale(var(--card-scale, 1));
transform-origin: 50% 0;
will-change: opacity, transform;
} .posgrado-card-grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: clamp(1.25rem, 2.4vw, 2.25rem);
align-items: stretch;
} .posgrado-card-grid--solo {
grid-template-columns: 1fr;
} .posgrado-card-showcase {
position: relative;
display: flex;
min-height: clamp(320px, 48vh, 560px);
height: 100%;
overflow: hidden;
background: #111;
color: #fff;
} .posgrado-card-showcase--noimg {
background: repeating-linear-gradient(
135deg,
#161616 0,
#161616 14px,
#111 14px,
#111 28px
);
}
.posgrado-card-media,
.posgrado-card-media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.posgrado-card-media img {
object-fit: cover;
object-position: center;
transition: transform 700ms ease;
}
.posgrado-section-card:hover .posgrado-card-media img {
transform: scale(1.04);
}
.posgrado-card-scrim {
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.82) 0%,
rgba(0, 0, 0, 0.35) 48%,
rgba(0, 0, 0, 0) 80%
);
pointer-events: none;
} .posgrado-card-overlay {
position: relative;
z-index: 1;
width: 100%;
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 1.2rem;
padding: clamp(1.4rem, 3vw, 2.8rem);
}
.posgrado-card-title {
margin: 0;
font-family: Montserrat, sans-serif;
font-weight: 900;
text-transform: uppercase;
line-height: 1;
letter-spacing: -0.01em;
font-size: clamp(1.7rem, 3vw, 3rem);
max-width: 16ch;
color: #fff;
}
.posgrado-card-desc {
margin: 0;
font-family: "Roboto Mono", monospace;
font-size: var(--fz-13pt);
line-height: 1.5;
max-width: 46ch;
color: #fff;
opacity: 0.92;
} .posgrado-card-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
width: fit-content;
margin-top: 0.3rem;
font-family: "Roboto Mono", monospace;
font-size: var(--fz-11pt);
font-weight: 400;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
color: #111;
background: #fff;
padding: 0.7rem 1.3rem;
transition: background-color 200ms ease, color 200ms ease;
}
.posgrado-card-btn:hover,
.posgrado-card-btn:focus-visible {
background: var(--arqdis-magenta);
color: #fff;
}
.posgrado-card-btn .material-symbols-outlined {
font-size: 1.2em;
transition: transform 200ms ease;
}
.posgrado-card-btn:hover .material-symbols-outlined,
.posgrado-card-btn:focus-visible .material-symbols-outlined {
transform: translate(2px, -2px);
} .posgrado-card-items .archive-grid-layout {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr));
gap: clamp(0.85rem, 1.4vw, 1.25rem);
align-content: start;
column-count: initial;
}
.posgrado-card-items .grid-archive-item {
width: 100%;
margin: 0;
float: none;
break-inside: auto;
} .posgrado-card-items .grid-post-thumbnail {
aspect-ratio: 4 / 3;
overflow: hidden;
}
.posgrado-card-items .grid-post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
} .posgrado-card-items .grid-post-type-link {
font-size: var(--fz-11pt);
}
.posgrado-card-items .grid-title {
font-size: var(--fz-14pt);
}
.posgrado-card-items .grid-subtitle {
font-size: var(--fz-12pt);
}
.posgrado-card-items .grid-post-type-link,
.posgrado-card-items .grid-title,
.posgrado-card-items .grid-subtitle {
overflow-wrap: break-word;
hyphens: auto;
} .posgrado-card-items .contenido-fijo-item a.grid-post-link {
padding: 1.25em;
}
.posgrado-card-items .contenido-fijo-title {
font-size: var(--fz-18pt);
}
.posgrado-card-items .contenido-fijo-title,
.posgrado-card-items .contenido-fijo-subtitle {
overflow-wrap: break-word;
hyphens: auto;
}  .posgrado-logos-caption {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-11pt);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--arqdis-magenta);
margin: 2.25rem 0 0.9rem;
}
.posgrado-logos {
list-style: none;
margin: 0;
padding: 1.5rem 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2.5rem 3.5rem;
}
.posgrado-logo {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.posgrado-logo img {
max-width: 160px;
max-height: 54px;
width: auto;
height: auto;
object-fit: contain; opacity: 0.85;
transition: opacity 200ms ease;
}
.posgrado-logo:hover img {
opacity: 1;
} .posgrado-card-logos {
margin-top: clamp(1.5rem, 2.5vw, 2.5rem);
padding-top: 1.5rem;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.posgrado-card-logos .posgrado-logos-caption {
margin-top: 0;
} @media (max-width: 1023px) {
.posgrado-card-grid {
grid-template-columns: 1fr;
}
.posgrado-card-showcase {
min-height: clamp(320px, 52vh, 520px);
}
} @media (max-width: 600px) {
.posgrado-card-showcase {
min-height: clamp(280px, 56vh, 440px);
}
.posgrado-card-items .archive-grid-layout {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.7rem;
}
.posgrado-logos {
gap: 1.5rem 2rem;
padding: 1rem 0;
}
.posgrado-card-title {
max-width: none;
}
} @media (prefers-reduced-motion: reduce) {
.posgrado-card-media img,
.posgrado-section-card:hover .posgrado-card-media img {
transition: none;
transform: none;
}
}