/* ===== compromiso: recorrido con scroll ===== */
section#compromiso.commit{height:560vh;padding:0;background:#0B0B0D;position:relative;overflow:clip;content-visibility:visible}
.cm-pin{position:sticky;top:0;height:100vh;min-height:560px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:96px clamp(18px,6vw,96px) 70px;box-sizing:border-box;--hue:#7fb6b0}
.cm-pin[data-i="1"]{--hue:#D6AE6B}.cm-pin[data-i="2"]{--hue:#9fd0ca}.cm-pin[data-i="3"]{--hue:#c9b6e8}.cm-pin[data-i="4"]{--hue:#F0D9A8}
.cm-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 72% 50%,color-mix(in srgb,var(--hue) 22%,transparent),transparent 70%),radial-gradient(ellipse 80% 60% at 10% 100%,rgba(214,174,107,.08),transparent 70%);transition:background 1.2s}
.cm-viz{position:absolute;top:50%;right:-8vw;width:min(128vh,72vw);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.cm-viz svg{width:100%;height:100%;overflow:visible}
.cm-rot{transform-origin:0 0;transition:transform .2s linear}
.cm-ring{fill:none;stroke:var(--hue);stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--hue) 70%,transparent));transition:stroke .8s}
.cm-dot{fill:#fff;filter:drop-shadow(0 0 8px var(--hue));opacity:0}
.cm-core{fill:var(--hue);opacity:.9;filter:drop-shadow(0 0 20px var(--hue));transition:fill .8s}
.cm-copy{position:relative;z-index:2;max-width:560px}
.cm-eb{margin:0 0 18px;color:var(--hue)!important;transition:color .8s}
.cm-intro{transition:opacity .8s,transform .8s}
.cm-pin:not(.intro) .cm-intro{opacity:0;transform:translateY(-24px);position:absolute;pointer-events:none}
.cm-intro h2{margin:0;font:500 clamp(40px,5.6vw,84px)/1.02 var(--sw-font-display,'Bodoni Moda',serif);color:#F3EFE6;letter-spacing:-.03em}.cm-intro h2 em{color:#D6AE6B}
.cm-slides{position:relative;min-height:300px}
.cm-slide{position:absolute;left:0;top:0;right:0;opacity:0;transform:translateY(34px);visibility:hidden;transition:opacity .8s,transform .9s cubic-bezier(.2,.8,.2,1),visibility .8s}
.cm-slide.on{opacity:1;transform:none;visibility:visible}.cm-slide.past{transform:translateY(-34px)}
.cm-slide .k{display:block;font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--hue);margin-bottom:16px;transition:color .8s}
.cm-slide h3{margin:0 0 16px;font:500 clamp(36px,4.8vw,70px)/1.02 var(--sw-font-display,'Bodoni Moda',serif);color:#F3EFE6;letter-spacing:-.03em}
.cm-slide p{margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.55;color:#cfc8b8;max-width:44ch}
.cm-count{position:absolute;left:clamp(18px,6vw,96px);bottom:56px;font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.18em;color:#6f6a5f}.cm-count b{font-size:34px;color:var(--hue);margin-right:8px;font-weight:500;transition:color .8s}
.cm-prog{position:absolute;left:clamp(18px,6vw,96px);right:clamp(18px,6vw,96px);bottom:30px;height:2px;background:#26332f}.cm-prog i{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#7fb6b0,#D6AE6B)}
[dir=rtl] .cm-prog i{transform-origin:right}
.cm-hint{position:absolute;right:170px;bottom:44px;margin:0;font:500 10px ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:#6f6a5f}
@media(max-width:900px){section#compromiso.commit{height:520vh}.cm-pin{grid-template-columns:1fr;align-content:center;padding:90px 20px 70px}.cm-viz{width:120vw;right:-40vw;top:34%;opacity:.55}.cm-slides{min-height:260px}.cm-hint{display:none}}
@media(prefers-reduced-motion:reduce){.cm-slide,.cm-intro,.cm-rot{transition:none}}

.cm-viz{width:min(104vh,58vw)}.cm-cv{display:block;width:100%;height:100%}
.cm-viz{right:3vw!important;width:min(92vh,48vw)!important}@media(max-width:900px){.cm-viz{right:-30vw!important;width:110vw!important}}

/* ===== película de valores (vídeo guiado por el scroll) ===== */
section#compromiso.commit{height:760vh}
.cm-pin{background:#08080a}
.cm-bg,.cm-viz{display:none!important}
.cf-scenes{position:absolute;inset:0}
.cf-scene{position:absolute;inset:0;transform-origin:62% 50%;will-change:opacity,transform}
.cf-poster,.cf-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cf-video{opacity:0;transition:opacity .4s}.cf-scene.has-clip .cf-video{opacity:1}
.cf-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,8,10,.9) 0%,rgba(8,8,10,.62) 34%,rgba(8,8,10,.12) 70%,rgba(8,8,10,.28) 100%),linear-gradient(0deg,rgba(8,8,10,.8) 0%,transparent 28%),linear-gradient(180deg,rgba(8,8,10,.55) 0%,transparent 22%),radial-gradient(ellipse 80% 80% at 60% 50%,transparent 55%,rgba(0,0,0,.45) 100%)}
.cm-pin[data-i="0"]{--hue:#D6AE6B}.cm-pin[data-i="1"]{--hue:#D6AE6B}.cm-pin[data-i="2"]{--hue:#9fd0ca}.cm-pin[data-i="3"]{--hue:#c9b6e8}.cm-pin[data-i="4"]{--hue:#F0D9A8}
.cm-copy{position:absolute;left:clamp(18px,6vw,96px);top:50%;transform:translateY(-50%);max-width:min(560px,86vw)}
.cm-slides{min-height:300px}
.cf-route{list-style:none;margin:0;padding:0;position:absolute;right:clamp(14px,2.4vw,36px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;align-items:flex-end}
.cf-route li{display:flex;align-items:center;gap:12px;font:500 12px var(--sw-font-body,Archivo,sans-serif);letter-spacing:.06em;color:#fff;text-shadow:0 0 6px #000}
.cf-route span{opacity:0;transform:translateX(8px);transition:opacity .4s,transform .4s}.cf-route li.on span{opacity:1;transform:none}
.cf-route i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.35);transition:all .4s}.cf-route li.done i{background:#7fb6b0;border-color:#7fb6b0}.cf-route li.on i{background:var(--hue,#D6AE6B);border-color:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.12),0 0 16px var(--hue,#D6AE6B)}
.cm-intro{transition:opacity .5s;opacity:var(--intro,1)}
@media(max-width:900px){section#compromiso.commit{height:700vh}.cm-copy{top:auto;bottom:90px;transform:none}.cm-slides{min-height:250px}.cf-shade{background:linear-gradient(0deg,rgba(8,8,10,.92) 0%,rgba(8,8,10,.55) 45%,rgba(8,8,10,.2) 100%),linear-gradient(180deg,rgba(8,8,10,.5) 0%,transparent 20%)}.cf-route{top:84px;right:12px;transform:none;flex-direction:row;gap:10px}.cf-route span{display:none}}
.cm-copy{width:min(560px,86vw)}
.cm-pin.intro .cm-slides{min-height:0;height:0}
.cm-pin:not(.intro) .cm-intro{display:none}
/* puntos de avance alineados en una sola columna */
.cf-route{align-items:flex-end;gap:22px}
.cf-route li{position:relative;display:block;width:14px;height:14px}
.cf-route i{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%)}
.cf-route span{position:absolute;right:26px;top:50%;transform:translate(8px,-50%);white-space:nowrap}
.cf-route li.on span{transform:translate(0,-50%)}
@media(max-width:900px){.cf-route li{width:12px;height:12px}.cf-route span{display:none}}