/* CIMENTA — película del caso. Lienzo fijo (1920×1080 o 1080×1920) escalado al contenedor. */
.cf-film{--k:#191918;--r:#8A3D2F;--rl:#C9664F;--g:#8B9094;--pp:#F2F0EB;position:relative;width:100%;color:var(--pp)}
.cf-screen{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#151413;border-radius:6px;box-shadow:0 40px 90px -50px #191918cc;isolation:isolate}
.cf-film.is-v .cf-screen{aspect-ratio:9/16}
.cf-stage{position:absolute;inset:0}
.cf-canvas{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#151413;font-family:'DM Sans',Arial,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.cf-canvas *{box-sizing:border-box;margin:0}
.cf-scene{position:absolute;inset:0;visibility:hidden;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#2a2220,#151413 65%)}
.cf-light{background:radial-gradient(ellipse at 80% 10%,#fffdf8,#F2F0EB 60%);color:var(--k)}
.cf-ox{color:var(--rl)}.cf-light .cf-ox{color:var(--r)}
.cf-kick{position:absolute;font:500 22px/1.4 'DM Mono',monospace;letter-spacing:.16em;color:#F2F0EB99}
.cf-light .cf-kick{color:#19191899}
.cf-h2{position:absolute;font-weight:800;letter-spacing:-.045em;line-height:.98}
.cf-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.06em}
.cf-line>span{display:inline-block;will-change:transform}
.cf-ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Isotipo y logotipo */
.cf-iso{display:block;width:100%;height:100%;overflow:visible}
.cf-iso path{transform-box:fill-box;transform-origin:50% 100%}
.cf-iso .cf-k{fill:var(--iso-k,#F2F0EB)}.cf-iso .cf-r{fill:#8A3D2F}.cf-iso .cf-g{fill:#8B9094}
.cf-light .cf-iso,.cf-pc-back .cf-iso,.cf-pc-folio .cf-iso,.cf-site .cf-iso,.cf-side-logo .cf-iso{--iso-k:#191918}
.cf-side-logo .cf-iso{--iso-k:#F2F0EB}
.cf-word{display:block;width:100%;height:auto;overflow:visible;fill:var(--word,#F2F0EB)}
.cf-word path{transform-box:fill-box;transform-origin:50% 100%}

/* Cortinas */
.cf-wipe{position:absolute;inset:0;z-index:50;pointer-events:none}
.cf-wipe i{position:absolute;inset:0;transform:translateX(-101%)}
.cf-wipe i:nth-child(1){background:#8B9094}.cf-wipe i:nth-child(2){background:#8A3D2F}.cf-wipe i:nth-child(3){background:#191918}
.cf-demo-note{position:absolute;right:36px;bottom:26px;z-index:60;font:500 15px 'DM Mono',monospace;letter-spacing:.08em;color:#8b8580;background:#151413cc;padding:6px 12px;border-radius:30px;opacity:0}

/* ── S1 · Cimiento ── */
.cf-grid{position:absolute;inset:0;width:100%;height:100%}
.cf-grid path{fill:none;stroke:#ffffff10;stroke-width:1;vector-effect:non-scaling-stroke}
.cf-top,.cf-bottom{position:absolute;left:80px;right:80px;display:flex;justify-content:space-between;gap:30px;font:500 19px 'DM Mono',monospace;letter-spacing:.14em;color:#F2F0EB8c}
.cf-top{top:56px}.cf-bottom{bottom:56px}
.cf-s1-mark{position:absolute;left:250px;top:215px;width:557px;height:610px;transform-origin:50% 100%}
.cf-dim{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cf-dim path{fill:none;stroke:#C9664F;stroke-width:3;vector-effect:non-scaling-stroke}
.cf-s1-lock{position:absolute;left:905px;top:400px;width:790px;--word:#F2F0EB}
.cf-s1-desc{display:block;margin-top:34px;font:600 30px/1 'DM Sans';color:#C9664F;white-space:nowrap}
.cf-s1-tag{position:absolute;left:905px;top:640px;font-size:46px;font-weight:500;letter-spacing:-.02em;color:#F2F0EBcc}
.cf-s1-tag>*{display:inline-block}.cf-s1-tag em{font-style:normal;color:#F2F0EB;font-weight:750}
.cf-v .cf-s1-mark{left:300px;top:330px;width:480px;height:526px}
.cf-v .cf-s1-lock{left:140px;top:1020px;width:800px;text-align:center}
.cf-v .cf-s1-desc{font-size:28px}
.cf-v .cf-s1-tag{left:80px;right:80px;top:1300px;text-align:center;font-size:54px;line-height:1.25}
.cf-v .cf-s1-tag>*{display:block}
.cf-v .cf-top{flex-direction:column;gap:12px;font-size:20px}

/* ── S2 · Tres piezas ── */
.cf-s2 .cf-kick{left:120px;top:110px}
.cf-s2-h{position:absolute;left:120px;top:170px;font-size:150px;font-weight:800;letter-spacing:-.05em;line-height:.97}
.cf-s2-cards{position:absolute;left:120px;right:120px;bottom:100px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.cf-card{border:2px solid #191918;padding:34px 34px 38px;min-height:270px;display:flex;flex-direction:column;gap:14px;background:#ffffff00;color:#191918}
.cf-card b{font:500 22px 'DM Mono',monospace;letter-spacing:.1em;opacity:.7}
.cf-card strong{font-size:58px;font-weight:800;letter-spacing:-.04em;line-height:1}
.cf-card p{font-size:27px;line-height:1.35;font-weight:450;max-width:20em;opacity:.85}
.cf-card-hot{border-color:#8A3D2F}
.cf-v .cf-s2 .cf-kick{left:90px;top:120px}
.cf-v .cf-s2-h{left:90px;top:190px;font-size:118px}
.cf-v .cf-s2-cards{left:90px;right:90px;bottom:110px;grid-template-columns:1fr;gap:22px}
.cf-v .cf-card{min-height:0;padding:30px 32px}
.cf-v .cf-card strong{font-size:52px}

/* ── S3 · Identidad ── */
.cf-s3 .cf-kick{left:120px;top:110px}
.cf-s3-h{left:120px;top:165px;font-size:112px}
.cf-s3-mark{position:absolute;left:1010px;top:110px;width:380px;height:416px}
.cf-s3-guides{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);overflow:visible}
.cf-s3-guides path,.cf-s3-guides circle{fill:none;stroke:#C9664F77;stroke-width:1.5;vector-effect:non-scaling-stroke}
.cf-s3-iso{position:relative}
.cf-swatches{position:absolute;left:120px;top:520px;width:760px;height:230px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cf-sw{background:var(--c);border:1px solid #ffffff1c;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;color:#F2F0EB}
.cf-sw span{font-size:26px;font-weight:700;letter-spacing:-.02em}.cf-sw b{font:500 18px 'DM Mono',monospace;opacity:.8}
.cf-sw-l{color:#191918}
.cf-s3-note{position:absolute;left:120px;top:800px;width:760px;font-size:31px;line-height:1.4;color:#F2F0EBcc}
.cf-s3-note b{color:#F2F0EB;font-weight:700}
.cf-paper{position:absolute;left:960px;top:540px;width:860px;height:440px}
.cf-pc{position:absolute;transform:var(--pc-t);box-shadow:0 30px 60px -30px #000c}
.cf-pc-card{--pc-t:rotate(-6deg);left:0;top:0;width:480px;height:280px;background:#1d1b1a;border:1px solid #ffffff14;display:flex;align-items:center;justify-content:center;gap:22px;padding:40px;z-index:3}
.cf-pc-card .cf-iso{width:76px;height:84px}.cf-pc-card .cf-word{width:230px}
.cf-pc-back{--pc-t:rotate(5deg);left:370px;top:120px;width:480px;height:280px;background:#F7F5F0;color:#191918;padding:34px 36px;z-index:4;display:flex;flex-direction:column}
.cf-pc-back span{font-size:28px;font-weight:750;letter-spacing:-.02em}.cf-pc-back small{font:500 15px 'DM Mono',monospace;letter-spacing:.1em;color:#8A3D2F;margin-top:6px;text-transform:uppercase}
.cf-pc-back i{display:block;height:2px;width:60px;background:#8A3D2F;margin-top:auto}
.cf-pc-back .cf-iso{position:absolute;right:30px;bottom:30px;width:54px;height:60px}
.cf-pc-folio{--pc-t:rotate(4deg);left:600px;top:-380px;width:250px;height:354px;background:#fbfaf6;padding:26px 24px;z-index:1;display:flex;flex-direction:column;gap:12px;--word:#191918}
.cf-folio-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}.cf-folio-top .cf-iso{width:30px;height:33px}.cf-folio-top .cf-word{width:96px}
.cf-pc-folio i{display:block;height:7px;background:#e3dfd7;border-radius:2px}.cf-pc-folio i.s{width:60%}
.cf-v .cf-s3 .cf-kick{left:90px;top:120px}
.cf-v .cf-s3-h{left:90px;top:175px;font-size:104px}
.cf-v .cf-s3-mark{left:90px;top:470px;width:300px;height:328px}
.cf-v .cf-swatches{left:440px;top:470px;width:550px;height:330px;grid-template-columns:1fr 1fr}
.cf-v .cf-s3-note{left:90px;top:880px;width:900px;font-size:34px}
.cf-v .cf-paper{left:90px;top:1460px;width:900px;height:400px}
.cf-v .cf-pc-folio{left:590px;top:-420px}
.cf-v .cf-pc-back{left:330px;top:110px}

/* ── S4 · Web ── */
.cf-s4 .cf-kick{left:120px;top:110px}
.cf-s4-h{left:120px;top:165px;font-size:84px;width:560px}
.cf-s4-points{position:absolute;left:120px;top:440px;width:520px;list-style:none;padding:0;display:grid;gap:0}
.cf-s4-points li{display:flex;gap:22px;align-items:baseline;padding:22px 0;border-top:2px solid #19191822;font-size:29px;font-weight:600;letter-spacing:-.015em}
.cf-s4-points b{font:500 18px 'DM Mono',monospace;color:#8A3D2F}
.cf-browser{--br-t:scale(1);--br-z:scale(9);position:absolute;left:700px;top:110px;width:1110px;height:860px;background:#fff;border-radius:16px;box-shadow:0 60px 120px -60px #19191888,0 0 0 1px #19191814;overflow:hidden;transform-origin:calc(100% - 58px) 82px}
.cf-browser-bar{height:52px;background:#ebe8e1;display:flex;align-items:center;gap:9px;padding:0 20px;font:500 16px 'DM Mono',monospace;color:#57524d}
.cf-browser-bar i{width:13px;height:13px;border-radius:50%;background:#cfcac1}
.cf-browser-bar span{margin:0 auto;background:#fff;padding:6px 40px;border-radius:8px}
.cf-browser-view{position:absolute;top:52px;left:0;right:0;bottom:0;overflow:hidden;background:#F2F0EB}
.cf-site{color:#191918;--word:#191918}
.cf-site-nav{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #19191814}
.cf-site-logo{display:flex;align-items:center;gap:10px}.cf-site-logo .cf-iso{width:30px;height:33px}.cf-site-logo .cf-word{width:104px}
.cf-site-nav nav{display:flex;align-items:center;gap:22px;font:700 12px Arial,sans-serif;letter-spacing:.06em}
.cf-site-nav .u{text-decoration:underline;text-underline-offset:4px}
.cf-site-user{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;border:1px solid #19191833}
.cf-site-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;padding:46px 30px 40px;align-items:center}
.cf-site-copy small{font:700 11px Arial;letter-spacing:.1em;color:#8A3D2F}
.cf-site-copy h3{font:700 54px/1.05 Arial,sans-serif;letter-spacing:-.02em;margin:16px 0 18px}
.cf-site-copy p{font:15px/1.6 Arial;color:#3b3734;max-width:30em}
.cf-site-btn{display:inline-block;margin-top:22px;background:#8A3D2F;color:#fff;font:700 12px Arial;letter-spacing:.08em;padding:15px 20px}
.cf-axon{background:#1b1a19;color:#F2F0EB;padding:18px 20px 0;border-radius:3px}
.cf-axon small{font:500 11px 'DM Mono',monospace;letter-spacing:.1em;color:#b9b2a9}
.cf-axon svg{display:block;width:100%;height:270px}
.cf-axon-lines path{fill:none;stroke:#F2F0EBaa;stroke-width:1.6;vector-effect:non-scaling-stroke}
.cf-axon-lines path:nth-child(2){stroke:#C9664F}
.cf-axon-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff1c;margin:0 -20px}
.cf-axon-tabs span{font:600 13px Arial;padding:14px 8px;text-align:center;color:#cfc8bf}
.cf-site-values{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 30px;border-top:1px solid #19191822}
.cf-site-values div{padding:30px 22px 34px 0}
.cf-site-values b{font:300 40px Arial;color:#8A3D2F}
.cf-site-values strong{display:block;font:700 22px Arial;margin:12px 0 8px}
.cf-site-values p{font:14px/1.5 Arial;color:#55504c}
.cf-site-zones{margin:0 30px;padding:30px;background:#e8e4dc}
.cf-site-zones small{font:700 11px Arial;letter-spacing:.1em;color:#8A3D2F}
.cf-site-zones div{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cf-site-zones span{font:600 15px Arial;padding:9px 14px;border:1px solid #19191826;background:#F2F0EB}
.cf-cursor{position:absolute;left:0;top:0;width:34px;height:34px;z-index:5;opacity:0;filter:drop-shadow(0 4px 6px #0005);--cx:1062px;--cy:84px}
.cf-cursor svg{width:100%;height:100%;fill:#191918;stroke:#fff;stroke-width:1.4}
.cf-tip{position:absolute;right:16px;top:132px;background:#191918;color:#F2F0EB;font:600 17px 'DM Sans';padding:11px 16px;border-radius:8px;opacity:0;z-index:4}
.cf-portal{position:absolute;inset:0;z-index:6;opacity:0;background:radial-gradient(circle at 70% 30%,#5a2a22,#151413 70%)}
.cf-v .cf-s4 .cf-kick{left:90px;top:120px}
.cf-v .cf-s4-h{left:90px;top:175px;font-size:96px;width:900px}
.cf-v .cf-s4-points{left:90px;top:420px;width:900px}
.cf-v .cf-s4-points li{font-size:31px;padding:18px 0}
.cf-v .cf-browser{left:40px;top:830px;width:1000px;height:1000px}
.cf-v .cf-cursor{--cx:952px}

/* ── S5 · Centro de operaciones ── */
.cf-app{--app-t:translate(0,0);position:absolute;left:80px;top:70px;width:1320px;height:940px;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:250px 1fr;background:#f3f1ed;box-shadow:0 60px 120px -50px #000,0 0 0 1px #ffffff14;color:#191918}
.cf-side{background:#1c1b1a;color:#e9e4dd;padding:22px 14px;overflow:hidden}
.cf-side-logo{display:flex;align-items:center;gap:10px;padding:4px 8px 20px;flex-wrap:wrap;--word:#F2F0EB}
.cf-side-logo .cf-iso{width:34px;height:38px}.cf-side-logo .cf-word{width:118px}
.cf-side-logo small{width:100%;font:500 10px 'DM Mono',monospace;letter-spacing:.14em;color:#a59f98;margin-top:6px}
.cf-side-g{margin-top:12px}
.cf-side-g>span{display:block;font:500 9.5px 'DM Mono',monospace;letter-spacing:.14em;color:#8e8781;padding:6px 10px}
.cf-side-i{display:flex;align-items:center;gap:10px;font-size:13.5px;padding:6px 10px;border-radius:8px;color:#dcd6cf}
.cf-side-i .cf-ic{font-size:16px;opacity:.85}
.cf-side-i.is-on{background:#F2F0EB;color:#191918;font-weight:600}
.cf-main{position:relative;overflow:hidden}
.cf-main-in{--scroll:-372px;position:absolute;inset:0 0 auto 0}
.cf-crumbs{height:62px;background:#fbfaf8;border-bottom:1px solid #19191812;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:15px}
.cf-crumbs i{font-style:normal;color:#999;margin:0 8px}
.cf-search{display:flex;align-items:center;gap:10px;background:#efece6;color:#8a847e;padding:9px 16px;border-radius:9px;width:360px;font-size:14px}
.cf-panel{position:relative;margin:22px 22px 18px;padding:34px 30px 26px;border-radius:20px;color:#F2F0EB;background:radial-gradient(ellipse at 15% 0,#5b2b22,#2b1d1a 55%,#1d1a19);box-shadow:inset 0 0 0 1px #ffffff12}
.cf-ruler{position:absolute;left:30px;right:30px;top:12px;height:12px;background:repeating-linear-gradient(90deg,#ffffff38 0 1px,transparent 1px 40px)}
.cf-panel-meta{display:flex;align-items:center;gap:10px;font:500 12.5px 'DM Mono',monospace;letter-spacing:.14em;color:#e8d9cf;margin-top:8px}
.cf-panel-meta i{width:7px;height:7px;border-radius:50%;background:#6aa77b}
.cf-hello{font-size:60px;font-weight:800;letter-spacing:-.04em;margin:10px 0 6px}
.cf-clock{position:absolute;right:34px;top:34px;font-size:92px;font-weight:800;letter-spacing:-.05em;line-height:1}
.cf-clock sup{font-size:26px;color:#d9785f;margin-left:4px;vertical-align:top;position:relative;top:6px}
.cf-summary{font:500 13px 'DM Mono',monospace;letter-spacing:.16em;color:#e8d9cf;padding-bottom:4px}
.cf-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.cf-kpi{position:relative;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.cf-kpi>.cf-ic{font-size:20px;opacity:.85;margin-bottom:6px}
.cf-kpi>b{font-size:58px;font-weight:800;letter-spacing:-.05em;line-height:1}
.cf-kpi>b em{font-style:normal;font-size:28px;opacity:.6}
.cf-kpi>span{font-size:15.5px;font-weight:650;margin-top:8px}
.cf-kpi small{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:#cdbfb6}
.cf-kpi-hot{background:linear-gradient(150deg,#b25a44,#7d3a2c);border-color:#e08b7255}
.cf-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.cf-actions span{display:flex;align-items:center;gap:9px;border:1px solid #ffffff2c;border-radius:10px;padding:11px 16px;font-size:15.5px;font-weight:600}
.cf-actions span.on{background:#F2F0EB;color:#191918}
.cf-horizon{margin:0 22px 22px;padding:24px 26px 26px;border-radius:20px;background:#1e1b1a;color:#F2F0EB}
.cf-horizon-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.cf-horizon-head small{font:500 12px 'DM Mono',monospace;letter-spacing:.14em;color:#d9785f}
.cf-horizon-head h4{font-size:32px;font-weight:800;letter-spacing:-.03em;margin-top:6px}
.cf-legend{display:flex;gap:18px;font:500 11px 'DM Mono',monospace;letter-spacing:.1em;color:#cfc6be}
.cf-legend i{display:inline-block;width:11px;height:11px;margin-right:6px;vertical-align:-1px;border-radius:2px}
.cf-legend i.x{background:#b25a44}.cf-legend i.p{border:1px dashed #b25a44}.cf-legend i.g{background:#f2c46b}
.cf-sky{position:relative;height:330px;margin-top:22px;border-radius:12px;background:linear-gradient(#262120,#1a1716);padding:24px 18px 0 54px}
.cf-sky-axis{position:absolute;left:14px;top:24px;bottom:0;display:flex;flex-direction:column;justify-content:space-between;font:500 11px 'DM Mono',monospace;color:#8c837d;padding-bottom:30px}
.cf-sky-row{display:flex;align-items:flex-end;gap:16px;height:100%}
.cf-bld{position:relative;flex:1;height:calc(var(--h) * 19%);transform-origin:50% 100%;background:linear-gradient(#b5583f,#8f4232);border-radius:3px 3px 0 0}
.cf-bld i{position:absolute;inset:16px 10px 8px;background:repeating-linear-gradient(0deg,transparent 0 9px,#00000000 9px 10px),repeating-linear-gradient(90deg,#f0b98e55 0 9px,transparent 9px 14px);mask:repeating-linear-gradient(0deg,#000 0 9px,transparent 9px 18px);-webkit-mask:repeating-linear-gradient(0deg,#000 0 9px,transparent 9px 18px)}
.cf-bld::before{content:'';position:absolute;left:28%;right:28%;top:-9px;height:9px;background:#3a2f2b;border-radius:2px 2px 0 0}
.cf-bld-p{background:repeating-linear-gradient(135deg,#b5583f22 0 6px,transparent 6px 12px);border:1.5px dashed #b5583f99;border-bottom:0}
.cf-bld-p i{opacity:.25}
.cf-crane{position:absolute;left:calc(54px + (100% - 72px) * 0.571);top:4px;width:200px;height:170px;pointer-events:none}
.cf-crane-jib{position:absolute;left:0;right:0;top:0;height:5px;background:#f2c46b;border-radius:3px}
.cf-crane-jib::after{content:'';position:absolute;left:72px;top:0;width:3px;height:56px;background:repeating-linear-gradient(#f2c46b 0 6px,transparent 6px 10px)}
.cf-crane-line{position:absolute;left:160px;top:5px;width:2px;height:110px;background:#f2c46b;transform-origin:50% 0}
.cf-crane-load{position:absolute;left:150px;top:112px;width:22px;height:18px;background:#f2c46b;border-radius:2px}
.cf-pop{position:absolute;right:120px;top:40px;width:300px;background:#F2F0EB;color:#191918;border-radius:12px;padding:16px 18px;box-shadow:0 20px 40px -14px #000;display:grid;gap:6px}
.cf-pop small{font:500 11px 'DM Mono',monospace;letter-spacing:.1em;color:#8A3D2F}
.cf-pop strong{font-size:18px;font-weight:750;letter-spacing:-.01em;margin-bottom:4px}
.cf-pop span{display:flex;justify-content:space-between;font:500 11.5px 'DM Mono',monospace;letter-spacing:.08em;color:#6a645f;border-top:1px solid #1919181a;padding-top:6px}
.cf-pop span b{font:600 13px 'DM Sans';letter-spacing:0;color:#191918}
.cf-mnav{display:none}
.cf-callout{position:absolute}
.cf-callout .cf-kick,.cf-callout .cf-h2{position:static}
.cf-callout .cf-h2{margin-top:22px}
.cf-callout p{margin-top:28px;font-size:28px;line-height:1.45;color:#F2F0EBbb;font-weight:450}
.cf-s5-call{left:1450px;top:300px;width:400px}
.cf-s5-call .cf-h2{font-size:64px}
.cf-v .cf-app{left:40px;top:620px;width:1000px;height:1260px;grid-template-columns:1fr}
.cf-v .cf-side{display:none}
.cf-v .cf-main-in{--scroll:-330px}
.cf-v .cf-kpis{grid-template-columns:1fr 1fr}
.cf-v .cf-clock{font-size:76px}
.cf-v .cf-hello{font-size:54px;max-width:12em}
.cf-v .cf-legend{display:none}
.cf-v .cf-sky{height:380px}
.cf-v .cf-pop{right:30px;top:20px}
.cf-v .cf-mnav{display:flex;position:absolute;left:0;right:0;bottom:0;height:96px;background:#fbfaf8;border-top:1px solid #19191814;justify-content:space-around;align-items:center;font-size:14px;font-weight:600;color:#5d5852;z-index:3}
.cf-v .cf-mnav span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;border-radius:14px}
.cf-v .cf-mnav .cf-ic{font-size:24px}
.cf-v .cf-mnav span.on{background:#8A3D2F;color:#fff}
.cf-v .cf-s5-call{left:90px;top:120px;width:900px}
.cf-v .cf-s5-call .cf-h2{font-size:92px}
.cf-v .cf-s5-call p{font-size:31px}

/* ── Teléfonos ── */
.cf-phone{--ph-t:rotate(0deg);position:absolute;width:470px;height:960px;border-radius:66px;background:#0e0d0d;padding:16px;box-shadow:0 70px 120px -50px #000d,inset 0 0 0 2px #ffffff22}
.cf-phone::before{content:'';position:absolute;left:50%;top:30px;width:120px;height:32px;margin-left:-60px;border-radius:20px;background:#000;z-index:3}
.cf-ph-screen{position:relative;height:100%;border-radius:52px;overflow:hidden;background:#f3f1ed;color:#191918;padding:86px 26px 26px}
.cf-ph-screen.cf-dark{background:radial-gradient(ellipse at 50% 0,#4e271f,#1c1918 60%);color:#F2F0EB}
.cf-ph-top small{display:block;font:500 13px 'DM Mono',monospace;letter-spacing:.16em;color:#8A3D2F}
.cf-dark .cf-ph-top small{color:#d9785f}
.cf-ph-top strong{display:block;font-size:40px;font-weight:800;letter-spacing:-.035em;margin-top:6px}
.cf-list{list-style:none;padding:0;margin-top:40px;display:grid;gap:18px}
.cf-list li{display:flex;align-items:center;gap:16px;font-size:29px;font-weight:550;letter-spacing:-.01em}
.cf-list .cf-ic{width:40px;height:40px;padding:8px;border-radius:50%;background:#8A3D2F;color:#fff;stroke-width:2.4}

/* ── S6 · Escáner ── */
.cf-s6-call{left:120px;top:250px;width:820px}
.cf-s6-call .cf-h2{font-size:96px}
.cf-phone-a{left:1150px;top:60px}
.cf-ticket{position:relative;margin:30px auto 0;width:340px;background:#fff;padding:26px 24px;font:500 14px/1.6 'DM Mono',monospace;color:#2b2724;box-shadow:0 20px 40px -20px #19191855;transform-origin:50% 0}
.cf-ticket strong{display:block;font:700 16px 'DM Mono';letter-spacing:.06em;text-align:center}
.cf-ticket small{display:block;text-align:center;color:#777;font-size:12px}
.cf-ticket hr{border:0;border-top:1.5px dashed #c9c4bc;margin:12px 0}
.cf-ticket p{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.cf-ticket p.t{font-weight:700;font-size:16px}
.cf-scanline{position:absolute;left:-14px;right:-14px;top:4%;height:3px;background:#C9664F;box-shadow:0 0 18px 4px #C9664F88;opacity:0}
.cf-corner{position:absolute;width:30px;height:30px;border:4px solid #8A3D2F}
.cf-corner.a{left:-14px;top:-14px;border-right:0;border-bottom:0}.cf-corner.b{right:-14px;top:-14px;border-left:0;border-bottom:0}.cf-corner.c{left:-14px;bottom:-14px;border-right:0;border-top:0}.cf-corner.d{right:-14px;bottom:-14px;border-left:0;border-top:0}
.cf-extract{position:absolute;left:22px;right:22px;bottom:22px;background:#1d1b1a;color:#F2F0EB;border-radius:28px;padding:24px 24px 22px;display:grid;gap:4px}
.cf-ex-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid #ffffff14;font-size:18px;font-weight:600}
.cf-ex-row small{font:500 12px 'DM Mono',monospace;letter-spacing:.12em;color:#a59f98}
.cf-ex-total span{font-size:34px;font-weight:800;letter-spacing:-.03em}
.cf-confirm{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;background:#8A3D2F;border-radius:16px;padding:18px;font-size:19px;font-weight:700}
.cf-confirm .cf-ic{font-size:22px;stroke-width:2.4}
.cf-v .cf-s6-call{left:90px;top:120px;width:900px}
.cf-v .cf-s6-call .cf-h2{font-size:96px}
.cf-v .cf-s6 .cf-list{margin-top:34px}
.cf-v .cf-phone-a{left:305px;top:840px;height:1000px}

/* ── S7 · Fichaje ── */
.cf-s7-call{left:120px;top:250px;width:700px}
.cf-s7-call .cf-h2{font-size:84px}
.cf-s7 .cf-list li{color:#F2F0EB}
.cf-phone-b{left:860px;top:60px}
.cf-punch{position:relative;height:120px;margin-top:60px}
.cf-punch span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;border-radius:26px;font-size:28px;font-weight:750;letter-spacing:-.01em}
.cf-punch .cf-ic{font-size:34px}
.cf-punch-a{background:#C9664F;color:#fff;box-shadow:0 20px 40px -16px #C9664F}
.cf-punch-b{border:2px solid #ffffff44;opacity:0}
.cf-ph-timer{margin-top:44px;text-align:center;opacity:.35}
.cf-ph-timer small{font:500 14px 'DM Mono',monospace;letter-spacing:.2em;color:#8fd0a0}
.cf-ph-timer b{display:block;font:500 74px 'DM Mono',monospace;letter-spacing:-.02em;margin-top:6px}
.cf-ph-loc{position:relative;margin-top:50px;display:flex;align-items:center;gap:16px;background:#ffffff10;border:1px solid #ffffff1c;border-radius:22px;padding:20px}
.cf-ph-loc>.cf-ic{font-size:40px;color:#d9785f;flex:none}
.cf-ph-loc strong{display:block;font-size:20px}.cf-ph-loc small{font:500 13px 'DM Mono',monospace;color:#bfb6ae;letter-spacing:.04em}
.cf-ph-loc i{position:absolute;left:28px;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:2px solid #d9785f;opacity:0}
.cf-team{--team-t:translate(0,0);position:absolute;left:1390px;top:200px;width:430px;background:#1d1b1a;border:1px solid #ffffff14;border-radius:24px;padding:24px;display:grid;gap:10px}
.cf-team-head{display:flex;justify-content:space-between;font:500 13px 'DM Mono',monospace;letter-spacing:.14em;color:#bfb6ae;margin-bottom:6px}
.cf-team-head i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6aa77b;margin-right:8px}
.cf-team-head span{color:#8fd0a0}
.cf-person{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;background:#ffffff0d}
.cf-person b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;font:500 15px 'DM Mono',monospace;flex:none}
.cf-person strong{display:block;font-size:19px}.cf-person small{font-size:14px;color:#bfb6ae}
.cf-person.on b{background:#3f6b4a}.cf-person.pause b{background:#9a7428}
.cf-v .cf-s7-call{left:90px;top:120px;width:900px}
.cf-v .cf-s7-call .cf-h2{font-size:84px}
.cf-v .cf-s7 .cf-list{margin-top:30px}
.cf-v .cf-phone-b{left:70px;top:860px;width:450px;height:960px}
.cf-v .cf-team{left:560px;top:920px;width:460px}

/* ── S8 · Sistema + cierre ── */
.cf-s8-head{position:absolute;left:120px;top:100px;width:1680px;display:flex;justify-content:space-between;align-items:flex-end;gap:60px;flex-wrap:wrap}
.cf-s8-head .cf-kick,.cf-s8-head .cf-h2{position:static}
.cf-s8-head>.cf-kick{width:100%}
.cf-s8-head .cf-h2{font-size:96px}
.cf-s8-head p{font-size:28px;line-height:1.4;color:#F2F0EBbb;max-width:560px}
.cf-count{color:#C9664F;font-weight:800}
.cf-tiles{position:absolute;left:120px;right:120px;top:420px;bottom:90px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:12px}
.cf-tile{position:relative;background:#1f1d1c;border:1px solid #ffffff14;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.cf-tile b{font:500 13px 'DM Mono',monospace;color:#d9785f}
.cf-tile>.cf-ic{position:absolute;right:16px;top:14px;font-size:24px;opacity:.6}
.cf-tile span{font-size:21px;font-weight:650;letter-spacing:-.015em;margin-top:auto;line-height:1.15}
.cf-tile small{font:500 10.5px 'DM Mono',monospace;letter-spacing:.1em;color:#8f8a85}
.cf-end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;opacity:0;text-align:center}
.cf-end-mark{width:210px;height:230px}
.cf-end-line{font-size:110px;font-weight:800;letter-spacing:-.05em;line-height:.98}
.cf-end-sign{display:flex;gap:44px;font:500 20px 'DM Mono',monospace;letter-spacing:.12em;color:#F2F0EB99}
.cf-end-sign b{color:#F2F0EB;font-weight:500}
.cf-v .cf-s8-head{left:90px;top:120px;width:900px;gap:30px}
.cf-v .cf-tiles{left:60px;right:60px;top:640px;bottom:110px;grid-template-columns:repeat(3,1fr)}
.cf-v .cf-tile span{font-size:20px}
.cf-v .cf-end-line{font-size:104px}
.cf-v .cf-end-sign{flex-direction:column;gap:14px}

/* ── Controles (fuera del lienzo) ── */
.cf-controls{display:flex;align-items:center;gap:14px;margin-top:14px;color:var(--k)}
.cf-play{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#191918;color:#F2F0EB;border:0;cursor:pointer;transition:transform .2s}
.cf-play:hover{transform:scale(1.06)}
.cf-play .cf-ic{width:18px;height:18px;stroke-width:2.4}.cf-play .i-play .cf-ic{fill:currentColor;stroke:none}
.cf-play .i-play,.cf-play.is-paused .i-pause{display:none}.cf-play.is-paused .i-play{display:block}
.cf-play:focus-visible,.cf-chapters button:focus-visible{outline:2px solid #6552df;outline-offset:3px}
.cf-chapters{flex:1;display:flex;gap:6px;min-width:0}
.cf-chapters button{flex:var(--w) 1 0;min-width:0;background:none;border:0;padding:6px 0;cursor:pointer;text-align:left;font:500 11px/1.3 'DM Mono',monospace;letter-spacing:.06em;color:#68655f;text-transform:uppercase}
.cf-chapters button span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}
.cf-chapters button.is-on{color:#191918}
.cf-chapters i{display:block;height:3px;background:#1919181f;border-radius:2px;overflow:hidden}
.cf-chapters b{display:block;height:100%;width:calc(var(--p,0) * 100%);background:#8A3D2F}
.cf-time{flex:none;font:500 12px 'DM Mono',monospace;color:#68655f;min-width:3.4em;text-align:right}
@media(max-width:720px){.cf-chapters button span{font-size:0;margin:0}.cf-chapters{gap:4px}.cf-screen{border-radius:4px}}
.cf-v .cf-pc-back{left:420px;top:150px}
.cf-v .cf-demo-note{top:40px;bottom:auto}
.cf-v .cf-phone-a{left:280px;top:760px;width:520px;height:1080px}