/* Sherpa V3 · páginas de arista (ochomiles) */
.ficha{border-radius:3rem 3rem 3rem .6rem;padding:2.6rem 2.8rem 2.4rem;color:#fff;
  background:rgba(1,2,2,.55);backdrop-filter:blur(1.6rem);-webkit-backdrop-filter:blur(1.6rem);border:1px solid rgba(255,255,255,.22)}
.phero .ficha{position:absolute;right:6.4rem;top:17vh;width:38rem;z-index:5;animation:fade 1.2s var(--ease) .7s both}
.ficha-wrap{display:none}
.ficha .fh{display:flex;justify-content:space-between;align-items:baseline;color:var(--lime);margin-bottom:1.4rem}
.ficha .fh b{font-family:var(--sans);font-size:3.6rem;font-weight:200;letter-spacing:-.03em;color:#fff}
.ficha svg{display:block;width:100%;height:auto;margin-bottom:1.6rem}
.ficha svg path{fill:none;stroke:rgba(255,255,255,.7);stroke-width:1.5;stroke-linejoin:round}
.ficha svg .snow{fill:#fff;stroke:none;opacity:.9}
.ficha svg .rt{stroke:var(--lime);stroke-width:2;stroke-dasharray:2 5}
.ficha dl{display:grid;gap:1.3rem}
.ficha dt{font-family:var(--mono);font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:#a9c0c2}
.ficha dd{font-size:1.5rem;line-height:1.4;margin-top:.3rem}

/* grietas: lo que hace difícil la montaña */
.grietas{background:var(--fog);padding:16rem 6.4rem 14rem}
.grietas .top{display:flex;justify-content:space-between;align-items:flex-end;gap:6rem}
.grietas .top p{width:46rem;font-size:1.8rem;line-height:1.55;font-weight:300;color:#2b3436}
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:8rem}
.gcard{background:#fff;border-radius:2.4rem 2.4rem 2.4rem .6rem;padding:3.2rem 3rem 3.4rem;box-shadow:0 2.4rem 5rem rgba(0,30,40,.08);position:relative;overflow:hidden}
.gcard .crack{display:block;width:100%;height:7rem;margin-bottom:2.4rem}
.gcard .crack path{fill:none;stroke:var(--petrol);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s var(--ease) .3s}
.gcard.in .crack path{stroke-dashoffset:0}
.gcard .mono{color:var(--petrol);font-size:1.05rem}
.gcard h3{font-size:2.8rem;font-weight:600;letter-spacing:-.025em;line-height:1.08;margin:1rem 0 1.2rem}
.gcard p{font-size:1.6rem;line-height:1.55;font-weight:300;color:#2b3436}

/* equipo de la expedición */
.equipo{background:var(--lime);padding:16rem 6.4rem 16rem;min-height:84rem}
.equipo p.lead2{width:50rem;font-size:1.8rem;line-height:1.5;margin-top:3rem}
.equipo .gear{display:flex;flex-wrap:wrap;gap:1rem;width:80rem;margin-top:5rem}
.equipo .gear a{color:var(--ink);transition:background .3s,color .3s}
.equipo .gear a:hover{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.equipo .gear a.ia{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.equipo .btn{margin-top:5rem;background:var(--ink);color:var(--lime)}
.equipo .mascot{right:6rem;top:16rem;width:46rem}

/* cumbres de esta montaña */
.acum{background:var(--ink);color:#fff;padding:16rem 6.4rem 14rem}
.acum .top{display:flex;justify-content:space-between;align-items:flex-end;gap:6rem}
.acum .top p{width:44rem;font-size:1.8rem;line-height:1.55;font-weight:300;color:#b9c0c0}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem;margin-top:7rem}
.pc{display:block;text-decoration:none;color:#fff}
.pc .im{height:30rem;background:#0d3b3f center/cover;display:grid;place-items:center;transition:transform .6s var(--ease)}
.pc .im b{font-size:3.6rem;letter-spacing:.14em;font-weight:300;color:#fff}
.pc:nth-child(4n+1) .im{border-radius:15rem 15rem 1.8rem 1.8rem}
.pc:nth-child(4n+2) .im{border-radius:1.8rem 15rem 1.8rem 1.8rem}
.pc:nth-child(4n+3) .im{border-radius:1.8rem 1.8rem 1.8rem 15rem}
.pc:nth-child(4n+4) .im{border-radius:15rem 1.8rem 1.8rem 1.8rem}
.pc:hover .im{transform:translateY(-1rem)}
.pc h4{font-size:2.2rem;font-weight:600;letter-spacing:-.02em;margin-top:1.8rem}
.pc p{font-size:1.4rem;line-height:1.45;font-weight:300;color:#b9c0c0;margin-top:.5rem}
.pc .tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem}
.pc .tags span{font-family:var(--mono);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.4rem 1rem;color:#cfd6d0}
.pc.invite .im{background:none;border:.2rem dashed rgba(175,202,39,.6)}
.pc.invite .im svg{width:9rem;height:9rem;fill:none;stroke:var(--lime);stroke-width:1.6;stroke-linejoin:round}
.acum .more{display:inline-flex;margin-top:6rem;color:#fff;font-size:1.6rem;text-decoration:none;border-bottom:1px solid var(--lime);padding-bottom:.4rem}

/* otros ochomiles */
.otros{background:var(--fog);padding:16rem 6.4rem}
.ogrid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:6rem}
.oc{position:relative;display:block;height:44rem;border-radius:22rem 22rem 2.4rem 2.4rem;overflow:hidden;color:#fff;text-decoration:none}
.oc .bg{position:absolute;inset:0;background:center/cover;transition:transform .8s var(--ease)}
.oc:hover .bg{transform:scale(1.06)}
.oc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,30,0) 30%,rgba(0,20,30,.85))}
.oc .tx{position:absolute;left:4rem;right:4rem;bottom:3.6rem;z-index:2}
.oc .tx .mono{color:var(--lime)}
.oc h3{font-size:6rem;font-weight:600;letter-spacing:-.04em;line-height:1;margin:.8rem 0}
.oc p{font-size:1.6rem;line-height:1.45;font-weight:300;width:44rem}
.oc .go{position:absolute;right:4rem;bottom:3.6rem;z-index:2;width:6rem;height:6rem;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:2.2rem;transition:transform .4s var(--ease)}
.oc:hover .go{transform:rotate(-45deg)}

@media (max-width:760px){
.phero .ficha{display:none}
.ficha-wrap{display:block;background:var(--petrol);padding:2.4rem 2rem 3rem}
.ficha-wrap .ficha{background:rgba(255,255,255,.06)}
.grietas,.equipo,.acum,.otros{padding:9rem 2rem}
.grietas .top,.acum .top{flex-direction:column;align-items:flex-start;gap:2rem}
.grietas .top p,.acum .top p{width:auto;font-size:1.5rem}
.gcards{grid-template-columns:1fr;gap:1.6rem;margin-top:4rem}
.gcard{padding:2.4rem 2.2rem}
.gcard h3{font-size:2.2rem}.gcard p{font-size:1.4rem}
.equipo{min-height:0;display:flex;flex-direction:column}
.equipo p.lead2{width:auto;font-size:1.5rem}
.equipo .gear{width:auto;margin-top:3rem;gap:.6rem}
.equipo .mascot{position:relative;right:auto;top:auto;width:22rem;align-self:flex-end;margin-top:2rem;order:5}
.pgrid{grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:4rem}
.pc .im{height:18rem}
.pc:nth-child(n) .im{border-radius:9rem 9rem 1.4rem 1.4rem}
.pc h4{font-size:1.6rem}.pc p{font-size:1.2rem}
.ogrid{grid-template-columns:1fr;gap:1.6rem;margin-top:3rem}
.oc{height:32rem;border-radius:16rem 16rem 2rem 2rem}
.oc h3{font-size:4rem}.oc p{width:auto;font-size:1.35rem;padding-right:6rem}
.oc .tx{left:2.4rem;right:2.4rem;bottom:2.4rem}.oc .go{right:2.4rem;bottom:2.4rem;width:4.6rem;height:4.6rem}
}

/* ---------- La ruta como obra (inmobiliaria) ---------- */
.obra{height:560vh;background:#0c1416;color:#fff;overflow:clip}
.osticky{position:sticky;top:0;height:100vh;min-height:70rem;overflow:hidden}
.ohead{position:absolute;left:6.4rem;top:11vh;width:44rem;z-index:3}
.ohead .k{color:var(--lime);font-size:1.1rem}
.obra h2{font-size:7.2rem;line-height:.92;font-weight:600;letter-spacing:-.04em;margin-top:1.6rem}
.osub{font-size:1.6rem;line-height:1.55;font-weight:300;color:#b9c6c8;margin-top:2rem}
.osub b{color:#fff;font-weight:600}
.ogauge{position:absolute;left:6.4rem;bottom:calc(7vh + 4rem);width:42rem;z-index:3;padding-left:3.2rem}
.ogauge>.mono{font-size:1rem;color:#7f9396;margin-bottom:1rem}
.ogauge ol{list-style:none}
.ogauge button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:5.4rem 1fr;align-items:baseline;width:100%;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08);opacity:.4;transition:opacity .3s}
.ogauge button:hover{opacity:.8}
.ogauge button .mono{font-size:1.05rem;color:var(--lime)}
.ogauge button b{font-size:2rem;font-weight:500;letter-spacing:-.02em}
.ogauge button small{grid-column:2;font-size:1.25rem;color:#9fb0b2;max-height:0;overflow:hidden;transition:max-height .4s var(--ease),margin .4s}
.ogauge button.done{opacity:.7}
.ogauge button.on{opacity:1}
.ogauge button.on small{max-height:2.4rem;margin-top:.3rem}
.orail{position:absolute;left:0;top:2.6rem;bottom:0;width:.4rem;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}
.orail i{position:absolute;inset:0;background:var(--lime);transform-origin:bottom;transform:scaleY(0)}
.ostage{position:absolute;left:56rem;right:6.4rem;top:11vh;bottom:7vh;border-radius:3rem 3rem 3rem .6rem;overflow:hidden;background:#1a2426}
.oph{position:absolute;inset:0;clip-path:inset(var(--c,100%) 0 0 0)}
.oph:first-child{--c:0%}
.oph .ph{position:absolute;inset:0;overflow:hidden}
.oph .ph img{width:100%;height:100%;object-fit:cover;transform:scale(var(--z,1));transform-origin:50% 100%}
.oph .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 28%,transparent 42%,rgba(0,0,0,.78))}
.ocap{position:absolute;left:3.2rem;bottom:3.2rem;width:34rem;z-index:2}
.ocap .mono{font-size:1.05rem;color:var(--lime)}
.ocap h3{font-size:5.4rem;font-weight:600;letter-spacing:-.04em;line-height:.95;margin-top:.8rem}
.ocap p{font-size:1.5rem;line-height:1.45;color:#e2e8e9;font-weight:300;margin-top:1rem}
.otx{position:absolute;right:2.4rem;bottom:2.4rem;width:40rem;z-index:2;background:var(--fog);color:var(--ink);border-radius:2.4rem 2.4rem 2.4rem .5rem;padding:2.4rem 2.6rem;opacity:0;transform:translateY(1.6rem);transition:opacity .4s,transform .5s var(--ease)}
.oph.on .otx{opacity:1;transform:none;transition-delay:.12s}
.otx>.mono{font-size:1rem;color:var(--petrol)}
.otx h4{font-size:2.8rem;font-weight:600;letter-spacing:-.025em;line-height:1.05;margin:.6rem 0 .4rem}
.otx .s{font-size:.95rem;color:var(--petrol);margin-top:1.4rem}
.otx p{font-size:1.4rem;line-height:1.5;font-weight:300;color:#2b3436;margin-top:.4rem}
.otx .rtags{margin-top:1.4rem}
.otx .rtags span{font-size:1.05rem}
.opct{position:absolute;top:2.4rem;right:2.4rem;z-index:4;background:rgba(1,2,2,.55);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:999px;padding:.8rem 1.6rem;display:flex;gap:1rem;align-items:baseline}
.opct .mono{font-size:.95rem;color:#cfd8d9}
.opct b{font-size:1.8rem;font-weight:500;color:var(--lime);min-width:4.6rem;text-align:right}
@media (max-width:760px){
.obra{height:auto;overflow:visible}
.osticky{position:static;height:auto;min-height:0;overflow:visible;padding:9rem 2rem 7rem}
.ohead{position:static;width:auto}
.obra h2{font-size:4.4rem}
.osub{font-size:1.45rem}
.ogauge,.opct{display:none}
.ostage{position:relative;left:auto;right:auto;top:auto;bottom:auto;border-radius:0;background:none;overflow:visible;display:grid;gap:4.4rem;margin-top:4rem;padding-left:2.4rem}
.ostage::before{content:"";position:absolute;left:0;top:1rem;bottom:1rem;width:.3rem;background:linear-gradient(var(--lime),rgba(175,202,39,.15));border-radius:999px}
.oph{position:relative;inset:auto;clip-path:none!important}
.oph::before{content:"";position:absolute;left:-3.05rem;top:1.6rem;width:1.6rem;height:1.6rem;border-radius:50%;background:#0c1416;border:.25rem solid var(--lime)}
.oph.seen::before{background:var(--lime)}
.oph .ph{position:relative;inset:auto;aspect-ratio:4/3.6;border-radius:2rem 2rem 2rem .5rem;clip-path:inset(100% 0 0 0);transition:clip-path 1.2s var(--ease)}
.oph.seen .ph{clip-path:inset(0)}
.oph .ph img{transform:scale(1.14);transition:transform 1.6s var(--ease)}
.oph.seen .ph img{transform:none}
.ocap{left:1.6rem;right:1.6rem;bottom:1.6rem;width:auto}
.ocap h3{font-size:3.4rem}
.ocap p{font-size:1.25rem}
.otx{position:relative;right:auto;bottom:auto;width:auto;margin:-1.6rem 0 0 1.2rem;padding:2rem;opacity:0;transform:translateY(2rem)}
.oph.seen .otx{opacity:1;transform:none;transition-delay:.35s}
.otx h4{font-size:2.2rem}
.otx p{font-size:1.3rem}
}