/* sacredvalleyvip.com · sacred-valley-altitude.css */
.alt-m{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap} .bar{height:10px;border-radius:5px;background:var(--verde);display:inline-block;vertical-align:middle;margin-right:8px}
.bar-16{width:52px}
.bar-22{width:64px}
.bar-31{width:82px}
.bar-59{width:138px}
.bar-63{width:146px}
.bar-66{width:152px}
.bar-76{width:172px}
.bar-98{width:216px}

@media(max-width:720px){.bar{transform:scaleX(.6);transform-origin:right}}

/* ===== altura: perfil del día, esfuerzo por parada, qué ayuda ===== */
.altp{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:16px 18px;margin:0 0 26px} .altp h2{margin:0 0 4px;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap} .altp .seg{display:flex;background:var(--fondo-claro);border-radius:10px;padding:3px;gap:3px} .altp .seg button{border:0;background:transparent;border-radius:8px;padding:6px 12px;font:inherit;font-size:.84rem;font-weight:600;color:var(--texto-suave);cursor:pointer} .altp .seg button.on{background:#fff;color:var(--texto);box-shadow:0 1px 4px rgba(0,0,0,.08)} .altp .sub{margin:0 0 8px;font-size:.88rem;color:var(--texto-suave)} .altp .pv[hidden]{display:none}
.prof{width:100%;height:auto;display:block;font-family:var(--font)} .prof .below{fill:var(--tinte)} .prof .ref{stroke:var(--verde-texto);stroke-width:1.5;stroke-dasharray:4 4} .prof .reft{font-size:11px;fill:var(--verde-texto);font-weight:700;text-anchor:end} .prof .ref2{stroke:#C96A6A;stroke-width:1;stroke-dasharray:2 4} .prof .reft2{font-size:10px;fill:#C96A6A;font-weight:700;text-anchor:end} .prof .area{fill:rgba(42,169,116,.12)} .prof .line{fill:none;stroke:var(--verde);stroke-width:2.5;stroke-linejoin:round} .prof circle{fill:#fff;stroke:var(--verde);stroke-width:2.5} .prof circle.hi{fill:#F2A83B;stroke:#F2A83B} .prof .lb{font-size:11px;font-weight:700;fill:var(--texto);text-anchor:middle} .prof .al{font-size:10px;fill:var(--texto-suave);text-anchor:middle} .prof .hr{font-size:10px;fill:#8E9B97;text-anchor:middle}
.altp .key{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;color:var(--texto-suave);margin-top:6px} .altp .key i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px} .altp .key .g{background:var(--verde)} .altp .key .o{background:#F2A83B}
.eff-h{font-size:1rem;margin:18px 0 10px} .effort{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 26px} .eff{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:12px} .eff b{display:block;font-size:.95rem} .eff small{display:block;font-size:.74rem;color:var(--texto-suave);margin-bottom:6px} .eff .lv{display:flex;gap:3px;margin:4px 0 6px} .eff .lv i{width:16px;height:6px;border-radius:3px;background:#E3E9E7} .eff .lv i.f{background:var(--verde)} .eff .lv i.f.m{background:#F2A83B} .eff p{margin:0;font-size:.8rem;color:var(--texto-suave)}
.helps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 10px} .helps>div{background:var(--tinte);border-radius:12px;padding:12px 14px;font-size:.9rem;font-weight:600;color:var(--verde-texto)} .helps>div small{display:block;font-weight:500;color:var(--texto-suave);font-size:.8rem;margin-top:2px}
@media(max-width:720px){.effort{grid-template-columns:1fr 1fr} .helps{grid-template-columns:1fr 1fr} .prof .al{display:none}}
/* «Esfuerzo por parada»: hover en verde de marca, textos blancos; las barras naranjas se mantienen y las verdes pasan a blanco */
.eff{transition:background .2s,border-color .2s}
.eff:hover{background:var(--verde);border-color:var(--verde)}
.eff:hover b,.eff:hover small,.eff:hover p{color:#fff}
.eff:hover .lv i.f:not(.m){background:#fff}