/* Bloques de incursiones */
/* ===== INCURSIONES ===== */
#lista-incursiones{max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.3rem;scrollbar-color:var(--oliva) var(--negro)}
.inc{position:relative;flex:none;aspect-ratio:21/6;min-height:130px;border:1px solid var(--militar);overflow:hidden;background:var(--negro)}
.inc::before{content:attr(data-ph);position:absolute;inset:0;display:grid;place-items:center;color:var(--gris);letter-spacing:.2em;font-size:.8rem}
.inc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.inc .ov{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,0);transition:background .6s}
.inc h3{font:700 clamp(1.3rem,3.5vw,2.2rem) var(--titulo);letter-spacing:.15em;text-align:center;padding:.5rem;opacity:0;transform:translateY(8px);transition:.6s}
.inc:hover .ov,.inc:focus-visible .ov{background:rgba(0,0,0,.78)}
.inc:hover h3,.inc:focus-visible h3{opacity:1;transform:none}
@media (hover:none){.inc .ov{background:rgba(0,0,0,.55)}.inc h3{opacity:1;transform:none}}

/* ===== PLANIFICACIÓN DE INCURSIÓN (ficha) ===== */
.inc{cursor:pointer}
#lista-incursiones[hidden],#detalle-incursion[hidden]{display:none}
#detalle-incursion .volver{background:transparent;border:1px solid var(--oliva-claro);color:var(--oliva-claro);padding:.6rem 1.2rem;font:700 .9rem var(--titulo);letter-spacing:.15em;transition:.2s}
#detalle-incursion .volver:hover{background:var(--oliva);color:var(--blanco)}
#detalle-incursion>.volver:last-child{display:block;margin:2rem auto 0}
#detalle-incursion>.tag{display:block;width:fit-content;margin:1.5rem auto .6rem}
#detalle-incursion .zona{font:700 clamp(1.5rem,4.5vw,2.6rem)/1.15 var(--titulo);letter-spacing:.12em;text-align:center;padding-bottom:.6rem;margin-bottom:1.2rem;border-bottom:1px solid var(--militar);overflow-wrap:anywhere}
#detalle-incursion .mapa{width:100%;max-width:900px;margin:0 auto 1.5rem;aspect-ratio:16/9}
#detalle-incursion .mapa img{object-fit:contain}
#detalle-incursion .desc{max-width:760px;margin:0 auto 2.5rem;text-align:center}
#detalle-incursion .cron{font:700 1.2rem var(--titulo);letter-spacing:.2em;text-align:center;color:var(--oliva-claro);margin-bottom:1.5rem}
.linea{list-style:none;padding:0;margin:0 0 2rem;position:relative}
.linea::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--militar)}
.paso{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);column-gap:1.2rem;align-items:center;padding-bottom:2.5rem}
.paso:last-child{padding-bottom:0}
.paso .txt{grid-column:1;grid-row:1;text-align:right}
.paso:nth-child(even) .txt{grid-column:3;text-align:left}
.paso .marca{grid-column:2;grid-row:1;z-index:1;width:44px;height:44px;margin:auto;display:grid;place-items:center;background:var(--negro);border:2px solid var(--oliva-claro);border-radius:50%;color:var(--oliva-claro);font:700 1.2rem var(--titulo)}
.paso figure{grid-column:3;grid-row:1;width:100%;aspect-ratio:16/10}
.paso:nth-child(even) figure{grid-column:1}
.paso .n{font-size:.75rem;letter-spacing:.25em;color:var(--militar)}
.paso h5{font:700 1.25rem var(--titulo);letter-spacing:.06em;margin:.2rem 0 .4rem;overflow-wrap:anywhere}
.paso p{font-size:.95rem;overflow-wrap:anywhere}
@media (max-width:800px){
  .linea::before{left:21px;margin-left:0}
  .paso{grid-template-columns:44px minmax(0,1fr);column-gap:.9rem;align-items:start}
  .paso .marca{grid-column:1;grid-row:1/3;margin:0;align-self:start}
  .paso .txt,.paso:nth-child(even) .txt{grid-column:2;grid-row:1;text-align:left}
  .paso figure,.paso:nth-child(even) figure{grid-column:2;grid-row:2;margin-top:.8rem}
}