.alejandra { background: var(--crema); }
.alej-intro { display: grid; grid-template-columns: 1fr 1fr; min-height: 100vh; }
.alej-intro__foto { position: relative; overflow: hidden; background: var(--lino); min-height: 80vh; }
.alej-intro__foto .rev-img { position: absolute; inset: 0; }
.alej-intro__foto img { position: absolute; left: 0; top: -6%; width: 100%; height: 112%; max-width: none; object-fit: cover; object-position: 50% 20%; }
.alej-intro__texto { padding: clamp(60px, 9vw, 150px) var(--pad); display: flex; flex-direction: column; justify-content: center; gap: 28px; }
.alej-nombre { font-size: clamp(64px, 9vw, 150px); }
.alej-nombre .linea { display: block; overflow: hidden; padding-bottom: .08em; }
.alej-nombre .linea > span { display: block; }
.alej-lead { font-size: clamp(19px, 1.7vw, 24px); line-height: 1.5; max-width: 34ch; color: var(--tinta-suave); }
.alej-cifra { display: flex; align-items: center; gap: 26px; margin-top: 18px; padding-top: 30px; border-top: 1px solid var(--arena); }
.alej-cifra b { font-family: var(--serif); font-weight: 400; font-size: clamp(90px, 11vw, 190px); line-height: .8; color: var(--terracota); font-variant-numeric: lining-nums; }
.alej-cifra span { font-size: 13px; letter-spacing: .2em; text-transform: uppercase; color: var(--tinta-suave); line-height: 1.8; }

.alej-frase { background: var(--tinta); color: var(--lino); padding: clamp(90px, 13vw, 200px) 0; text-align: center; }
.alej-frase p { font-size: clamp(48px, 8.4vw, 140px); max-width: 14ch; margin: 28px auto 0; }
.alej-frase .palabra { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .1em; }
.alej-frase .palabra > span { display: inline-block; }

.alej-capitulos { display: grid; grid-template-columns: repeat(3, 1fr); padding: clamp(70px, 9vw, 140px) 0; }
.cap { padding: 0 clamp(20px, 3vw, 50px); border-left: 1px solid var(--arena); }
.cap:first-child { border-left: 0; padding-left: 0; }
.cap__n { font-family: var(--serif); font-style: italic; font-size: 26px; color: var(--terracota); }
.cap h3 { font-size: clamp(32px, 3.4vw, 52px); margin: 18px 0 16px; }
.cap p { color: var(--tinta-suave); font-size: 18px; }

.alej-ancho { position: relative; height: clamp(520px, 84vh, 900px); overflow: hidden; color: var(--blanco); }
.alej-ancho__img { position: absolute; inset: 0; }
.alej-ancho__img img { position: absolute; left: 0; top: -10%; width: 100%; height: 120%; max-width: none; object-fit: cover; object-position: 50% 30%; }
.alej-ancho::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(43,33,27,.78), rgba(43,33,27,.15) 70%); }
.alej-ancho__cita { position: absolute; z-index: 2; left: var(--pad); bottom: clamp(36px, 8vh, 100px); max-width: 780px; }
.alej-ancho__cita p { font-size: clamp(44px, 7vw, 116px); }
.alej-ancho__cita em { color: #efc9a6; }
.alej-ancho__cita cite { display: block; margin-top: 24px; font-style: normal; font-size: 12px; letter-spacing: .26em; text-transform: uppercase; opacity: .85; }

.alej-metodo { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(30px, 6vw, 110px); padding-top: clamp(80px, 11vw, 170px); padding-bottom: clamp(80px, 11vw, 170px); }
.alej-metodo__t h3 { font-size: clamp(40px, 5vw, 80px); margin-top: 20px; position: sticky; top: 120px; }
.alej-metodo__l { list-style: none; }
.alej-metodo__l li { display: grid; grid-template-columns: 90px 1fr; gap: 10px; padding: 34px 0; border-top: 1px solid var(--arena); }
.alej-metodo__l li:last-child { border-bottom: 1px solid var(--arena); }
.alej-metodo__l span { font-family: var(--serif); font-style: italic; font-size: 34px; color: var(--terracota); }
.alej-metodo__l b { font-family: var(--serif); font-weight: 500; font-size: clamp(28px, 3vw, 44px); line-height: 1.1; display: block; }
.alej-metodo__l p { color: var(--tinta-suave); margin-top: 8px; font-size: 17px; }

.alej-cierre { background: var(--lino); padding: clamp(80px, 11vw, 170px) 0; }
.alej-cierre .display { font-size: clamp(40px, 6vw, 100px); max-width: 18ch; }
.alej-cierre__t { margin-top: 26px; max-width: 52ch; font-size: 19px; color: var(--tinta-suave); }
.alej-firma { width: 220px; }

@media (max-width: 860px) {
  .alej-intro { grid-template-columns: 1fr; }
  .alej-intro__foto { min-height: 70vh; }
  .alej-capitulos { grid-template-columns: 1fr; gap: 44px; }
  .cap, .cap:first-child { border-left: 0; padding: 28px 0 0; border-top: 1px solid var(--arena); }
  .alej-metodo { grid-template-columns: 1fr; }
  .alej-metodo__t h3 { position: static; }
}