/* Cronología y lectura: sistema gráfico editorial. */
.history-overview{border-top:1px solid var(--color-texto);border-bottom:1px solid var(--color-filete);border-radius:0;padding:32px 0 24px;margin:32px 0 48px;display:grid;grid-template-columns:1fr 1.65fr;gap:24px 32px;align-items:center}
.history-overview h2{font:700 28px/34px var(--font-editorial)}
.history-overview p{font:400 19px/31px var(--font-editorial);color:var(--color-texto)}
.history-landmarks{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0}
.history-landmarks li{border-top:1px solid var(--color-filete);position:relative;padding-top:24px}
.history-landmarks li:before{content:'';position:absolute;top:-4px;left:0;width:8px;height:8px;border-radius:50%;background:var(--color-texto)}
.history-landmarks strong{font:400 44px/1 var(--font-editorial);font-variant-numeric:tabular-nums;display:block;margin-bottom:16px;color:var(--color-texto)}
.history-landmarks span{font:400 15px/24px var(--font-ui);color:var(--color-texto-secundario);display:block}
.history-overview .history-caption{grid-column:1/-1;font:400 14px/20px var(--font-ui);color:var(--color-texto-secundario);margin:4px 0 0}
.history-reading{padding-left:24px}.history-reading li{font:400 19px/31px var(--font-editorial);padding-left:4px;margin-bottom:24px}
.history-timeline{list-style:none;padding:0;margin:48px 0 0}
.history-timeline>li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;position:relative;margin:0;padding:0 0 48px}
.history-timeline>li:before{content:'';position:absolute;left:119px;top:16px;bottom:-16px;width:1px;background:var(--color-filete)}
.history-timeline>li:after{content:'';position:absolute;left:114px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--color-texto);border:2px solid var(--color-fondo,#FFFEFA)}
.history-timeline>li:last-child:before{display:none}
.history-date{font:400 32px/38px var(--font-editorial);color:var(--color-texto);font-variant-numeric:tabular-nums;letter-spacing:-.015em;padding-right:16px}
.history-date-range{font-size:25px;line-height:32px}
.history-event{padding-bottom:24px;border-bottom:1px solid var(--color-filete)}
.history-event .eyebrow{font:700 13px/16px var(--font-ui);color:var(--color-texto-secundario);margin:0 0 12px;letter-spacing:.08em}
.history-event h3{font:700 25px/32px var(--font-editorial);color:var(--color-texto)}
.history-event>p{font:400 19px/31px var(--font-editorial);color:var(--color-texto);margin:16px 0}
.history-event .history-reference{font:400 14px/20px var(--font-ui);color:var(--color-texto-secundario);margin-bottom:0}
.history-reference a{text-decoration:underline;text-underline-offset:3px}.history-reference a:focus-visible{outline:2px solid var(--color-acento);outline-offset:3px}
.history-layout .result-table table{min-width:560px;font-family:var(--font-ui);font-variant-numeric:tabular-nums}
.history-layout .result-table th,.history-layout .result-table td{font:400 15px/24px var(--font-ui);white-space:normal;vertical-align:top}.history-layout .result-table thead th{font-weight:600;background:var(--color-superficie)}
@media(max-width:1050px){.history-overview{grid-template-columns:1fr;gap:24px}.history-landmarks{gap:24px}}
@media(max-width:760px){.history-overview{margin:24px 0 48px;padding-top:24px}.history-overview h2{font-size:26px;line-height:32px}.history-landmarks{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.history-landmarks strong{font-size:40px}.history-landmarks span{font-size:15px;line-height:24px}.history-timeline{padding-left:24px;border-left:1px solid var(--color-filete)}.history-timeline>li{grid-template-columns:1fr;gap:12px;padding-bottom:32px}.history-timeline>li:before{display:none}.history-timeline>li:after{left:-30px;top:12px}.history-date{font-size:32px;line-height:38px}.history-event h3{font-size:22px;line-height:28px}.history-layout .guide-index ol{font:400 15px/24px var(--font-ui)}}
@media(max-width:599px){.history-overview p,.history-reading li,.history-event>p{font-size:18px;line-height:29px}.history-event .history-reference{font-size:14px;line-height:20px}.history-overview .history-caption{font-size:14px;line-height:20px}}