/* Paradas de Road to 2027 ya realizadas: insignia, tarjeta que abre el recap y su pop-up de fotos */
[data-recap]{cursor:pointer;transition:border-color .2s,transform .2s}
[data-recap]:hover,[data-recap]:focus-visible{border-color:rgba(109,245,119,.55)!important;transform:translateY(-2px);outline:none}
.recap-more{margin-top:auto;font:600 13px Inter,sans-serif;color:#6DF577}
.rm-done{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:3px 11px;border-radius:999px;background:rgba(109,245,119,.12);border:1px solid rgba(109,245,119,.5);color:#6DF577;font:700 10px Saira,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.rm-n--done{background:#6DF577;border-color:#6DF577;color:#0B071E}
#recap-modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(8,5,20,.88);backdrop-filter:blur(6px)}
#recap-modal.open{display:flex}
#recap-modal .recap-box{position:relative;width:100%;max-width:64rem;max-height:calc(100vh - 32px);overflow-y:auto;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#0B071E;box-shadow:0 24px 80px rgba(0,0,0,.6)}
#recap-modal .recap-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(20,10,51,.9);color:#F2EEFA;font-size:22px;line-height:1;cursor:pointer}
#recap-modal .recap-close:hover,#recap-modal .recap-close:focus-visible{border-color:#6DF577;color:#6DF577}
#recap-modal .recap-head{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-right:48px}
#recap-modal .recap-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:3px 11px;border-radius:999px;background:rgba(109,245,119,.12);border:1px solid rgba(109,245,119,.5);color:#6DF577;font:700 10px Saira,sans-serif;letter-spacing:.12em;text-transform:uppercase}
#recap-modal h2{margin:0;font:700 clamp(26px,3.4vw,36px)/1.1 'Space Grotesk',sans-serif;color:#fff}
#recap-modal .recap-head p{margin:0;font:400 14px/1.5 Inter,sans-serif;color:#B9AED6}
#recap-modal .recap-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:640px){#recap-modal .recap-grid{grid-template-columns:1fr 1fr}}
#recap-modal .recap-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;background:#140A33}
