/* Versión 3: fotografía en ruta, lectura clara y una navegación directa. */
:root{--sc-canvas:#08182b;--sc-surface:#12283e;--sc-ink:#f7faff;--sc-ink-soft:#becddd;--sc-accent:#ffca3a;--brand-blue:#4c9fe3;--sc-section:clamp(64px,7vw,110px);--sc-t-xs:.875rem;--sc-t-sm:.9375rem;--sc-t-base:1rem;--sc-t-lg:1.125rem}
body{font-size:1rem;line-height:1.55;background:#08182b}html{scroll-behavior:smooth}.sc-grain{display:none}.sc-wrap{max-width:1280px}.bar{background:#08182b!important;box-shadow:0 1px 0 #ffffff12;gap:24px}.bar .mark img{height:42px}.bar .btn{border-radius:8px}.btn{border-radius:8px;box-shadow:none;min-height:52px}.sc-display{font-stretch:100%;letter-spacing:-.035em;line-height:1.08}.h2{max-width:22ch}.section{padding-block:var(--sc-section)}
.rm .hero__stage{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;container-type:normal;height:auto!important;min-height:650px;overflow:hidden;padding:125px max(5vw,24px) 75px;background:#08182b;gap:48px}
.hero{height:auto!important;min-height:0!important}.hero__stage .scene{position:absolute;left:54%;top:0;width:46%;height:100%;border-radius:0;overflow:hidden;background:#102337}.scene .scene__poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;max-width:none}.hero__scrim{display:none}.hero__copy{position:relative!important;inset:auto!important;z-index:10;width:100%;max-width:630px;grid-column:1}.hero__title{font-size:clamp(2.8rem,4.4vw,4.6rem);max-width:14ch;line-height:1.06;text-wrap:initial;margin:0}.hero__title em{color:#ffca3a}.hero__kicker{color:#cad6e3;font-size:.875rem;font-weight:550;letter-spacing:.03em;margin-bottom:26px}.hero__body{max-width:40ch;margin-top:26px}.hero__sub{font-size:1.125rem;line-height:1.65;color:#c4d2e2;max-width:42ch}.hero__actions{gap:12px;margin-top:30px}.hero__actions .btn{padding:0 22px}.hero__note{font-size:.875rem;line-height:1.6;color:#c4d2e2;max-width:35ch;margin-top:24px}.hero__beat{display:none!important}.hero-caption{position:absolute;right:4%;bottom:32px;z-index:8;left:58%;padding:18px 22px;background:#08182be8;border-left:3px solid #ffca3a;backdrop-filter:blur(10px)}.hero-caption span{display:block;font-size:.75rem;letter-spacing:.1em;color:#ffca3a;margin-bottom:6px}.hero-caption strong{font-size:1rem;font-weight:550}.hero__copy [data-sc-cue]{opacity:1!important;transform:none!important}
.datos{background:#10283f;padding-block:32px!important}.datos__list{gap:35px}.datos__list li{border-top:0;border-left:2px solid #ffca3a;padding:0 0 0 22px}.datos__v{font-size:2rem;line-height:1.15}.datos__l{font-size:.875rem;color:#c1d0de;margin-top:10px;max-width:25ch}
#soluciones,#equipo,#marketing,#clientes,#faq{--sc-canvas:#fff;--sc-surface:#f1f5f9;--sc-ink:#10243a;--sc-ink-soft:#506278;--line:#d9e2ec;--brand-blue:#1768a5;background:#fff;color:#10243a;color-scheme:light}.dia{--dia:#fff;background:#fff}.dia .sc-display{color:var(--sc-ink)}.kicker{font-size:.875rem}.lead{font-size:1.125rem;line-height:1.65}.sol__cols{gap:28px;margin-top:52px}.sol{background:#f4f7fa;padding:30px;border-top:3px solid var(--c);border-radius:0 0 12px 12px}.sol h3{font-size:1.4rem;line-height:1.2}.sol--iot{--c:#2d5a7e}.sol--mkt{--c:#9e7100}.sol--wifi{--c:#1768a5}.sol__n{font-size:.875rem}.checks li{font-size:.9375rem}.mensaje{max-width:100%;font-size:1.25rem;padding:24px 0 0;margin-top:32px;border-top:1px solid #d9e2ec}.eq__img{border-radius:12px;box-shadow:none;border:1px solid #e1e7ed}.eq__precio{color:#1768a5!important}.eq ul li{color:#10243a}.eq p{font-size:.9375rem}.eq h3{font-size:1.2rem}.faq summary{font-size:1.0625rem}.faq summary:hover{color:#1768a5}.form{background:#fff;--sc-canvas:#f1f5f9;--sc-ink:#10243a;--sc-ink-soft:#506278;--line:#d9e2ec;color:#10243a;color-scheme:light;border-radius:16px;box-shadow:none}.form .error{color:#24547d}.form input,.form select{color:#10243a}.form .btn--ghost{color:#10243a}.form .info-basica{font-size:.875rem}.close__bg,.close__scrim{display:none}.close__stage{background:#0b2036}.close__inner{padding-block:80px!important}.close__intro h2{max-width:19ch}.close__intro>p{color:#c4d2e2}.p-form{font-size:.9375rem}.p-form input{color:inherit}.panel{box-shadow:none}.people{background:#10283f}.people__foto{border-radius:12px}.logos img{opacity:.85;filter:grayscale(1)!important;mix-blend-mode:multiply!important}.logos img.oscuro{filter:grayscale(1)!important}.logos img:hover{opacity:1;filter:none!important}.pie{background:#061321}.pie__estado i{display:none}
.rm .gear__stage{height:auto!important;min-height:650px}.gear__copy{position:relative;left:auto;top:auto;bottom:auto;translate:none;padding:90px max(5vw,24px);width:48%;max-width:650px}.gear__stage>img{object-position:75% center}.gear__stage>video{display:none}.gear__scrim{background:linear-gradient(90deg,#071727 0%,#071727f2 35%,#07172777 60%,transparent 80%)}
@media(min-width:861px){.rm .map__stage{min-height:760px}.rm #como{padding-block:70px}.rm .rail{gap:36px}}
@media(max-width:1100px){.bar nav{display:none}.bar .btn{margin-left:auto}.menu-btn{display:grid}.hero__title{font-size:3.3rem}.hero__actions .btn{font-size:.9375rem;padding:0 16px}.sol{padding:24px}.sol__cols{gap:16px}}
@media(max-width:860px){.rm .hero__stage{display:flex;flex-direction:column;align-items:stretch;padding:112px 24px 0;min-height:0;gap:38px}.hero__copy{width:100%;max-width:none}.hero__title{font-size:clamp(2.7rem,7vw,4.2rem);max-width:18ch}.hero__sub{font-size:1.0625rem}.hero__body{max-width:48ch}.hero__stage .scene{position:relative;left:auto;top:auto;width:calc(100% + 48px);height:340px;margin-left:-24px;order:2}.scene .scene__poster{object-position:65% 65%}.hero-caption{left:auto;right:24px;bottom:22px;max-width:calc(100% - 48px)}.hero__note{max-width:none;margin-top:20px}.datos__list{gap:28px}.datos__v{font-size:1.65rem}.datos__list li{padding-left:14px}.sol__cols{grid-template-columns:1fr}.sol{padding:28px}.sol__head{gap:30px}.diagram{max-width:40rem;margin:auto}.rm .gear__stage{min-height:0;display:flex;flex-direction:column}.gear__stage>img{position:relative;height:340px}.gear__scrim{display:none}.gear__copy{width:100%;padding:40px 24px;max-width:none}.gear__copy h2{font-size:2rem}.specs{margin-top:24px}.people__grid{gap:32px}.close__inner{padding-block:60px!important}.close__intro h2{font-size:2.3rem;max-width:20ch}.form{padding:24px}.map__stage{padding-top:50px!important}.sc-display{line-height:1.1}.h2{font-size:2.2rem}}
@media(max-width:480px){.bar{padding-inline:18px;gap:12px}.bar .mark img{height:34px;max-width:125px}.bar .btn{font-size:.8125rem;padding-inline:12px;min-height:42px}.menu-btn{width:40px;height:40px}.hero__title{font-size:2.75rem}.hero__actions{display:grid;grid-template-columns:1fr}.hero__actions .btn{width:100%}.hero-caption span{font-size:.75rem}.hero-caption strong{font-size:.875rem}.hero__stage .scene{height:290px}.datos__list{grid-template-columns:1fr 1fr}.datos__v small{display:block;font-size:.7em;margin:4px 0 0}.datos__l{font-size:.875rem}.datos__v{font-size:1.6rem}.lead{font-size:1rem}.hero__kicker{font-size:.8125rem}.field input,.field select{font-size:1rem}.fila{grid-template-columns:1fr}.form-acc{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Portada amplia, profundidad animada y leyenda fuera de la fotografía en móvil. */
.rm .hero__stage{min-height:max(720px,94svh);grid-template-columns:48% 52%;gap:0;padding-top:125px;padding-bottom:85px}
.hero__stage .scene{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:hidden;animation:aw-scene-breathe 16s ease-in-out infinite alternate;transform-origin:70% 60%}
.scene .scene__poster,.scene .layer,.scene .layer--fore img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:60% 58%}
.scene .layer{transition:opacity .5s ease;will-change:transform;transform-origin:70% 65%}
.scene .layer--plate{transform:translate3d(calc(var(--hx,0) * -4px),calc(var(--hy,0) * -3px),0) scale(1.015)}
.scene .layer--coach{transform:translate3d(calc(var(--hx,0) * -10px),calc(var(--hy,0) * -5px),0) scale(1.015)}
.scene .layer--fore{transform:translate3d(calc(var(--hx,0) * -18px),calc(var(--hy,0) * -8px),0) scale(1.025)}
.scene .layer--fore::after,.scene::before{display:none}
.hero__scrim{display:block;position:absolute;inset:0;z-index:7;background:linear-gradient(90deg,#08182b 0%,#08182bf5 28%,#08182bd9 41%,#08182b73 54%,#08182b0d 70%,transparent 100%);pointer-events:none}
.hero__copy{max-width:570px}.hero__title{max-width:17ch;font-size:clamp(2.8rem,4.3vw,4.5rem)}
.hero-caption{left:auto;right:5%;bottom:28px;max-width:42%;background:#08182bd9}
@keyframes aw-scene-breathe{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.055) translateX(-.65%)}}
@media(max-width:860px){
 .rm .hero__stage{display:flex;min-height:0;gap:32px;padding:112px 24px 0}
 .hero__copy{max-width:none}.hero__title{font-size:clamp(2.7rem,7vw,4.2rem);max-width:18ch}
 .hero__stage .scene{position:relative;inset:auto;width:calc(100% + 48px);height:390px;flex:none;margin:0 -24px;order:2;animation:none}
 .scene .scene__poster,.scene .layer,.scene .layer--fore img{object-position:65% 65%}
 .hero__scrim{display:none}
 .hero-caption{position:relative;inset:auto;order:3;max-width:none;margin:0 0 30px;padding:18px 20px;background:#10283f;backdrop-filter:none}
}
@media(max-width:480px){.hero__stage .scene{height:310px}.hero__title{font-size:2.75rem}.hero-caption{margin-top:-8px}.hero-caption strong{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.hero__stage .scene{animation:none;transform:none}.scene .layer{transform:none!important;transition:none}}
/* Clientes: conservar los colores de cada marca. */
#clientes .logos img,#clientes .logos img.oscuro,#clientes .logos img:hover{filter:none!important;opacity:1;mix-blend-mode:normal!important}
/* Hierba en primer plano y vídeo original del router al desplazarse. */
.scene .layer--fore{transform:translate3d(calc(var(--hx,0) * -18px),calc(var(--grass-p,0) * -95px + var(--hy,0) * -8px),0) scale(calc(1.025 + var(--grass-p,0) * .075))}
.scene .layer--fore img{animation:aw-grass-sway 8s ease-in-out infinite alternate;transform-origin:50% 100%}
@keyframes aw-grass-sway{from{transform:translateX(-3px) rotate(-.25deg) scale(1.025)}to{transform:translateX(4px) rotate(.3deg) scale(1.035)}}
.gear__stage>video.router-motion{display:block;opacity:0;transition:opacity .4s ease;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;pointer-events:none}
.gear__stage>video.router-motion.is-ready{opacity:1}
@media(max-width:860px){.gear__stage>video.router-motion{height:340px;object-position:75% center}.scene .layer--fore{transform:translateY(calc(var(--grass-p,0) * -24px)) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.scene .layer--fore,.scene .layer--fore img{animation:none;transform:none!important}.gear__stage>video.router-motion{display:none}}
.gear__stage>video.router-motion.motion-off{display:none}
.gear__stage .gear__copy{padding:90px max(5vw,24px)!important}
@media(max-width:860px){.gear__stage .gear__copy{padding:40px 24px!important}}
.gear__stage .gear__copy{right:auto!important}