/* Guías ilustradas: lectura breve, pasos y una tarea para llevar al cielo. */
.reading-guide{max-width:1232px;padding-block:65px 90px}
.guide-cover{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center;padding-bottom:70px}
.guide-cover h1{font-size:clamp(48px,4.6vw,66px);line-height:1.08;letter-spacing:-.055em;margin:25px 0}
.guide-lead{font-size:21px;line-height:1.7;color:#cbd1dc;max-width:530px}
.reading-meta{font-size:14px;color:var(--lavender);display:block;margin-top:22px}
.guide-start{font-size:16px;display:flex;align-items:center;gap:30px;margin-top:28px;min-height:44px;width:fit-content;border-bottom:1px solid var(--line)}
.guide-figure{margin:0;min-width:0}
.guide-figure img{display:block;width:100%;height:350px;object-fit:contain;background:#0c1220;border-radius:6px}
.guide-empezar .guide-figure img{object-fit:cover}
.guide-luna .guide-figure img,.guide-planetas .guide-figure img{mix-blend-mode:screen}
.guide-figure figcaption{font-size:15px;line-height:1.7;color:var(--muted);margin-top:18px}
.image-credit{display:block;font-size:13px;margin-top:9px;color:#99a3b6;line-height:1.7}
.image-credit a{text-decoration:underline;text-underline-offset:3px}
.guide-reading{display:grid;grid-template-columns:260px 1fr;gap:90px;border-top:1px solid var(--line);padding-top:50px}
.reading-index{align-self:start;position:sticky;top:35px}
.reading-index a{display:flex;gap:14px;font-size:15px;line-height:1.6;padding:17px 0;border-bottom:1px solid var(--line);color:#c2cada}
.reading-index a span{color:var(--lavender);font-family:var(--serif);font-size:20px}
.reading-step{display:grid;grid-template-columns:60px 1fr;gap:25px;padding-block:10px 44px;margin-bottom:30px;border-bottom:1px solid var(--line);scroll-margin-top:35px}
.step-number{font-family:var(--serif);font-style:italic;font-size:43px;color:#a695c4;line-height:1.2}
.reading-step h2{font-size:32px;line-height:1.25;letter-spacing:-1px;margin-bottom:18px}
.reading-step>div>p{font-size:18px;line-height:1.85;color:#c7cfdd;max-width:620px}
.field-note{margin-top:24px;padding:16px 22px;border-left:2px solid var(--lavender);background:#bda6ef08}
.field-note>span{font-size:13px;letter-spacing:1.5px;color:var(--lavender);font-weight:600}
.field-note p{font-size:17px;line-height:1.75;margin:10px 0 0;color:#e1deea}
.guide-takeaway{padding:15px 0 35px 85px}
.guide-takeaway>p{font-family:var(--serif);font-style:italic;font-size:31px;line-height:1.4;color:var(--ink);margin:15px 0 0}
.reading-end{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:20px 0 0 85px}
.next-guide{font-size:15px;line-height:1.6;padding-block:12px;color:var(--lavender)}
.guide-footer{border-top:1px solid var(--line);padding-block:30px 40px;display:flex;justify-content:space-between;gap:25px;font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:1050px){.guide-cover{gap:40px}.guide-reading{grid-template-columns:210px 1fr;gap:40px}.reading-step{grid-template-columns:40px 1fr;gap:15px}.guide-takeaway{padding-left:55px}.reading-end{margin-left:55px}.guide-cover h1{font-size:50px}}
@media(max-width:700px){
 .reading-guide{padding-block:40px 60px}
 .guide-cover{grid-template-columns:1fr;gap:35px;padding-bottom:40px}
 .guide-cover h1{font-size:clamp(38px,10.7vw,48px);letter-spacing:-.055em;margin-block:22px}
 .guide-lead{font-size:19px}
 .guide-start{margin-top:20px}
 .guide-figure img{height:290px}
 .guide-figure figcaption{font-size:15px}
 .guide-reading{grid-template-columns:1fr;gap:35px;padding-top:30px}
 .reading-index{position:static}
 .reading-index .eyebrow{margin-bottom:5px}
 .reading-index a{padding-block:13px;font-size:15px}
 .reading-step{grid-template-columns:35px 1fr;gap:13px;padding-bottom:30px;margin-bottom:25px}
 .step-number{font-size:32px}
 .reading-step h2{font-size:27px;line-height:1.25}
 .reading-step>div>p{font-size:18px;line-height:1.8}
 .field-note{padding:15px;margin-top:20px}
 .field-note p{font-size:17px}
 .guide-takeaway{padding:0 0 20px 48px}
 .guide-takeaway>p{font-size:28px}
 .reading-end{margin-left:0;gap:14px}
 .reading-end .button{font-size:15px;gap:12px}
 .guide-footer{display:block}
 .guide-footer span{display:block;margin-top:15px}
}
.phase-sketch{margin:28px 0;padding:22px 12px 16px;background:#111a2a;border-radius:5px}
.phase-sketch img{display:block;width:100%;height:auto}
.phase-sketch figcaption{font-size:13px;line-height:1.7;color:var(--muted);margin:14px 8px 0}
@media(max-width:700px){.phase-sketch{margin-left:-48px;padding:20px 6px 14px}.phase-sketch figcaption{font-size:13px;margin-inline:10px}}
.phase-sketch svg{display:block;width:100%;height:auto}
.guide-sources{margin:10px 0 35px 85px;color:var(--muted);font-size:16px;line-height:1.8}
.guide-sources h2{font-size:23px;letter-spacing:-.5px;margin-bottom:15px}
.guide-sources a{color:var(--lavender);text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.guide-sources{margin-left:48px;font-size:15px}}