.crono-photo{position:relative}.crono-count{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:2px 7px;border-radius:12px;background:#3f2021;color:#fff;font-size:10px;white-space:nowrap}.crono-dialog{width:min(960px,94vw);max-height:94vh;box-sizing:border-box;background:#131516;color:#f1e6b2;border:1px solid #9b7438;padding:1rem 2rem}.crono-dialog::backdrop{background:rgba(0,0,0,.85)}.crono-dialog h2{text-align:center;font-family:'Kelt',serif;font-size:1.8rem;font-weight:400;margin:0 2rem 1rem}.crono-dialog>img{display:block;width:100%;height:65vh;object-fit:contain}.crono-close{position:absolute;right:10px;top:4px;font-size:2rem}.crono-dialog button{color:#f1e6b2;background:transparent;border:1px solid #9b7438;cursor:pointer;padding:0 12px}.crono-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.crono-controls button{font-size:2rem}.crono-controls button:disabled{opacity:.3;cursor:default}.crono-dialog button:focus-visible{outline:2px solid #fff;outline-offset:3px}
html.crono-modal-open{overflow:hidden}.crono-dialog{margin:auto}.crono-dialog button[hidden]{display:none}@media(max-width:600px){.crono-dialog{padding:1rem;width:94vw}.crono-dialog h2{font-size:1.4rem}.crono-dialog>img{height:auto;max-height:65vh;max-height:65dvh;min-height:120px}}
/* Eje de la cronología centrado en las fotografías. */
.hd-timeline{--crono-photo-column:150px;--crono-photo-size:112px;isolation:isolate}
.hd-timeline::before{display:block;left:calc(var(--crono-photo-column)/2);top:0;bottom:0;width:1px;background:#a77a38;z-index:-1}
.hd-timeline .hd-event{align-items:center;min-height:112px;padding-bottom:1.8rem}
.hd-timeline .hd-event::after{display:none}
.hd-timeline .hd-event .hd-picture{width:var(--crono-photo-size);height:var(--crono-photo-size);margin:0;grid-row:1;align-self:center;z-index:1}
.hd-timeline .hd-point{grid-row:1;margin:0 auto;align-self:center}
.hd-timeline .hd-date{grid-row:1;padding:0;align-self:center;line-height:1.4}
.hd-timeline .hd-event p{grid-row:1;padding:0;min-width:0}
.hd-timeline .hd-event-spacer{grid-row:1}
.hd-timeline .hd-year::before{background:none}
@media(max-width:650px){
 .hd-timeline{--crono-photo-column:76px;--crono-photo-size:68px}
 .hd-timeline .hd-event{grid-template-rows:minmax(68px,auto) auto;row-gap:.5rem;min-height:0}
 .hd-timeline .hd-event p{grid-column:3;grid-row:2;overflow-wrap:anywhere}
}

/* Une el borde de la fotografía con el centro del punto, por detrás de ambos. */
.hd-timeline .hd-event:has(.hd-picture)::after{display:block;left:calc(var(--crono-photo-column)/2 + var(--crono-photo-size)/2);top:calc((100% - 1.8rem)/2);bottom:auto;width:calc(var(--crono-photo-column)/2 - var(--crono-photo-size)/2 + 1rem + 14px);height:1px;background:#a77a38;z-index:0}
@media(max-width:650px){.hd-timeline .hd-event:has(.hd-picture)::after{top:34px;width:calc(var(--crono-photo-column)/2 - var(--crono-photo-size)/2 + .65rem + 12px)}}