/* Mismo papel y trazo del mundo aprobado. Sin fondos de plantilla por paso. */
.v27-book-stage,.v27-scale-stage,.r27-paper{background-color:#f7f4e7;background-image:linear-gradient(#07175006 1px,transparent 1px),linear-gradient(90deg,#07175006 1px,transparent 1px);background-size:96px 96px}
.v27-book-caption{left:1080px;top:348px;width:680px}
.v27-book-caption h1{font-size:88px}
.v27-book-caption p{font-size:30px;width:570px}
.r27-tech,.r27-tools{position:absolute;inset:0;overflow:hidden;color:#071750;visibility:hidden}
.r27-tech-name{position:absolute;left:0;right:0;top:337px;text-align:center;font-size:150px;line-height:1;transform-origin:center center}
.r27-tech-name .m27,.r27-tools-brand .m27{color:#071750}
.r27-tech-thesis{position:absolute;left:0;right:0;top:605px;text-align:center;font:400 47px/1.25 var(--f-texto);letter-spacing:-.025em;margin:0}
.r27-tools-brand{position:absolute;top:165px;left:0;right:0;text-align:center;font-size:76px;line-height:1}
.r27-tool{position:absolute;top:525px;width:800px;text-align:center}
.r27-global{left:50px}.r27-inbound{left:1070px}
.r27-tool h2{font:500 68px/1.1 var(--f-titular);letter-spacing:-.05em;margin:27px 0 22px}
.r27-tool p{font:400 30px var(--f-texto);margin:0;color:#435170}
.r27-direction{display:flex;align-items:center;justify-content:center;width:142px;height:142px;margin:auto;border-radius:50%;background:radial-gradient(circle at 29% 20%,#fff296,#ffd900 46%,#dd9e00);box-shadow:inset 0 2px 3px #fff,0 20px 35px #07175013;color:#071750;font:400 83px var(--f-texto)}
.r27-appointment{position:absolute;inset:0;color:#071750;visibility:hidden}
.r27-appointment h1{position:absolute;left:110px;top:273px;font:500 110px/1.02 var(--f-titular);letter-spacing:-.05em;margin:0}
.r27-appointment p{position:absolute;left:110px;top:564px;font:400 35px var(--f-texto);color:#435170}
#p-v26-mateo .v26-state{background-color:#080e24;background-image:radial-gradient(ellipse at 50% 10%,#21457a88,transparent 72%)}
#p-v26-mateo .v26-kicker{left:192px;top:62px;font-size:18px}
#p-v26-mateo .v26-demo-title{left:192px;top:112px;font-size:57px}
#p-v26-mateo .v27-entry-screen{left:443px;top:210px;width:1034px;height:808px;border-width:2px;border-radius:19px;box-shadow:0 30px 80px #0009,0 0 0 1px #819cca44}
#p-v26-mateo .v27-entry-screen video{object-fit:contain;background:#101621}
#p-v26-mateo .v26-prepared{font-size:20px;color:#aebed6}
.r27-five{position:absolute;inset:0;visibility:hidden;background:radial-gradient(ellipse at 50% 10%,#203858,#080e24 80%);color:#f7f4e7}
.r27-five>small{position:absolute;left:120px;top:58px;font:500 19px var(--f-mono);letter-spacing:.1em;color:#aebed6}
.r27-five>h1{position:absolute;left:120px;top:98px;font:500 59px/1.1 var(--f-titular);letter-spacing:-.035em;margin:0}
.r27-five-screen{position:absolute;left:96px;top:222px;width:1320px;height:774px;background:#101621;border:1px solid #819cca66;border-radius:15px;overflow:hidden;box-shadow:0 20px 60px #0006}
.r27-five-screen img{display:block;width:1320px;height:742px;object-fit:contain}
/* v31 D4: la captura ya trae su propio navegador; sin barra de ventana ni rótulo, es pantalla viva (plan §1) */
.r27-five-screen{top:206px;height:742px}
.r27-five-screen .v26-windowbar{display:none}
.r27-five-route{position:absolute;left:1450px;right:112px;top:252px;display:grid;grid-template-columns:1fr;gap:30px}
.r27-five-route section{position:relative;padding-left:50px;min-height:92px}
.r27-five-route b{position:absolute;left:0;top:0;font:500 26px var(--f-titular);color:#ffd900}
.r27-five-route h2{font:500 30px/1.1 var(--f-titular);letter-spacing:-.035em;margin:0 0 12px}
.r27-five-route p{font:400 21px/1.3 var(--f-texto);color:#aebed6;margin:0;max-width:295px}
.r27-five-foot{position:absolute;left:1450px;bottom:112px;font:400 27px/1.2 var(--f-texto);color:#ffd900;max-width:330px;margin:0}
.m45-stage{position:absolute;inset:0;visibility:hidden;background:radial-gradient(ellipse at 50% 10%,#203858,#080e24 80%);color:#f7f4e7}
.m45-heading{position:absolute;left:120px;top:58px}
.m45-heading small{font:500 19px var(--f-mono);letter-spacing:.12em;color:#aebed6}
.m45-heading h1{font:500 59px/1.1 var(--f-titular);letter-spacing:-.035em;margin:16px 0 0}
.m45-avatar{position:absolute;left:130px;top:190px;width:850px;height:785px;border-radius:18px;overflow:hidden;transform-origin:0 0;background:#112344;border:1px solid #52688d;box-shadow:0 20px 65px #0006}
.m45-avatar video{width:100%;height:calc(100% - 32px);object-fit:cover}
.m45-native{position:absolute;left:96px;top:222px;width:1320px;height:774px;transform-origin:0 0;background:#101621;border:1px solid #819cca66;border-radius:15px;overflow:hidden;box-shadow:0 20px 60px #0006}
.m45-native video{display:block;width:1320px;height:742px;object-fit:contain}
.m45-name{position:absolute;left:1450px;top:577px;font:500 42px var(--f-titular);margin:0}
.m45-name span{display:block;font:400 24px var(--f-texto);margin-top:12px;color:#aebed6}
.m45-purpose{position:absolute;left:1080px;top:412px;font:500 72px/1.12 var(--f-titular);letter-spacing:-.04em;margin:0}
.m45-team{position:absolute;left:1140px;top:675px;width:675px}
.m45-team h2{font:500 33px var(--f-titular);margin:0 0 20px;letter-spacing:-.03em}
.m45-team>div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 22px}
.m45-team figure{margin:0}
.m45-team img{width:138px;height:93px;border-radius:9px;object-fit:cover;object-position:50% 28%}
.m45-team figcaption{font:400 20px var(--f-texto);margin-top:6px}
.m45-team p{display:none}
.m45-provenance{position:absolute;left:96px;bottom:24px;font:400 18px var(--f-texto);color:#aebed6}

/* Las dos tecnologías actúan en una oficina común; el QR conserva ese espacio. */
.r27-routes-canvas{position:absolute;inset:0;width:1920px;height:1080px}
.r27-route-caption{position:absolute;top:850px;width:820px;text-align:center}
.r27-route-global{left:15px}.r27-route-inbound{right:15px}
.r27-route-caption h2{font-size:56px;line-height:1.1;margin:0 0 18px;color:#071750}
.r27-route-caption p{font:400 28px/1.2 var(--f-texto);color:#435170;margin:0}
.r27-join{position:absolute;inset:0;visibility:hidden;color:#071750;pointer-events:none}
.r27-join>div{position:absolute;left:1260px;top:104px;width:530px}
.r27-join small{font:500 20px var(--f-mono);letter-spacing:.12em;color:#435170}
.r27-join h1{font:500 78px/1.04 var(--f-titular);letter-spacing:-.045em;margin:23px 0 34px}
.r27-join img{display:block;width:384px;height:384px;border:22px solid white;background:white;border-radius:6px;box-shadow:0 12px 38px #07175018}
.r27-join strong{display:block;font:500 33px var(--f-texto);margin-top:23px}
.r27-join p{font:400 27px/1.35 var(--f-texto);color:#435170;margin-top:22px}

/* Tres tecnologías del mismo ecosistema, sin cambiar el mundo de la oficina. */
.r27-route-caption{width:560px;top:862px}
.r27-route-global{left:70px}.r27-route-inbound{right:70px}
.r27-route-analytics{left:680px}
.r27-route-caption h2{font-size:42px;margin-bottom:14px}
.r27-route-caption p{font-size:26px}