/* ==========================================================================
   Conócenos: enfoque, titulaciones (bloque oscuro) y comunidad
   ========================================================================== */
.phead__aside { align-self: end; }
.apr { position: relative; z-index: 1; background: var(--paper); padding: var(--section-y) 0; }
.apr__head { margin-bottom: clamp(32px, 5vw, 64px); }
.apr__title { font-size: var(--fs-h2); }
.apr__list { display: grid; gap: 0; border-top: 1px solid var(--ink); }
@media (min-width: 900px) { .apr__list { grid-template-columns: repeat(3, 1fr); } }
.apr__item { display: grid; gap: 12px; align-content: start; padding: 28px 0; border-bottom: var(--rule-light); }
@media (min-width: 900px) { .apr__item { padding: 32px 32px 40px 0; border-bottom: 0; } .apr__item + .apr__item { padding-left: 32px; border-left: var(--rule-light); } }
.apr__n { font: 900 3.4rem/1 var(--display); color: var(--cyan); }
.apr__item p { color: var(--muted); max-width: 40ch; }

.tit { position: relative; z-index: 1; padding: var(--section-y) 0; overflow: hidden; }
.tit__in { display: grid; gap: 36px; align-items: center; }
@media (min-width: 900px) { .tit__in { grid-template-columns: 1fr 1.25fr; gap: clamp(40px, 7vw, 120px); } }
.tit__media { aspect-ratio: 4 / 5; overflow: hidden; }
@media (max-width: 899px) { .tit__media { aspect-ratio: 3 / 2; } }
.tit__img { width: 100%; height: 100%; object-fit: cover; }
.tit__title { font-size: var(--fs-h2); margin-bottom: 22px; }
.tit__lead { color: var(--muted-dark); max-width: 52ch; margin-bottom: 26px; }
.tit__list { border-top: 1px solid var(--cyan); }
.tit__item { display: grid; gap: 6px; padding: 18px 0; border-bottom: var(--rule-dark); }
@media (min-width: 640px) { .tit__item { grid-template-columns: 15rem 1fr; gap: 24px; } }
.tit__item h3 { color: var(--ice); font-size: 1.6rem; }
.tit__item p { color: var(--muted-dark); font-size: .95rem; }
.tit__pending { margin-top: 22px; font-size: .9rem; }

.cmn { position: relative; z-index: 1; background: var(--bone); padding: var(--section-y) 0; }
.cmn__in { display: grid; gap: 36px; align-items: center; }
@media (min-width: 1000px) { .cmn__in { grid-template-columns: 1fr 1.3fr; gap: clamp(40px, 7vw, 120px); } }
.cmn__title { font-size: var(--fs-h2); margin-bottom: 22px; }
.cmn__title .ln:nth-child(n+2) > span { color: var(--cyan-deep); }
.cmn__text p { color: var(--muted); max-width: 42ch; margin-bottom: 22px; }
.cmn__mosaic { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cmn__mosaic figure { overflow: hidden; background: var(--ink-3); }
.cmn__a, .cmn__b { aspect-ratio: 3 / 4; }
.cmn__c { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.cmn__img { width: 100%; height: 100%; object-fit: cover; }