/* Actividades: la ruta se dibuja sobre el mar y el barco la recorre. Gabarito, redonda y al aire libre. */
@font-face{font-family:NAct;src:url(/fonts/n-actividad.woff2) format("woff2");font-display:swap}
.nicho-actividad{--tit:NAct,"Titulares",sans-serif}
.nicho-actividad h1,.nicho-actividad h2{font-weight:800;letter-spacing:-.025em;line-height:1.02}
/* La ruta sigue: cada tarea es una parada de un trazo que se dibuja al bajar. */
.c-mar{min-height:clamp(480px,82svh,820px);display:flex;align-items:flex-end;padding:clamp(40px,6vw,88px) var(--gut);background:#0b2a3c}
.c-mar::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(6 22 30 / .78),rgb(6 22 30 / .12) 62%);pointer-events:none}
.c-mar-t{z-index:2;max-width:1280px;width:100%;margin:0 auto}
.c-mar .dolor{font-weight:800;font-size:clamp(34px,5.6vw,84px);line-height:1.02;letter-spacing:-.025em;color:#fff;max-width:15em}
.c-mar .dolor span+span{color:var(--tiza)}
.c-paradas{background:var(--papel)}
.c-paradas-g{position:relative;display:grid;grid-template-columns:clamp(40px,6vw,88px) minmax(0,1.15fr) minmax(0,1fr);gap:clamp(16px,3vw,48px)}
.c-traza{width:40px;height:100%;overflow:visible}
.c-traza-l{fill:none;stroke:var(--pizarra);stroke-width:4;stroke-linecap:round;stroke-dasharray:1}
.animado .c-traza-l{stroke-dashoffset:calc(1 - var(--t,0))}
.c-stops{display:grid;gap:clamp(40px,6vw,88px);padding-block:clamp(8px,2vw,24px)!important}
.c-stops li{position:relative}
.c-stops li:nth-child(2){margin-left:clamp(0px,5vw,72px)}
.c-pin{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:50%;background:var(--tiza);color:#102f31;font:800 20px var(--tit)}
.c-stops h3{font:800 clamp(24px,2.6vw,36px)/1.08 var(--tit);letter-spacing:-.02em;color:var(--pizarra)}
.c-stops p{margin:10px 0 0;color:var(--tinta-2);max-width:30em}
.c-cubierta-c{align-self:center}
.c-cubierta{display:block;width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;border-radius:18px}
.c-paradas .r-acc{margin-top:clamp(28px,4vw,48px)}
.c-parte{background:#17484b;color:#fff;--pizarra:#fff;--tinta-2:#d4e6e4}
.c-parte .limite{box-shadow:0 -1px rgb(255 255 255 / .3)}
.nicho-actividad .pl{border-radius:14px;mask:radial-gradient(circle 14px at 0 calc(100% - 92px),transparent 98%,#000) left,radial-gradient(circle 14px at 100% calc(100% - 92px),transparent 98%,#000) right;mask-size:51% 100%;mask-repeat:no-repeat}
.nicho-actividad .pl .bt{position:relative}
.nicho-actividad .pl .bt::before{content:"";position:absolute;left:-12px;right:-12px;top:-18px;border-top:2px dashed var(--linea)}
@media (max-width:899px){
  .c-paradas-g{grid-template-columns:32px minmax(0,1fr)}
  .c-traza{width:24px}
  .c-cubierta-c{grid-column:1/3}
  .c-cubierta{aspect-ratio:3/2}
  .c-stops li:nth-child(2){margin-left:0}
}