/* Integral-management positioning. Existing SolSoft identity retained. */
h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}.hero{grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:76px 0 84px}.hero h1{font-size:clamp(50px,5.6vw,76px);max-width:680px}.hero .intro{max-width:560px}.hero .actions{margin-top:36px;gap:16px}.hero .micro{font-size:14px!important}.hero-note span{line-height:1.6}.journey-board{border:1px solid #ffffff30;border-radius:16px;background:linear-gradient(145deg,#202329,#111316);padding:30px}.board-top{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#bec2c7;letter-spacing:1px;padding-bottom:24px;border-bottom:1px solid var(--line)}.board-top span:last-child{color:var(--lime)}.journey-board h3{font-size:38px;margin:24px 0}.journey{list-style:none;padding:0;margin:0}.journey li{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.journey li>span{color:var(--lime);font-size:12px;padding-top:4px}.journey b{font-size:17px}.journey small{font-size:14px;color:var(--muted);margin-top:5px}.journey-board>p{font-size:13px!important;line-height:1.6;margin:24px 0 0}.caption{line-height:1.6}.section-head{align-items:start;gap:60px}.section-head>p{max-width:440px}.integral-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.integral-grid article{border:1px solid var(--line);background:#191c20;border-radius:12px;padding:34px}.integral-grid h3{font-size:34px;margin-bottom:22px}.integral-grid p{font-size:16px!important}.integral-grid .tag{border:none;padding:0;border-radius:0;line-height:1.6;color:var(--lime);margin:26px 0 20px}.integral-grid .connection{border-top:1px solid var(--line);padding-top:18px;font-size:14px!important;margin-bottom:0}.use-case{margin-top:42px;padding:32px;border-left:3px solid var(--lime);background:#171a1d}.use-case h3{font-size:36px;margin:16px 0 20px}.use-case p{max-width:950px;margin:0}.support-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:64px}.support-block h3{font-size:34px;margin:18px 0}.support-block details:first-child{padding-top:0}.version-note{padding:30px;border:1px solid #f5c40066;border-radius:12px;margin-top:42px;background:#f5c40006}.version-note h3{font-size:32px;margin:16px 0}.version-note p{max-width:1000px;font-size:15px!important}.version-note p:last-child{margin:0}.strip .wrap{align-items:center}.strip span:last-child{text-align:right}.about-section .micro{max-width:560px}.price-card{min-width:0}.demo-section .micro{font-size:14px!important}.demo-section>div>p{max-width:480px}footer p{max-width:330px}summary{min-height:44px}
.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.modules-grid article{border:1px solid var(--line);background:#191c20;border-radius:12px;padding:24px}.modules-grid h3{font-size:22px;margin:10px 0 12px}.modules-grid p{font-size:14px!important;margin-bottom:18px}.modules-grid .num{font-size:10px;letter-spacing:1px;color:var(--muted)}.modules-grid .tag{border:none;border-radius:0;border-top:1px solid var(--line);padding:10px 0 0;font-size:10px;letter-spacing:1px;color:var(--lime);margin:0;line-height:1.5}.modules-note{text-align:center;margin-top:26px}@media(max-width:1000px){.modules-grid{grid-template-columns:1fr 1fr}.hero{gap:30px}.journey-board{padding:24px}.support-block{gap:30px}.integral-grid article{padding:28px}}
@media(max-width:760px){.modules-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding:44px 0 60px;gap:34px}.hero h1{font-size:clamp(47px,12.3vw,66px)}.hero .actions{flex-wrap:wrap}.hero .intro{font-size:18px!important}.journey-board{padding:24px}.board-top{font-size:9px}.journey-board h3{font-size:34px}.journey small{font-size:14px}.product{padding-left:0}.strip span:last-child{text-align:center}.section-head{margin-bottom:28px}.integral-grid,.support-block{grid-template-columns:1fr}.integral-grid article{padding:26px}.integral-grid h3,.support-block h3{font-size:32px}.support-block{margin-top:44px;gap:24px}.use-case{padding:26px}.use-case h3{font-size:32px}.version-note{padding:24px}.version-note h3{font-size:30px}.tag{max-width:100%;width:auto}.hero-note{margin-top:30px}.price-card{padding:28px 24px}footer .brand-lock{max-width:100%}footer .lock-tag{white-space:normal!important}header .brand-lock .lock-img{max-width:145px}}
/* Recorrido visual: ilustración de producto recuperada + microinteracciones (solo PY) */
html{scroll-behavior:smooth}
.product{padding-bottom:96px}
.product .caption{margin-top:28px;text-align:left}
.product .float-card{animation:floaty 5.5s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-6px)}}
.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
.js .reveal.in{opacity:1;transform:none}
.integral-grid article,.modules-grid article,.price-card{transition:transform .35s cubic-bezier(.2,.7,.3,1),border-color .35s,opacity .7s ease}
.integral-grid article:hover,.modules-grid article:hover,.price-card:hover{transform:translateY(-5px);border-color:#f5c40066}
.use-case{transition:border-color .35s}
.use-case:hover{border-left-color:#ffe14d}
.button{transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #f5c40033}
details summary{transition:color .25s}
details summary:hover{color:var(--lime)}
.next{transition:background .3s}
.next:hover{background:#ffffff10}
@media(max-width:760px){.product{padding-bottom:84px}.product .float-card{left:0;bottom:20px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.product .float-card{animation:none}}

/* Pantallas reales de la demo dentro del recorrido */
.scene-shot{margin:22px 0 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#14161a;box-shadow:0 18px 40px #0006}
.scene-shot img{display:block;width:100%;height:auto}
.scene-shot figcaption{font-size:9px;color:var(--muted);padding:10px 12px;border-top:1px solid var(--line);margin:0}
/* Separación inequívoca float-card / caption en todas las fases de la animación */
@media(min-width:761px){.product{padding-bottom:40px}.product .caption{margin-left:290px}}
@media(max-width:760px){
  .product{padding-bottom:0}
  .product .float-card{position:relative;left:0;bottom:auto;width:fit-content;margin:-30px 0 6px 6px}
  .product .caption{margin-top:22px}
}

/* Menú del pie debajo del logo */
footer{row-gap:18px}
footer .brand-lock{order:2}
.footer-nav{order:1;width:100%;display:flex;flex-wrap:wrap;gap:8px 22px}
.footer-nav a{font-size:11px;letter-spacing:1.5px;color:#c5c8ce;padding:4px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.footer-nav a:hover{color:var(--lime);border-color:#f5c40060}
footer p,footer .footer-contact,footer>span{order:3}
@media(max-width:760px){.footer-nav{gap:6px 18px}.footer-nav a{font-size:10px}}

/* Botón flotante de contacto directo por WhatsApp */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 12px 30px #00000080,0 0 0 1px #00000030;transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 36px #00000090,0 0 0 1px #00000030}
.wa-float svg{width:30px;height:30px;fill:#ffffff}
@media(max-width:760px){.wa-float{right:14px;bottom:14px;width:52px;height:52px}.wa-float svg{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.wa-float{transition:none}}