:root{--blue:#1255c3;--blue2:#0877f9;--navy:#071638;--text:#31415f;--light:#f5f8fd;--line:#e5ebf4;--green:#1ebe63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--navy);background:#fff}a{text-decoration:none;color:inherit}.topbar{height:84px;display:flex;align-items:center;gap:26px;padding:10px max(4vw,24px);position:sticky;top:0;background:rgba(255,255,255,.97);z-index:20;border-bottom:1px solid var(--line);box-shadow:0 4px 18px #0b24570b}.brand img{width:205px;display:block}.topbar nav{display:flex;gap:24px;margin-left:auto;font-weight:600;font-size:14px}.topbar nav a:hover{color:var(--blue)}.phone{font-size:14px;color:var(--blue);display:grid;grid-template-columns:auto auto;gap:0 6px}.phone small{grid-column:2;color:#77839b;font-size:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:9px;font-weight:700;font-size:14px}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 8px 20px #1255c32b}.secondary{border:1px solid #b9c7dc;color:var(--blue);background:#fff}.compact{padding:12px 18px}.menuBtn{display:none;border:0;background:none;font-size:25px}.hero{min-height:620px;display:grid;grid-template-columns:45% 55%;align-items:center;overflow:hidden;background:linear-gradient(90deg,#f7fbff 0%,#fff 45%);padding-left:max(6vw,32px)}.heroCopy{max-width:650px;z-index:2}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--blue);margin:0 0 15px}.hero h1,.section h2{font-size:48px;line-height:1.08;margin:0 0 20px;letter-spacing:-1.8px}.hero h1 span,.section h2 span,.control h2 span{color:var(--blue)}.lead{font-size:18px;line-height:1.65;color:var(--text);max-width:590px}.actions{display:flex;gap:12px;margin:28px 0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid var(--line);padding-top:20px}.benefits span{font-size:11px;color:var(--blue);display:flex;gap:8px}.benefits b{color:#34415b;line-height:1.35}.heroVisual{height:620px;overflow:hidden}.heroVisual img{width:100%;height:100%;object-fit:cover;object-position:center}.section{padding:82px max(6vw,32px)}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.sectionHead h2,.modules h2,.clients h2{font-size:38px}.sectionHead>p,.clients>p{color:#66748e;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 32px #0716380d;position:relative}.solution:before{content:"";height:5px;position:absolute;left:0;right:0;top:0;z-index:2}.market:before{background:#1680ff}.restaurant:before{background:#e9413d}.grifo:before{background:#27a85c}.solution>img{width:100%;height:220px;object-fit:cover;display:block}.cardbody{padding:22px 24px 26px}.solution h3{font-size:23px;margin:0 0 4px}.solution h3 em{font-style:normal;color:var(--blue)}.restaurant h3 em{color:#e9413d}.grifo h3 em{color:#27a85c}.solution h4{margin:0 0 12px;color:var(--blue);font-size:14px}.solution p{color:#64728a;line-height:1.55;min-height:72px}.solution a{color:var(--blue);font-weight:700;font-size:14px}.modules{text-align:center;background:#f8faff}.moduleGrid{display:grid;grid-template-columns:repeat(10,1fr);gap:12px;margin-top:35px}.moduleGrid div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 8px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 5px 18px #07163808}.moduleGrid i{font-style:normal;font-size:25px}.moduleGrid b{font-size:12px;line-height:1.25}.control{display:grid;grid-template-columns:40% 60%;align-items:center;gap:50px}.control h2{font-size:42px;margin:0 0 20px}.control p{color:#66748e;line-height:1.7}.control ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;color:#33425e;font-weight:600;font-size:14px}.control li::first-letter{color:var(--blue)}.control>img{width:100%;border-radius:18px;box-shadow:0 18px 50px #07163818}.clients{text-align:center;background:#fff}.logoViewport{overflow:hidden;margin-top:34px;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.logoTrack{display:flex;width:max-content;gap:18px;animation:scrollLogos 42s linear infinite}.logoViewport:hover .logoTrack{animation-play-state:paused}.clientLogo{width:160px;height:92px;flex:0 0 160px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #07163808}.clientLogo img{max-width:100%;max-height:68px;object-fit:contain}@keyframes scrollLogos{to{transform:translateX(calc(-50% - 9px))}}.cta{margin:20px max(6vw,32px) 70px;border-radius:22px;padding:35px 45px;background:linear-gradient(120deg,#0a3f9f,#0b72e8);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;box-shadow:0 16px 45px #1255c33b}.cta>div{display:flex;gap:16px;align-items:center;font-size:25px}.ctaCloud{font-size:38px}.whatsapp{background:var(--green);padding:15px 22px;border-radius:9px;font-weight:800}.cta ul{grid-column:1/-1;display:flex;gap:30px;list-style:none;padding:0;margin:3px 0 0;font-size:12px}.floatWA{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#1ebe63;color:#fff;display:grid;place-items:center;font-size:24px;z-index:30;box-shadow:0 8px 25px #0a5b2c55}footer{padding:35px max(6vw,32px) 18px;background:#f7f9fc;border-top:1px solid var(--line)}.footerTop{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}.footerPlus{width:220px}.footerCV{width:230px;justify-self:end}.peru{text-align:center;display:flex;flex-direction:column;gap:4px}.peru small{color:#758097}.social{display:flex;justify-content:center;align-items:center;gap:10px;margin:25px 0 14px;color:#6d7890;font-size:12px}.social a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d9e1ed;color:var(--blue);font-weight:800}.copyright{text-align:center;border-top:1px solid var(--line);padding-top:16px;margin:0;color:#8a94a6;font-size:11px}@media(max-width:1050px){.topbar .phone{display:none}.moduleGrid{grid-template-columns:repeat(5,1fr)}.hero{grid-template-columns:1fr;padding:55px 6vw 0}.heroVisual{height:420px;margin:25px -6vw 0}.benefits{grid-template-columns:repeat(2,1fr)}.control{grid-template-columns:1fr}.control>img{max-width:850px;margin:auto}}@media(max-width:760px){.topbar{height:70px;padding:8px 18px}.brand img{width:165px}.topbar>.compact{display:none}.menuBtn{display:block;margin-left:auto}.topbar nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;flex-direction:column;padding:20px 24px;border-bottom:1px solid var(--line);box-shadow:0 15px 30px #07163815}.topbar nav.open{display:flex}.hero{padding:45px 20px 0}.hero h1{font-size:38px}.lead{font-size:16px}.benefits{grid-template-columns:1fr 1fr}.heroVisual{height:300px;margin:25px -20px 0}.section{padding:60px 20px}.sectionHead{display:block}.sectionHead h2,.modules h2,.clients h2,.control h2{font-size:32px}.sectionHead>p br{display:none}.cards{grid-template-columns:1fr}.solution>img{height:210px}.moduleGrid{grid-template-columns:repeat(2,1fr)}.control{gap:28px}.control ul{grid-template-columns:1fr}.clientLogo{width:130px;flex-basis:130px;height:80px}.clientLogo img{max-height:58px}.cta{margin:10px 20px 45px;padding:28px 22px;grid-template-columns:1fr;text-align:center}.cta>div{justify-content:center;font-size:21px}.cta ul{grid-column:1;flex-direction:column;gap:7px}.footerTop{grid-template-columns:1fr;justify-items:center}.footerCV{justify-self:center}.footerPlus{width:200px}.footerCV{width:210px}}
/* ===== Reconstrucción final v3 ===== */
.inlineIcon{width:15px;height:15px;color:#1255c3}.hero{position:relative;background:#f7fbff;min-height:610px;padding-left:max(6vw,32px);grid-template-columns:47% 53%}.heroVisual{height:610px;position:relative}.heroVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.92) 7%,rgba(247,251,255,.18) 31%,transparent 56%);pointer-events:none}.heroVisual img{object-position:center center}.benefits span>img{width:26px;height:26px;flex:0 0 26px}.benefits span{color:#1255c3}.solution .cardbody{display:flex;flex-direction:column;align-items:flex-start}.solution p{flex:1}.solution .cardbody>a{display:inline-flex;align-items:center;justify-content:center;margin-top:5px;padding:10px 15px;border:1px solid currentColor;border-radius:8px;background:#f7fbff;transition:.2s ease}.solution .cardbody>a:hover{background:#1255c3;color:#fff;border-color:#1255c3;transform:translateY(-1px)}.restaurant .cardbody>a{color:#e9413d;background:#fff8f8}.restaurant .cardbody>a:hover{background:#e9413d;color:#fff;border-color:#e9413d}.grifo .cardbody>a{color:#27a85c;background:#f7fff9}.grifo .cardbody>a:hover{background:#27a85c;color:#fff;border-color:#27a85c}.moduleGrid{grid-template-columns:repeat(5,1fr);max-width:1050px;margin:38px auto 0;gap:16px}.moduleGrid div{min-height:128px;padding:20px 10px}.moduleGrid i{height:44px;display:grid;place-items:center;color:#1255c3}.moduleGrid i img{width:40px;height:40px}.moduleGrid b{font-size:13px;color:#263956}.control{background:linear-gradient(90deg,#fff 0%,#fff 43%,#f7fbff 100%)}.control>img{border-radius:0;box-shadow:none;max-height:500px;object-fit:contain;background:transparent}.ctaCloud img{width:42px;height:42px;color:#fff;filter:brightness(0) invert(1)}.whatsapp{display:inline-flex;align-items:center;gap:9px}.waSvg{width:22px;height:22px;filter:brightness(0) invert(1)}.floatWA img{width:29px;height:29px;filter:brightness(0) invert(1)}.peruTitle{display:flex;align-items:center;justify-content:center;gap:9px}.flagPeru{display:inline-flex;width:27px;height:18px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #dfe4ec}.flagPeru i{flex:1}.flagPeru i:nth-child(1),.flagPeru i:nth-child(3){background:#d91023}.flagPeru i:nth-child(2){background:#fff}@media(max-width:1050px){.moduleGrid{grid-template-columns:repeat(5,1fr)}.heroVisual:after{background:linear-gradient(180deg,#f7fbff 0%,transparent 22%)}}@media(max-width:760px){.moduleGrid{grid-template-columns:repeat(2,1fr)}.moduleGrid i img{width:35px;height:35px}.heroVisual:after{display:none}}

/* ===== Ajustes solicitados v4 ===== */
/* Hero: la fotografía completa funciona como fondo, como en el diseño aprobado */
.hero{grid-template-columns:49% 51%;min-height:610px;background-image:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.98) 39%,rgba(247,251,255,.72) 49%,rgba(247,251,255,.06) 65%,transparent 78%),url('assets/img/hero-pluscloud.png');background-size:cover;background-position:center right;background-repeat:no-repeat;padding-right:max(4vw,24px)}
.heroVisual{visibility:hidden;pointer-events:none}
.heroCopy{padding:34px 0}
/* Planes */
.plans{background:#fff}.planGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1050px;margin:0 auto}.planCard{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;box-shadow:0 12px 35px #0716380c;position:relative}.planCard.featured{border:2px solid var(--blue);transform:translateY(-8px);box-shadow:0 18px 45px #1255c326}.planTag{font-size:10px;letter-spacing:1.3px;font-weight:800;color:var(--blue);background:#eef5ff;border-radius:999px;padding:7px 10px}.planCard h3{font-size:22px;margin:20px 0 8px}.price{font-size:44px;font-weight:800;color:var(--navy);margin:4px 0 14px}.price small{font-size:20px;color:var(--blue)}.price em{font-size:13px;font-style:normal;color:#7a879c}.planCard p{color:#66748e;line-height:1.6;min-height:76px}.planCard .btn{width:100%;margin-top:8px}.planNote{text-align:center;color:#7a879c;font-size:12px;margin:22px 0 0}
/* Capturas reales */
.realSystem{background:#f8faff}.screenGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.screenCard{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #07163810}.screenCard img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.screenCard figcaption{padding:14px 18px;font-weight:700;color:#243653;font-size:14px}.screenCard.wide img{aspect-ratio:16/9}
/* Dispositivos: imagen más protagonista y sin recorte */
.control{grid-template-columns:38% 62%}.control>img{width:100%;max-height:none;object-fit:contain;border-radius:18px}
/* Logo CV oficial */
.footerCV{width:min(300px,100%);height:auto}
@media(max-width:1050px){.hero{background-position:62% center;background-image:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.98) 55%,rgba(247,251,255,.25) 78%),url('assets/img/hero-pluscloud.png')}.planGrid{grid-template-columns:1fr}.planCard.featured{transform:none}.control{grid-template-columns:1fr}}
@media(max-width:760px){.hero{background-image:linear-gradient(180deg,#f7fbff 0%,rgba(247,251,255,.98) 58%,rgba(247,251,255,.2) 100%),url('assets/img/hero-pluscloud.png');background-position:70% bottom;background-size:auto 100%;min-height:680px}.heroCopy{align-self:start}.screenGrid{grid-template-columns:1fr}.planGrid{grid-template-columns:1fr}}