/* Portada despejada y recorrido horizontal. */
.qr-editorial{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:65px;background:#101b1d}.qr-editorial .texto-funcion h2{font-size:clamp(2.4rem,3.8vw,4rem);line-height:1.09}.qr-composicion{margin:0;min-width:0}.qr-escenografia{position:relative;container-type:inline-size;isolation:isolate;overflow:hidden;border-radius:20px;box-shadow:0 28px 65px #0005}.qr-ambiente{display:block;width:100%;height:auto}.qr-rotulo{position:absolute;left:12%;top:18%;width:39%;height:61%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#eee4cd;gap:2.1cqw}.qr-marca{font-size:1.6cqw;letter-spacing:.24em;color:#d7b16a}.qr-rotulo h3{font-family:Georgia,serif;font-size:4.1cqw;line-height:1.18;font-weight:400;margin:0;color:#f3ead6}.qr-rotulo p{font-size:1.65cqw;color:#c5b493;margin:0}.qr-codigo-real{display:block;width:61%;padding:1cqw;border:1px solid #d3ab63;background:#fff;border-radius:1cqw;box-shadow:0 0 0 .55cqw #1b1915}.qr-codigo-real img{display:block;width:100%;height:auto}.qr-pie-rotulo{font-size:1.1cqw;letter-spacing:.14em;color:#d8b36d;border-top:1px solid #aa864657;padding-top:2cqw}.qr-rotulo i{font:italic 2.2cqw Georgia,serif;color:#c9a466}.qr-escenografia .qr-pantalla-real{position:absolute;left:67.95%;top:32.5%;width:22.2%;height:51.6%;border:0;padding:0;background:#101c20;border-radius:0 0 2.5cqw 2.5cqw;overflow:hidden;box-shadow:none}.qr-pantalla-real img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.qr-composicion>figcaption{font-size:11px;color:#a8b3af;padding:16px 4px;line-height:1.6}.qr-composicion details{font-size:10px;margin-top:6px;color:#82938e}.qr-composicion summary{cursor:pointer;color:#bba579}.qr-detalles{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#d6b777;font-size:11px}.qr-detalles span{border-top:1px solid #78643d;padding-top:10px}.qr-codigo-real:focus-visible,.qr-pantalla-real:focus-visible{outline:3px solid #e5c783;outline-offset:5px}@media(max-width:900px){.qr-editorial{gap:30px}.qr-editorial .texto-funcion h2{font-size:2.6rem}}@media(max-width:720px){.qr-editorial{display:flex;flex-direction:column}.qr-editorial .texto-funcion{order:0}.qr-editorial .texto-funcion h2 br{display:none}.qr-editorial .texto-funcion h2{font-size:2.4rem}.qr-escenografia{border-radius:14px}}
.hero{display:flex;align-items:center;min-height:760px;padding-top:90px;padding-bottom:100px}.hero-copy{max-width:820px;width:100%}.hero h1{max-width:800px;font-size:clamp(3.1rem,5.6vw,5.6rem)}.hero-lead{max-width:640px}.hero .actions{margin-top:34px}.hero::after{background:linear-gradient(90deg,#090d0eef,#0b1010a3 52%,#0c101029)}
.recorrido-producto{display:block}.encabezado{max-width:850px}.pasos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding-top:36px;margin-bottom:32px}.pasos:before{left:7%;right:7%;width:auto;top:59px;bottom:auto;height:1px}.paso{flex-direction:column;gap:13px;text-align:center;padding:5px 10px 15px;min-width:0;justify-content:flex-start;border:0}.paso>span{width:46px;height:46px;font-size:12px}.paso b{font-size:13px;line-height:1.5;max-width:145px}.paso.activo{transform:none}.paso em{position:absolute;top:-30px;background:#d6ae62;color:#182431;padding:5px 12px;border-radius:5px;font-size:11px;font-weight:800;font-style:normal;white-space:nowrap}.escena[hidden]{display:none!important}.escenas{border-radius:22px;background:#eae3d7;overflow:hidden}.escena{padding:46px;animation:escenaEntra .45s ease-out}.escena h3{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.18;margin:12px 0 18px;letter-spacing:-.035em}.escena p{color:#52636d}.escena small{display:block;color:#6b7578;font-size:12px;margin-top:14px}.titular-escena{max-width:830px;margin-bottom:28px}.descarga-escena{text-align:center;background:radial-gradient(ellipse at top right,#51422b,#15262d 65%);color:#fff;padding:70px 25px}.descarga-escena p,.descarga-escena small{color:#bdc8ca}.descarga-escena .eyebrow,.crecimiento .eyebrow{color:#dfbd78}.descarga-escena .button{margin:20px auto;display:inline-flex;gap:30px}.mini-formularios{display:grid;grid-template-columns:1fr 1fr;gap:25px}.escena figure{margin:0;min-width:0}.escena .ampliar{border-radius:12px;overflow:hidden;box-shadow:0 16px 35px #12263224}.escena figcaption{margin-top:12px;font-size:12px;color:#54656c}.duo-dispositivos{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:40px;max-width:1000px;margin:auto}.movil-real{max-width:220px}.movil-real .ampliar{border:5px solid #19252b;border-radius:24px}.cocina-real{max-width:970px;margin:auto}.flujo-impresion{display:grid;grid-template-columns:1.1fr 70px 1fr;align-items:center;gap:20px}.origen-impresion{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:center}.impresora img{display:block;width:100%;border-radius:18px}.flecha-impresion{font-size:64px;color:#af8135;animation:enviarPapel 1.8s ease-in-out infinite}.crecimiento{background:#10252d;color:white}.crecimiento>p{color:#b6c4c6}.ideas-crecimiento{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:35px}.ideas-crecimiento p{padding:28px 0;border-top:1px solid #d6ae6244;margin:0}.ideas-crecimiento span{display:block;font-size:10px;color:#d7b976;letter-spacing:.12em}.ideas-crecimiento b{display:block;color:#fff;font-size:clamp(1.45rem,2.5vw,2.2rem);line-height:1.3;margin:14px 0}.ideas-crecimiento small{color:#afbdc0}.qr-demostracion{display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:26px}.qr-demostracion .qr-enlace{display:block;background:#fff;padding:18px;border-radius:12px}.qr-enlace img{display:block;width:100%}.qr-demostracion p{color:#b4c2c8;font-size:12px;margin-top:15px}.qr-demostracion .menu-publico{max-width:280px;margin:auto}.red-local{padding:35px;border-radius:20px;background:#11262e;color:#fff}.red-local h3{font-size:23px}.internet-cortado{font-size:13px;color:#e3b1a1;padding-bottom:20px;border-bottom:1px dashed #b97760}.nodo-central{text-align:center;margin:25px auto;padding:20px;background:#d6ae62;color:#14242c;border-radius:12px;max-width:290px}.nodo-central b,.nodo-central small{display:block}.conexiones{display:flex;justify-content:center;color:#d6ae62;font-size:28px;letter-spacing:35px;padding-left:35px}.nodos-locales{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.nodos-locales div{padding:18px 8px;border:1px solid #d6ae6255;border-radius:10px}.nodos-locales b,.nodos-locales small{display:block}.nodos-locales small{font-size:11px;color:#b8c9c9;margin-top:7px}.estado-local{font-size:12px;color:#ddbf80;text-align:center;margin:24px 0 0}.visor img{max-height:83vh;object-fit:contain}
@keyframes escenaEntra{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes enviarPapel{50%{transform:translateX(8px)}}
.qr-editorial{display:flex;flex-direction:column;gap:18px;padding-top:42px;padding-bottom:42px;min-height:0}
.qr-editorial .texto-funcion{width:100%;text-align:center}
.qr-editorial .texto-funcion{order:0;position:relative;z-index:2;margin:0 0 8px}
.qr-editorial .texto-funcion h2{margin:0;font-size:clamp(2.2rem,4.2vw,4.2rem)}
.enlace-guia-qr{display:inline-flex;align-items:center;gap:18px;margin-top:18px;padding:0 0 12px;border-bottom:1px solid #d6ae62;color:#e0bc70;font-weight:700;text-decoration:none;transition:gap .25s ease}.enlace-guia-qr:hover{gap:25px}.enlace-guia-qr span{font-size:20px}
.qr-editorial .qr-composicion{width:100%;min-height:0}
.qr-editorial .qr-composicion{order:1}
.qr-flotante{min-height:0;margin:0 auto}
.qr-hero-flotante{display:block;width:min(100%,1180px);max-height:600px;object-fit:contain}
.qr-flotante{overflow:hidden;margin-top:0}
.qr-flotante .qr-hero-flotante{width:100%;height:clamp(360px,48vw,620px);max-height:none;object-fit:cover;object-position:center 72%;border-radius:18px}
.qr-flotante .qr-hero-flotante{height:auto;max-height:620px;object-fit:contain;object-position:center;border-radius:0}
.inicio-rapido{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:24px 18px;margin:34px 0 18px;border:1px solid #d6b77788;border-radius:18px;background:linear-gradient(110deg,#0b171b99,#111f2299);box-shadow:0 14px 34px #0003}
.inicio-rapido p{font-size:18px;min-height:64px;display:flex;align-items:center;padding:0 28px;animation:flotarMensaje 5s ease-in-out infinite}
.inicio-rapido{background:linear-gradient(90deg,#0b171b99 0%,#0b171b99 49.95%,#d6b77766 50%,#111f2299 50.05%,#111f2299 100%)}
.inicio-rapido p+ p{animation-delay:1.2s;border-left:0}
.inicio-rapido b{font-size:26px;margin-right:10px}.inicio-rapido span{float:none;font-size:36px;margin-right:18px;flex:none}
.inicio-rapido + section{padding-top:34px}
.recorrido-producto + .funcion{padding-top:18px}
@keyframes flotarMensaje{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:720px){
 .seccion-variante{padding-left:18px;padding-right:18px}
 .inicio-rapido{grid-template-columns:1fr;gap:0;padding:14px 12px;margin:24px 0 8px;border-radius:14px}
 .inicio-rapido p{font-size:15px;min-height:58px;padding:10px 4px;line-height:1.35}
 .inicio-rapido{background:linear-gradient(180deg,#0b171b99 0%,#0b171b99 49.8%,#d6b77755 50%,#111f2299 50.2%,#111f2299 100%)}
 .inicio-rapido p+p{border-left:0;border-top:0}
 .inicio-rapido b{font-size:20px}.inicio-rapido span{font-size:29px;margin-right:12px}
 .recorrido-producto + .funcion{padding-top:12px}
 .funcion{gap:18px}
 .texto-funcion h2{font-size:clamp(2rem,10vw,2.65rem);line-height:1.08;margin:12px 0}
 .texto-funcion>p:not(.eyebrow){font-size:16px;line-height:1.5}
 .captura-funcion{width:100%}
 .qr-editorial{gap:10px;padding-top:28px;padding-bottom:28px}
 .qr-editorial .texto-funcion{text-align:left}
 .qr-editorial .texto-funcion h2{font-size:clamp(2rem,9vw,2.5rem)}
 .enlace-guia-qr{margin-top:10px;font-size:13px}
 .qr-flotante .qr-hero-flotante{max-height:none;width:100%;height:auto}
 .flujo-impresion{gap:10px}
}
@media(max-width:720px){.hero{min-height:720px;padding-top:60px}.hero h1{font-size:3rem}.pasos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-top:38px;padding-bottom:15px}.pasos:before{display:none}.paso{flex:0 0 116px;scroll-snap-align:start}.paso b{font-size:12px}.escena{padding:26px 18px}.descarga-escena{padding:48px 20px}.mini-formularios{gap:14px;grid-template-columns:1fr}.duo-dispositivos{grid-template-columns:110px minmax(0,1fr);gap:15px}.movil-real .ampliar{border-width:3px;border-radius:14px}.ideas-crecimiento{gap:0 20px}.ideas-crecimiento b{font-size:1.35rem}.flujo-impresion{grid-template-columns:1fr}.origen-impresion{grid-template-columns:95px 1fr}.flecha-impresion{transform:rotate(90deg);text-align:center;animation:none;line-height:1}.impresora{max-width:270px;margin:auto!important}.qr-demostracion{grid-template-columns:1fr 1.2fr;gap:18px}.red-local{padding:25px 16px}.nodos-locales{gap:7px}.nodos-locales b{font-size:12px}.inicio-rapido span{font-size:23px}}
@media(prefers-reduced-motion:reduce){.escena,.flecha-impresion{animation:none}}

/* Recorrido principal: tres momentos, siete acciones y una escena conectada. */
.como{padding-top:85px;background:radial-gradient(ellipse at 90% 10%,#d8b87716,transparent 50%)}
.encabezado-recorrido{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:55px;max-width:none;margin-bottom:46px}.encabezado-recorrido h2{font-size:clamp(2.8rem,4.5vw,4.4rem);line-height:1.04;margin:20px 0 0}.encabezado-recorrido h2 span{display:block;color:#9b7335;font-size:.59em;font-weight:500;letter-spacing:-.035em;margin-top:16px}.introduccion-recorrido{max-width:380px;padding-bottom:5px}.introduccion-recorrido p{font-size:17px;line-height:1.7;color:#62717a;margin:0}.invitacion-recorrido{display:flex;align-items:center;gap:18px;margin-top:19px;font-size:12px;font-weight:800;color:#8b672e}.invitacion-recorrido b{font-size:24px;font-weight:400}
.fases-recorrido{display:grid;grid-template-columns:3fr 3fr 1fr;gap:20px;margin-bottom:12px}.fases-recorrido span{font-size:9px;font-weight:800;letter-spacing:.13em;color:#9b8157;border-top:1px solid #cbbd9f;padding-top:12px}
.como .pasos{gap:10px;padding:26px 0 18px;margin-bottom:0;overflow:visible}.como .pasos:before{display:none}.como .paso{align-items:flex-start;text-align:left;background:linear-gradient(150deg,#203641,#11232c);border:1px solid #31434a;border-radius:12px;padding:20px 14px 18px;min-height:188px;gap:0;color:#f2eee5;box-shadow:0 6px 15px #0c20200c;transition:transform .22s,border-color .22s,box-shadow .22s}.como .paso>span{background:none;border:0;box-shadow:none;border-radius:0;display:block;text-align:left;width:auto;height:auto;font-size:33px;line-height:1;font-weight:500;letter-spacing:-.06em;color:#c9ad75;margin-bottom:25px}.como .paso b{font-size:13px;line-height:1.35;max-width:none;margin-bottom:9px}.como .paso small{font-size:10px;line-height:1.4;color:#9bacb3;margin-top:auto}.como .paso i{position:absolute;right:14px;top:16px;color:#799097;font-size:19px;font-style:normal}.como .paso em{top:-25px;left:10px;border-radius:5px 5px 0 0;font-size:10px;padding:5px 10px;background:#dfbf7b}.como .paso:hover{transform:translateY(-4px);border-color:#c5a15e;box-shadow:0 13px 25px #15252a20}.como .paso.activo{color:#14252e;background:linear-gradient(135deg,#f0d99e,#d0a351);border-color:#d0ac65;box-shadow:0 12px 26px #92702f28;transform:translateY(-4px)}.como .paso.activo>span,.como .paso.activo i{color:#74521f}.como .paso.activo small{color:#614e2e}.como .paso.activo:after{content:'';position:absolute;width:2px;height:22px;bottom:-23px;left:50%;background:#c9a35c}.como .escenas{position:relative;border:1px solid #d1ba88;box-shadow:0 24px 55px #1f302b0c;border-radius:18px}.como .descarga-escena{background:radial-gradient(ellipse at 80% 10%,#5e4c2b,#12262f 65%)}.como .descarga-escena h3{max-width:770px;margin-left:auto;margin-right:auto}
@media(max-width:1050px){.como .paso{padding:18px 10px;min-height:185px}.como .paso b{font-size:11px}.como .paso small{font-size:9px}.encabezado-recorrido{gap:30px}.fases-recorrido span{font-size:8px}}
@media(max-width:720px){.encabezado-recorrido{display:block;margin-bottom:30px}.encabezado-recorrido h2{font-size:2.8rem}.introduccion-recorrido{margin-top:22px;max-width:none}.introduccion-recorrido p{font-size:15px}.encabezado-recorrido h2 span{font-size:.6em}.fases-recorrido{display:none}.como .pasos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:28px 3px 22px;gap:10px}.como .paso{flex:0 0 145px;min-height:178px;padding:18px 15px;scroll-snap-align:center}.como .paso b{font-size:13px}.como .paso small{font-size:10px}.como .paso.activo:after{display:none}.como .pasos{scrollbar-color:#c5a15e #e9e1d3;scrollbar-width:thin}.como .escenas{margin-top:10px}.como .paso>span{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.como .paso{transition:none}.como .paso:hover,.como .paso.activo{transform:none}}
.puntos-funcionamiento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.puntos-funcionamiento p{margin:0;padding:22px 18px;border:1px solid #d6b77755;border-radius:12px;background:#ffffff0a}.puntos-funcionamiento span{display:block;font-size:28px;margin-bottom:13px}.puntos-funcionamiento b{display:block;color:#f7efe0;font-size:14px;line-height:1.45}.puntos-funcionamiento small{display:block;color:#aebdbb;font-size:11px;line-height:1.5;margin-top:10px}.escena-listo .titular-escena{max-width:100%}@media(max-width:720px){.puntos-funcionamiento{grid-template-columns:1fr}.puntos-funcionamiento p{padding:18px}}
.qr-flotante{display:flex;align-items:center;justify-content:center;margin:0;min-height:clamp(320px,42vw,620px)}
.qr-hero-flotante{width:min(100%,980px);height:auto;filter:drop-shadow(0 28px 34px rgba(0,0,0,.5));animation:flotarQr 5s ease-in-out infinite}
.flujo-impresion{grid-template-columns:1.1fr 56px minmax(280px,360px);gap:14px}
.flujo-impresion .impresora{width:100%;max-width:360px;justify-self:center}
@keyframes flotarQr{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(.4deg)}}

/* Mensajes libres sobre el fondo y preparación en dos columnas equilibradas. */
.hero.hero-dispositivos{display:grid;grid-template-columns:46% 54%;gap:0;align-items:center;min-height:680px;padding:65px max(28px,calc((100vw - 1360px)/2)) 50px;overflow:hidden}
.hero-dispositivos .hero-copy{position:relative;z-index:2;max-width:620px}
.hero-dispositivos h1{font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1.08;letter-spacing:-.055em;margin:25px 0 28px}
.hero-dispositivos .hero-lead{font-size:18px;line-height:1.65;max-width:560px}
.hero-dispositivos .actions{gap:20px;flex-wrap:wrap;margin-top:28px}
.hero-dispositivos .proof{flex-wrap:wrap;gap:14px;font-size:11px}
.equipos-portada{position:relative;margin:0;min-width:0;height:510px;filter:drop-shadow(0 25px 25px #0007);animation:flotarEquipos 7s ease-in-out infinite}
.equipos-portada img{display:block;width:100%;height:auto}
.equipo-tablet{position:absolute;width:66%;left:0;top:35px;padding:12px;border:1px solid #91846c;border-radius:22px;background:linear-gradient(145deg,#263039,#030607);transform:rotate(-3deg);box-shadow:inset 0 0 0 3px #070b0e,0 16px 25px #0008}
.equipo-tablet img{border-radius:9px}
.equipo-portatil{position:absolute;width:77%;right:-2%;bottom:56px;transform:rotate(2deg)}
.pantalla-portatil{padding:12px 12px 20px;border:1px solid #887e6c;border-radius:17px 17px 5px 5px;background:linear-gradient(135deg,#24292b,#07090a);box-shadow:inset 0 0 0 3px #090c0e}
.pantalla-portatil img{border-radius:5px}
.teclado-portatil{position:relative;height:38px;margin:0 -5%;background:linear-gradient(#596067,#22272b 60%,#858786 66%,#343a3e);clip-path:polygon(5% 0,95% 0,100% 72%,97% 100%,3% 100%,0 72%);border-radius:0 0 35% 35%}
.teclado-portatil:after{content:'';position:absolute;left:40%;right:40%;top:0;height:8px;background:#151a1d;border-radius:0 0 9px 9px}
.equipo-movil{position:absolute;width:21%;left:1%;bottom:44px;padding:7px;border:1px solid #b5a383;border-radius:23px;background:#080c0e;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #333c40,6px 12px 18px #0009}
.equipo-movil img{border-radius:16px}
.equipos-portada figcaption{position:absolute;bottom:4px;right:0;color:#c9b995;font-size:10px;text-align:right}
@keyframes flotarEquipos{50%{transform:translateY(-6px)}}
@media(max-width:950px){.hero.hero-dispositivos{grid-template-columns:1fr;padding:45px 24px 30px;min-height:0}.hero-dispositivos .hero-copy{max-width:720px}.hero-dispositivos h1{font-size:clamp(2.7rem,7vw,4.5rem)}.equipos-portada{width:min(100%,720px);justify-self:center;height:500px;margin-top:30px}}
@media(max-width:540px){.equipos-portada{height:310px}.equipo-tablet{top:10px;padding:7px;border-radius:12px}.equipo-portatil{bottom:42px}.pantalla-portatil{padding:7px 7px 12px}.equipo-movil{bottom:32px;padding:4px;border-radius:14px}.equipo-movil img{border-radius:10px}.hero-dispositivos .hero-lead{font-size:16px}.hero-dispositivos .actions{gap:16px}.equipos-portada figcaption{font-size:9px}.teclado-portatil{height:25px}}
@media(prefers-reduced-motion:reduce){.equipos-portada{animation:none}}
.inicio-rapido{border:0;border-radius:0;background:transparent;box-shadow:none}
.inicio-rapido p+p{border:0}
.escena-listo .puntos-funcionamiento{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:720px){.escena-listo .puntos-funcionamiento{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.inicio-rapido p{animation:none}}

/* Recorrido definitivo: cuatro pasos a la izquierda y un escenario de tamaño estable. */
.como .recorrido-producto{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:stretch;gap:24px}
.como .pasos{position:sticky;top:104px;align-self:start;display:grid;grid-template-columns:1fr;gap:12px;padding:0;margin:0;overflow:visible}
.como .paso{min-height:154px;padding:21px 19px 18px;border-radius:15px}
.como .paso>span{margin-bottom:20px;font-size:31px}
.como .paso b{font-size:14px;line-height:1.4}
.como .paso small{font-size:11px;line-height:1.45}
.como .paso em{top:-1px;left:auto;right:47px;padding:5px 9px;border-radius:0 0 6px 6px}
.como .paso.activo,.como .paso:hover{transform:translateX(5px)}
.como .paso.activo:after{width:24px;height:2px;left:auto;right:-25px;top:50%;bottom:auto}
.como .escenas{align-self:stretch;height:auto;min-height:100%;min-width:0;margin:0;overflow:hidden;background:rgba(234,227,215,.96)}
.como .escena{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;overflow:auto;overscroll-behavior:contain}
.como .escena:not(.escena-demo){display:flex;padding:42px 46px}
.como .escena>div{width:100%}
.como .escena[hidden]{display:none!important}
.como .crecimiento{background:radial-gradient(ellipse at 85% 15%,#203d45,#10252d 68%)}
.escena-instalacion{align-items:stretch!important;justify-content:flex-start!important}
.escena-instalacion>div{display:flex;flex-direction:column;height:100%;max-width:none;text-align:left}
.escena-instalacion>div>h3{margin-top:8px}.escena-instalacion>div>p:not(.eyebrow){margin-top:0}
.pasos-instalacion{display:grid;grid-template-columns:minmax(0,340px) auto minmax(0,340px);align-items:center;justify-content:center;gap:32px;margin:auto 0;text-align:left}
.pasos-instalacion p{box-sizing:border-box;min-height:220px;margin:0;padding:40px 36px;border:1px solid #dfbd7866;border-radius:19px;background:linear-gradient(145deg,#ffffff0d,#ffffff05);box-shadow:0 22px 48px #0003;animation:flotarInstalacion 4.8s ease-in-out infinite}
.pasos-instalacion p:last-child{animation-delay:-2.4s}
.pasos-instalacion p>span{display:block;margin-bottom:13px;color:#dfbd78;font:600 12px Manrope;letter-spacing:.12em}
.pasos-instalacion b{display:block;color:#fff;font-size:21px;line-height:1.35}
.pasos-instalacion small{color:#bdc8ca!important;font-size:14px!important;line-height:1.55}
.pasos-instalacion>i{color:#dfbd78;font-size:26px;font-style:normal}
.escena-demo{padding:0!important;overflow:hidden!important;border:0;border-radius:0;background:transparent!important}
.rd-demo-integrada{box-sizing:border-box;width:100%;height:100%;max-width:none;margin:0;padding:0;overflow:hidden;background:transparent;scrollbar-width:thin;scrollbar-color:#87724a transparent}
.rd-demo-integrada [data-demo-restcore],.rd-demo-integrada .rd-experiencia,.rd-demo-integrada .rd-pie{background:transparent!important}
.rd-demo-integrada .rd-progreso{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.rd-demo-integrada .rd-progreso li{box-sizing:border-box;width:auto;min-width:0}
.rd-demo-integrada .rd-progreso li:first-child{justify-self:start}
.rd-demo-integrada .rd-progreso li:nth-child(2){justify-self:center}
.rd-demo-integrada .rd-progreso li:last-child{justify-self:end}
.rd-demo-integrada .rd-progreso li:not(:last-child){padding-right:0}
.rd-demo-integrada .rd-progreso li:not(:last-child):after{content:'';position:absolute;left:calc(100% + 18px);align-self:center;flex:none;width:clamp(28px,14vw,195px);min-width:0;height:1px;margin-left:0;background:#a9b8c480}
.rd-demo-integrada [data-demo-restcore]{position:relative;width:119.05%;height:119.05%;min-height:0;transform:scale(.84);transform-origin:top left}
.rd-demo-integrada [data-demo-restcore]:is([data-etapa-demo=enviando_impresora],[data-etapa-demo=imprimiendo],[data-etapa-demo=impreso],[data-etapa-demo=finalizado]){width:131.58%;height:131.58%;transform:scale(.76)}
.crecimiento{align-items:stretch!important;justify-content:flex-start!important}
.crecimiento>div{display:flex;flex-direction:column;height:100%}
.crecimiento>div>h3{margin-top:8px}.crecimiento>div>p:not(.eyebrow){margin-top:0}
.crecimiento .ideas-crecimiento{margin:auto 0}
#escena-2{align-items:stretch!important;justify-content:flex-start!important;flex-direction:column}
#escena-2 .titular-escena{max-width:none;margin:0 0 18px}
#escena-2 .titular-escena h3{margin-top:8px;font-size:clamp(2rem,3.4vw,3.2rem)}
#escena-2 .titular-escena p{margin-bottom:0}
#escena-2 .mini-formularios{flex:1;min-height:0;align-items:center;gap:22px}
#escena-2 .mini-formularios figure{min-width:0}
#escena-2 .mini-formularios .ampliar{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(250px,27vw,330px);background:transparent;box-shadow:none}
#escena-2 .mini-formularios img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}
#escena-2>small{margin-top:8px}
@keyframes flotarInstalacion{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

@media(min-width:721px){
 .rd-demo-integrada .rd-experiencia{grid-template-columns:minmax(300px,.95fr) minmax(0,1.45fr);gap:12px}
 .rd-demo-integrada .rd-narracion{align-self:center;max-width:430px;padding:0 0 18px}
 .rd-demo-integrada .rd-narracion h3{font-size:50px;line-height:1.08;margin-bottom:24px}
 .rd-demo-integrada .rd-explicacion{font-size:19px;line-height:1.62}
 .rd-demo-integrada .rd-etiqueta{font-size:13px;margin-bottom:20px}
 .rd-demo-integrada .rd-telefono{top:20px;width:350px;height:650px}
 .rd-demo-integrada .rd-pie{padding:17px 0}
 .rd-demo-integrada .rd-progreso{gap:0}
 .rd-demo-integrada .rd-progreso li{gap:11px;font-size:16px}
 .rd-demo-integrada .rd-progreso .rd-numero{width:34px;height:34px;font-size:12px}
}

@media(min-width:1051px){
 .rd-demo-integrada .rd-experiencia{grid-template-columns:minmax(320px,.95fr) minmax(0,1.45fr);gap:14px;min-height:670px}
 .rd-demo-integrada .rd-escenario{height:670px}
 .rd-demo-integrada .rd-narracion{align-self:center;justify-self:center;box-sizing:border-box;width:calc(100% - 44px);max-width:455px;padding:0;text-align:center}
 .rd-demo-integrada .rd-etiqueta{margin-bottom:24px;color:#f4f2ec;font-size:13px;letter-spacing:.22em}
 .rd-demo-integrada .rd-narracion h3{max-width:455px;margin:0 auto 26px;font-size:52px;line-height:1.07}
 .rd-demo-integrada .rd-narracion h3:after{content:'';display:block;width:76px;height:4px;margin:27px auto 0;border-radius:999px;background:#f2bb4c}
 .rd-demo-integrada .rd-explicacion{max-width:450px;margin:0 auto 26px;color:#d2dae0;font-size:19px;line-height:1.62}
 .rd-demo-integrada .rd-pista{min-width:310px;margin-inline:auto;justify-content:space-between;border-color:#e6ad3e;color:#efb741;font-size:15px}
 .rd-demo-integrada .rd-telefono{top:16px;width:360px;height:650px;padding:9px;border-color:#8f99aa;border-radius:46px;background:#070b12;box-shadow:0 28px 65px #0008,inset 0 0 0 3px #323846}
 .rd-demo-integrada .rd-pantalla{border-radius:36px}
 .rd-demo-integrada .rd-pantalla:before{flex-basis:27px;background:linear-gradient(#020306,#020306) center 5px/88px 17px no-repeat,var(--rd-tinta)}
 .rd-demo-integrada .rd-pie{padding:20px 28px 18px;border:0}
 .rd-demo-integrada .rd-progreso{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 .rd-demo-integrada .rd-progreso li{position:relative;gap:15px;width:auto;min-width:0;color:#cbd5df;font-size:20px;white-space:nowrap}
 .rd-demo-integrada .rd-progreso li:not(:last-child){padding-right:0}
 .rd-demo-integrada .rd-progreso li:not(:last-child):after{content:'';position:absolute;left:calc(100% + 28px);align-self:center;flex:none;width:clamp(50px,14vw,195px);min-width:0;height:1px;margin-left:0;background:#a9b8c480}
 .rd-demo-integrada .rd-progreso li[aria-current=step]{color:#f4bd50;font-weight:750}
 .rd-demo-integrada .rd-progreso li[aria-current=step]:before{content:'';position:absolute;left:0;bottom:-17px;width:180px;max-width:82%;height:4px;border-radius:999px;background:#f2bb4c}
 .rd-demo-integrada .rd-progreso .rd-numero{flex:0 0 auto;width:56px;height:56px;border-color:#a9b8c4;color:#cbd5df;font-size:18px}
 .rd-demo-integrada .rd-progreso li[aria-current=step] .rd-numero{color:#101b27;background:#f2bd50;border-color:#f2bd50}
 .rd-demo-integrada .rd-progreso .rd-completado .rd-numero:before{font-size:18px}
 .rd-demo-integrada .rd-experiencia:is([data-etapa=enviando_impresora],[data-etapa=imprimiendo],[data-etapa=impreso],[data-etapa=finalizado]) .rd-escenario{height:755px}
}

@media(max-width:1050px){
 .como .recorrido-producto{grid-template-columns:205px minmax(0,1fr);gap:18px}
 .como .paso{min-height:148px;padding:18px 15px}.como .paso b{font-size:13px}.como .paso small{font-size:10px}
 .como .escenas{height:auto;min-height:100%}.como .escena:not(.escena-demo){padding:32px 28px}
 .pasos-instalacion{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}.pasos-instalacion p{min-height:170px;padding:26px 22px}
 .rd-demo-integrada [data-demo-restcore]{width:128.21%;height:128.21%;transform:scale(.78)}
 .rd-demo-integrada [data-demo-restcore]:is([data-etapa-demo=enviando_impresora],[data-etapa-demo=imprimiendo],[data-etapa-demo=impreso],[data-etapa-demo=finalizado]){width:142.86%;height:142.86%;transform:scale(.7)}
}
@media(max-width:720px){
 .como .recorrido-producto{display:flex;flex-direction:column;gap:10px}
 .como .pasos{position:static;display:flex;width:100%;padding:28px 3px 18px;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory}
 .como .paso{flex:0 0 150px;min-height:166px;padding:18px 15px;scroll-snap-align:center}
 .como .paso.activo,.como .paso:hover{transform:translateY(-3px)}.como .paso.activo:after{display:none}
 .como .paso em{right:33px}.como .paso>span{margin-bottom:18px}
 .como .escenas{width:100%;height:960px;margin-top:0}
 .como .escena:not(.escena-demo){padding:30px 20px}
 .pasos-instalacion{grid-template-columns:1fr;gap:10px;margin-top:24px}.pasos-instalacion>i{transform:rotate(90deg);justify-self:center;line-height:1}
 .rd-demo-integrada{padding:10px;overflow:hidden}
 .rd-demo-integrada [data-demo-restcore]{width:117.65%;height:117.65%;transform:scale(.85);transform-origin:top left}
 .rd-demo-integrada [data-demo-restcore]:is([data-etapa-demo=enviando_impresora],[data-etapa-demo=imprimiendo],[data-etapa-demo=impreso],[data-etapa-demo=finalizado]){width:147.06%;height:147.06%;transform:scale(.68)}
 .rd-demo-integrada .rd-progreso{gap:0;flex-wrap:nowrap}
 .rd-demo-integrada .rd-progreso li{gap:7px;font-size:14px}
 .rd-demo-integrada .rd-progreso .rd-numero{width:27px;height:27px;font-size:10px}
}
@media(max-width:420px){
 .como .escenas{height:900px}
 .como .paso{flex-basis:142px}
 .como .escena:not(.escena-demo){padding:24px 16px}
 .escena-instalacion h3{font-size:2rem}.pasos-instalacion p{padding:17px}
 .rd-demo-integrada{padding-inline:8px}
 .rd-demo-integrada .rd-progreso{gap:0}
 .rd-demo-integrada [data-demo-restcore]{width:121.95%;height:121.95%;transform:scale(.82)}
 .rd-demo-integrada [data-demo-restcore]:is([data-etapa-demo=enviando_impresora],[data-etapa-demo=imprimiendo],[data-etapa-demo=impreso],[data-etapa-demo=finalizado]){width:153.85%;height:153.85%;transform:scale(.65)}
}
@media(prefers-reduced-motion:reduce){.pasos-instalacion p{animation:none}}