/* Colbuy — una mirada que se despliega en un dispositivo con pantalla plegable continua. */
.duo-section{background:radial-gradient(ellipse at 50% 60%,#00efdf08,transparent 60%),#0d1a20;color:#eef0e9;padding-top:105px}.duo-section>.cx-heading{padding-top:0;padding-bottom:0}.duo-scroll{height:420svh;position:relative;margin-top:35px;--duo-open:0;--duo-progress:0;--duo-exit:0}.duo-sticky{position:sticky;top:8px;height:calc(100svh - 16px);min-height:0;max-height:1100px;padding:25px 7vw;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:clip;isolation:isolate}.duo-meta{display:flex;justify-content:space-between;gap:25px;align-items:center;width:100%;font-size:7px;letter-spacing:.1em;line-height:1.6;color:#83a8b3;margin-bottom:32px}.duo-meta>span:last-child{color:#00efdf;text-align:right}.duo-stage{position:relative;width:100%;height:var(--duo-stage-height,520px);perspective:1800px;isolation:isolate;flex-shrink:0}.duo-stage:before{content:'';position:absolute;inset:12% 5%;background:radial-gradient(ellipse at center,#00efdf13,transparent 60%);filter:blur(18px);pointer-events:none}.duo-floor{position:absolute;left:15%;right:15%;height:32px;bottom:-4px;background:#0006;border-radius:50%;filter:blur(22px);opacity:.9;transform:rotateX(60deg);pointer-events:none}.duo-position{position:absolute;left:50%;top:50%;width:760px;height:530px;transform:translate(-50%,-50%) scale(var(--duo-scale,.9));transform-style:preserve-3d;opacity:calc(1 - var(--duo-exit)*.7)}.duo-device{position:relative;width:760px;height:530px;transform-style:preserve-3d;transform:translateX(calc((1 - var(--duo-open))*-190px)) rotateX(calc(3deg + var(--duo-py,0)*-2deg)) rotateY(calc((1 - var(--duo-open))*-8deg + var(--duo-px,0)*3deg)) rotateZ(calc((1 - var(--duo-open))*-3deg));will-change:transform}.duo-base,.duo-wing{position:absolute;left:50%;top:0;width:50%;height:100%;transform-style:preserve-3d}.duo-base{transform:translateZ(-2px);border-radius:2px 46px 46px 2px}.duo-wing{transform-origin:left center;transform:translateZ(var(--duo-wing-z,8px)) rotateY(calc(var(--duo-open)*-180deg));will-change:transform}.duo-metal{background:linear-gradient(125deg,#d0d6d6 0%,#6e7d83 8%,#1c242a 14%,#7d8a8f 24%,#0b1319 46%,#839197 75%,#c2cacb 89%,#3a454d 98%);border:1px solid #88969b;box-shadow:inset 0 0 0 1px #e0e5e5c4,inset 0 0 0 3px #35434a,3px 5px 0 #26353e,6px 8px 0 #0c171f,10px 16px 28px #0005;padding:6px}.duo-base:after{content:'';position:absolute;right:-5px;top:45px;bottom:43px;width:3px;background:linear-gradient(#dce2e2,#77868e 10%,#11222b 48%,#a2b3bc 82%,#15252e);border-radius:3px;pointer-events:none}.duo-outside,.duo-inside{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.duo-outside{border-radius:13px 46px 46px 13px;transform:translateZ(.8px);padding:7px}.duo-inside{transform:rotateY(180deg) translateZ(.8px);border-radius:46px 2px 2px 46px}.duo-display,.duo-outer-screen{height:100%;position:relative;overflow:hidden;border:4px solid #03090c;box-shadow:inset 0 0 0 1px #243239,0 0 0 1px #060c12;background:#0c2029}.duo-display-right{border-radius:0 39px 39px 0;background:#f1f2e9;color:#18363c}.duo-display-left{border-radius:39px 0 0 39px}.duo-outer-screen{border-radius:7px 37px 37px 7px;background:radial-gradient(ellipse at 40% 95%,#0d686b50,transparent 62%),linear-gradient(135deg,#101f2b,#0b171e)}.duo-hinge{position:absolute;left:calc(50% - 5px);width:10px;top:1px;bottom:0;border-radius:7px;background:linear-gradient(90deg,#0a131a,#b7c7cf 30%,#526770 52%,#132731 80%,#879ca4);transform:translateZ(-8px);box-shadow:-2px 0 3px #0007,2px 0 3px #0007;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.duo-hinge i{height:40px;width:100%;border-top:1px solid #e0edf14d;border-bottom:1px solid #e0edf14d;background:#6e838a33}.duo-wing-edge{position:absolute;left:0;top:13px;bottom:13px;width:4px;background:linear-gradient(90deg,#0d1b23,#8b9ea5,#d4dbdb,#263b45);transform:rotateY(90deg) translateZ(-2px);transform-origin:left}.duo-key{position:absolute;right:-5px;width:4px;border:1px solid #85949a;border-radius:3px;background:linear-gradient(90deg,#122630,#95a5ac);box-shadow:1px 2px 2px #0005;transform:translateZ(-2px)}.duo-key-volume{top:96px;height:45px}.duo-key-power{top:155px;height:62px}.duo-screen-fold{position:absolute;left:50%;top:10px;bottom:8px;width:10px;transform:translateX(-50%) translateZ(1px);opacity:calc(var(--duo-open)*.6);background:linear-gradient(90deg,#0008,transparent 35%,#00efdf09 50%,transparent 65%,#0005);pointer-events:none}.duo-status{position:absolute;left:22px;right:22px;top:15px;font-size:10px;display:flex;align-items:center;justify-content:space-between;z-index:4;color:#b0c7cc;line-height:1}.duo-status>b{font-size:10px;font-weight:500}.duo-status svg{width:35px;height:15px}.duo-display-right>.duo-status{color:#637a7c}.duo-outer-screen>.duo-status{padding-right:30px}.duo-camera{position:absolute;top:15px;right:19px;width:18px;height:18px;border:3px solid #020509;border-radius:50%;background:radial-gradient(circle at 38% 38%,#385185 0 9%,#03132d 13% 35%,#01050c 40%);box-shadow:0 0 0 1px #20353f;z-index:6}.duo-home-bar{position:absolute;bottom:8px;left:calc(50% - 42px);width:84px;height:3px;border-radius:5px;background:#d2e1e166;z-index:6}.duo-display-right>.duo-home-bar{background:#16343b66}.duo-cover-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:66px 27px 35px}.duo-cover-content>img{width:143px;height:auto;display:block;align-self:flex-start}.duo-cover-content>span{font-size:6px;color:#7cb1ba;letter-spacing:.12em;margin-top:17px}.duo-cover-content h3{font-size:41px;font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:38px 0 22px;color:#eef3e9}.duo-cover-content h3 em{font-family:Georgia,serif;font-weight:400;color:#00efdf}.duo-cover-content>p{font-size:13px;line-height:1.8;color:#a2c3ca;margin:0;max-width:260px}.duo-cover-prompt{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;border-top:1px solid #00efdf44;gap:20px}.duo-cover-prompt>span{font-size:6px;letter-spacing:.13em;color:#00efdf}.duo-cover-prompt svg{width:20px;height:20px;rotate:90deg;color:#00efdf}.duo-cover-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.duo-cover-art i{position:absolute;width:400px;height:400px;right:-245px;top:25px;border:1px solid #00efdf45;border-radius:50%;box-shadow:inset 0 0 40px #00efdf0c,0 0 40px #00efdf0c;rotate:-20deg}.duo-cover-art i:nth-child(2){width:350px;height:350px;right:-195px;top:45px;border-color:#d9fff22b}.duo-cover-art i:nth-child(3){width:470px;height:470px;right:-280px;top:-8px;border-color:#00efdf17}.duo-app-brand{position:absolute;top:29px;left:24px;right:20px;display:flex;justify-content:space-between;align-items:center;color:#709ba7;z-index:3}.duo-app-brand img{width:83px;height:auto}.duo-app-brand i{font-size:5px;font-style:normal;letter-spacing:.1em}.duo-visual-pages{position:absolute;top:75px;left:0;right:0;bottom:28px}.duo-reading-pages{position:absolute;top:60px;left:0;right:0;bottom:25px}.duo-screen-page{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .4s,transform .6s;display:flex;flex-direction:column;padding:0 24px;overflow:hidden}.duo-screen-page[data-active=true]{opacity:1;transform:none;pointer-events:auto}.duo-app-kicker{display:block;font-size:6px;letter-spacing:.12em;line-height:1.6;color:#00efdf;flex-shrink:0}.duo-visual-page h3{font-size:34px;line-height:1.08;font-weight:400;letter-spacing:-.04em;margin:17px 0 23px}.duo-visual-page h3 em{font-family:Georgia,serif;color:#00efdf;font-weight:400}.duo-demo-note{font-size:5px;color:#709ca8;letter-spacing:.12em;margin-top:auto;display:block;line-height:1.6;padding-top:13px}.duo-chat{display:flex;flex-direction:column;gap:14px;margin-top:2px}.duo-chat-line{position:relative;font-size:13px;line-height:1.65;color:#d9e8e3;background:#173440;border:1px solid #3c657238;border-radius:15px 15px 15px 3px;padding:13px 15px;margin-right:25px}.duo-chat-reply{margin-left:25px;margin-right:0;background:#00efdf;color:#102e35;border-color:#00efdf;border-radius:15px 15px 3px 15px}.duo-identity{height:153px;position:relative;display:grid;place-items:center;margin:10px -4px 23px;background:repeating-linear-gradient(0deg,transparent 0 23px,#00efdf0c 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#00efdf0c 23px 24px)}.duo-identity>img{position:relative;width:235px;height:auto;z-index:2}.duo-grid-h{position:absolute;left:0;right:0;top:50%;border-top:1px dashed #00efdf44}.duo-grid-v{position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #00efdf44}.duo-measure{position:absolute;left:12%;right:12%;height:6px;border-top:1px solid #00efdf;border-left:1px solid #00efdf;border-right:1px solid #00efdf}.duo-measure-top{top:28px}.duo-measure-bottom{bottom:22px;rotate:180deg}.duo-palette{display:flex;gap:14px}.duo-palette>span{font-size:5px;letter-spacing:.08em;color:#89adb7;display:flex;flex:1;flex-direction:column;gap:8px}.duo-palette i{height:28px;width:100%;border-radius:3px;display:block;background:#00efdf}.duo-palette>span:nth-child(2) i{background:#eef0e9}.duo-palette>span:nth-child(3) i{background:#17333e;border:1px solid #71929d55}.duo-flow{margin-top:8px}.duo-flow>div{display:flex;align-items:center;gap:13px;padding:15px 12px;border:1px solid #00efdf3d;border-radius:8px;background:#10303b}.duo-flow>div>i{font-size:8px;font-style:normal;color:#00efdf;border:1px solid #00efdf55;display:grid;place-content:center;width:25px;height:25px;border-radius:50%;flex-shrink:0}.duo-flow p{margin:0;display:flex;flex-direction:column;gap:5px}.duo-flow strong{font-size:12px;font-weight:400;color:#deeee7}.duo-flow p>span{font-size:8px;color:#83aeb9}.duo-flow-wire{height:22px;width:1px;display:block;background:linear-gradient(#00efdf,#00efdf44);margin-left:25px;position:relative}.duo-flow-wire:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#00efdf;left:-1.5px;top:8px;box-shadow:0 0 10px #00efdf}.duo-whatif{font-size:111px;font-family:Georgia,serif;font-style:italic;letter-spacing:-.08em;line-height:.9;margin:28px 0;color:#d9ede5}.duo-whatif em{font-style:inherit;color:#00efdf}.duo-possibilities{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5;color:#b2cdd1;border-top:1px solid #00efdf44;padding-top:18px}.duo-visual-3{background:radial-gradient(ellipse at 0 40%,#00efdf1a,transparent 75%)}.duo-reading-page{padding-left:30px;padding-right:29px}.duo-reading-page .duo-app-kicker{color:#527a7e;font-size:6px}.duo-reading-page h3{font-size:39px;line-height:1.08;letter-spacing:-.045em;font-weight:400;color:#17363d;margin:30px 0 25px}.duo-reading-page h3 em{font-weight:400;font-family:Georgia,serif;color:#17363d;text-decoration:underline;text-decoration-color:#00d8cb;text-decoration-thickness:2px;text-underline-offset:7px}.duo-reading-page>p{font-size:14px;line-height:1.85;color:#557078;margin:0 0 23px;max-width:285px}.duo-reading-note{font-size:6px;letter-spacing:.12em;line-height:1.7;color:#345d66;padding-top:17px;border-top:1px solid #16424b25;margin-top:auto}.duo-screen-signature{display:flex;gap:12px;align-items:center;margin-top:25px;padding-top:12px;border-top:1px solid #16424b22;font-size:14px;letter-spacing:-.02em;color:#193c44}.duo-screen-signature>small{font-size:4px;letter-spacing:.09em;line-height:1.6;border-left:1px solid #63838b66;padding-left:12px;max-width:90px}.duo-screen-link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#18454a;text-decoration:none;border-bottom:1px solid #00cabe;font-size:10px;min-height:35px;margin-top:auto}.duo-screen-link svg{width:16px;height:16px;color:#008f88}.duo-caption{display:grid;grid-template-columns:.65fr 1.35fr;align-items:start;gap:35px;width:min(850px,100%);margin-top:30px;min-height:55px;opacity:calc(1 - var(--duo-exit)*.5)}.duo-caption .cx-kicker{font-size:7px;padding-top:3px}.duo-caption p{font-size:13px;line-height:1.8;color:#a6c3cc;margin:0;max-width:530px}.duo-controls{display:flex;justify-content:center;gap:22px;align-items:center;margin-top:18px;width:100%;flex-wrap:wrap}.duo-controls button{font-size:10px;color:#6e98a6;background:none;border:0;border-bottom:1px solid #00efdf22;min-height:40px;padding:11px 4px;display:flex;align-items:center;gap:10px;cursor:pointer}.duo-controls button span{font-size:6px;color:#00efdf}.duo-controls button[aria-pressed=true]{color:#00efdf;border-bottom-color:#00efdf}.duo-progress{height:2px;background:#00efdf12;width:100%;margin-top:20px;flex-shrink:0}.duo-progress i{display:block;height:100%;width:calc(var(--duo-progress)*100%);background:#00efdf}
@media(max-height:800px) and (min-width:751px){.duo-sticky{padding-top:16px;padding-bottom:16px}.duo-meta{margin-bottom:20px;font-size:6px}.duo-caption{margin-top:22px;min-height:48px}.duo-caption p{font-size:12px}.duo-controls{margin-top:12px}.duo-controls button{padding-top:9px;padding-bottom:9px;min-height:35px;font-size:9px}.duo-progress{margin-top:14px}}
@media(max-width:750px){.duo-section{padding-top:65px}.duo-scroll{height:440svh;margin-top:25px}.duo-sticky{top:8px;height:calc(100svh - 16px);max-height:950px;padding:18px 4vw}.duo-meta{font-size:4px;margin-bottom:26px;gap:20px;padding:0 2vw;line-height:1.7}.duo-meta>span:first-child{max-width:150px}.duo-stage{perspective:1300px}.duo-floor{height:25px;left:8%;right:8%;bottom:3px;filter:blur(15px)}.duo-caption{display:block;padding:0 3vw;min-height:125px;margin-top:24px}.duo-caption .cx-kicker{font-size:6px;margin-bottom:12px}.duo-caption p{font-size:13px;line-height:1.85}.duo-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 15px;margin-top:10px;padding:0 3vw}.duo-controls button{min-height:36px;font-size:9px;gap:7px;padding:9px 0}.duo-controls button span{font-size:5px}.duo-controls button:last-child{grid-column:2/4;justify-content:flex-start}.duo-progress{margin-top:20px}.duo-device{transform:translateX(calc((1 - var(--duo-open))*-190px)) rotateX(2deg) rotateY(calc((1 - var(--duo-open))*-5deg)) rotateZ(calc((1 - var(--duo-open))*-2deg))}}
@media(max-width:750px) and (max-height:760px){.duo-sticky{padding-top:12px;padding-bottom:12px}.duo-meta{font-size:3.5px;margin-bottom:18px}.duo-caption{min-height:110px;margin-top:20px}.duo-caption p{font-size:12px;line-height:1.8}.duo-controls{margin-top:6px;gap:4px 15px}.duo-controls button{min-height:32px;font-size:8px;padding:8px 0}.duo-progress{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.duo-scroll{height:auto}.duo-sticky{position:relative;top:0;height:auto;min-height:0;padding-top:40px;padding-bottom:40px}.duo-device,.duo-screen-page{transition:none}.duo-device,.duo-wing{will-change:auto}.duo-progress{display:none}}
.duo-reading-page h3{font-size:34px;margin:24px 0 20px}.duo-reading-page>p{font-size:13px;line-height:1.8;margin-bottom:18px}.duo-screen-signature{margin-top:18px}

/* A single edge-to-edge inner display. No frame, hinge or crease crosses the glass. */
.duo-unified{position:absolute;inset:0;border-radius:46px;transform:translateZ(1px);padding:6px;visibility:hidden;pointer-events:none;backface-visibility:hidden}
.duo-unified-glass{position:relative;width:100%;height:100%;border:4px solid #03090c;border-radius:39px;overflow:hidden;background:radial-gradient(ellipse at 10% 15%,#16404b88,transparent 65%),#0c2029;box-shadow:inset 0 0 0 1px #33454c}
.duo-unified-glass>.duo-display{position:absolute;top:0;bottom:0;width:50%;height:100%;border:0;box-shadow:none;border-radius:0;background:transparent}
.duo-unified-glass>.duo-display-left{left:0}.duo-unified-glass>.duo-display-right{right:0;color:#e5f0ed}
.duo-display-right .duo-reading-page h3,.duo-display-right .duo-reading-page h3 em{color:#eff3ed}
.duo-display-right .duo-reading-page>p{color:#aac8cf}
.duo-display-right .duo-reading-page .duo-app-kicker,.duo-display-right .duo-reading-note{color:#78b9bf}
.duo-display-right .duo-reading-note,.duo-display-right .duo-screen-signature{border-color:#a8d2d126}
.duo-display-right .duo-screen-signature{color:#e1efeb}
.duo-display-right .duo-screen-link{color:#d4ede7}.duo-display-right .duo-screen-link svg{color:#00efdf}
.duo-unified .duo-display-right>.duo-status{color:#9abdc5}
.duo-unified .duo-display-left>.duo-home-bar{display:none}
.duo-unified .duo-display-right>.duo-home-bar{left:-42px;background:#d2e1e166}
.duo-unified .duo-visual-3{background:none}
.duo-scroll[data-flat=true] .duo-unified{visibility:visible;pointer-events:auto}
.duo-scroll[data-flat=true] .duo-base,.duo-scroll[data-flat=true] .duo-wing,.duo-scroll[data-flat=true] .duo-hinge,.duo-screen-fold{visibility:hidden}
.duo-scroll[data-flat=true] .duo-device{filter:drop-shadow(0 18px 20px #0003)}

.duo-display-right{background:#0c2029;color:#e5f0ed}
.duo-display-right>.duo-status{color:#9abdc5}
.duo-unified-glass>.duo-status{left:22px;right:22px;color:#9abdc5}
.duo-unified-glass:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,#d9fffa08,transparent 36%,transparent 78%,#c1fff704);pointer-events:none;z-index:8}

/* Phone readers use the whole inner display, instead of a miniature desktop column. */
.duo-title-mobile{display:none}
@media(max-width:750px){
 .duo-unified-glass>.duo-display-left{display:none}
 .duo-unified-glass>.duo-display-right{left:0;right:0;width:100%}
 .duo-unified-glass:before{content:'';position:absolute;top:36px;left:34px;width:107px;height:34px;background:url('assets/colbuy-white.svg') left center/contain no-repeat;z-index:3;pointer-events:none}
 .duo-unified .duo-reading-pages{top:92px;bottom:30px}
 .duo-unified .duo-reading-page{padding:0 34px;overflow:visible}
 .duo-unified .duo-reading-page .duo-app-kicker,.duo-unified .duo-reading-note,.duo-unified .duo-screen-signature{display:none}
 .duo-unified .duo-title-desktop{display:none}
 .duo-unified .duo-title-mobile{display:inline}
 .duo-unified .duo-reading-page h3{font-size:var(--duo-mobile-title,50px);line-height:1.08;letter-spacing:-.04em;margin:0 0 24px;flex-shrink:0}
 .duo-unified .duo-reading-page h3 em{text-decoration-thickness:2px;text-underline-offset:7px}
 .duo-unified .duo-reading-page>p{font-size:var(--duo-mobile-body,33px);line-height:1.45;max-width:none;margin:0;color:#d0e2e5;flex-shrink:0;letter-spacing:0}
 .duo-unified .duo-screen-link{font-size:25px;min-height:42px;padding:7px 0;margin-top:auto;color:#00efdf}
 .duo-unified .duo-screen-link svg{width:25px;height:25px}
}