@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap'); :root{--ink:#0b111f;--navy:#071a36;--blue:#4e98d2;--electric:#2464ee;--turquoise:#5ebfc1;--muted:#5c6d86;--line:#dce5f0;--paper:#f5f8fc;--header:90px}*{box-sizing:border-box}html{scroll-padding-top:var(--header)}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#f7f9fd}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--electric);outline-offset:6px}h1,h2,h3,p{margin:0}.header{height:var(--header);position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 5%;background:#f8faffed;backdrop-filter:blur(18px);border-bottom:1px solid #e3eaf480}.logo{width:142px;display:block;mix-blend-mode:multiply}.header nav{display:flex;gap:38px;font-size:12px;font-weight:550}.header nav a:hover{color:var(--electric)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:19px 24px;border-radius:9px;font-size:13px;font-weight:550;box-shadow:0 8px 20px #10255310;transition:transform .2s,background .2s}.dark{background:var(--navy);color:white}.dark:hover{background:#123567;transform:translateY(-2px)}.small{padding:15px 19px;font-size:12px}.button span{font-size:19px}.text-link{font-size:13px;font-weight:500}.hero{position:relative;min-height:calc(100svh - 15px);padding:calc(var(--header) + 70px) 5% 95px;display:grid;grid-template-columns:.9fr 1.15fr;align-items:center;gap:15px;overflow:hidden;background:radial-gradient(ellipse at 85% 60%,#dbe7fe 0,transparent 51%),linear-gradient(130deg,#fff,#eff3fc)}.hero-content{z-index:2}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;color:#426890;display:flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--turquoise);box-shadow:0 0 0 5px #5ebfc118}h1{font-size:clamp(42px,4.4vw,68px);line-height:1.08;font-weight:650;letter-spacing:-3.4px;margin:28px 0 25px}h1 span{color:var(--electric);background:linear-gradient(110deg,#256af5,#4e98d2);background-clip:text;-webkit-text-fill-color:transparent}.hero-content>p{max-width:470px;font-size:15px;line-height:1.85;color:#52647d}.actions{display:flex;align-items:center;gap:26px;margin-top:30px}.hero-baseline{display:flex;gap:20px;align-items:center;font-size:9px;letter-spacing:1.6px;color:#61758e;margin-top:45px}.hero-baseline i{font-style:normal;color:#7cadd5}.hero-visual{height:530px;position:relative;perspective:1300px}.visual-orbit{position:absolute;width:620px;height:360px;border:1px solid #adc9e666;border-radius:50%;transform:rotate(-20deg);left:20px;top:70px}.hero-docs{height:240px;position:relative;margin-left:10%}.invoice{width:155px;height:220px;background:#ffffff;border:1px solid #dce6f4;border-radius:10px;padding:17px;box-shadow:0 18px 35px #193d7415;position:absolute;transform-origin:center;will-change:transform,opacity}.invoice-provider{font-size:16px;font-weight:800;letter-spacing:-.6px;color:#1862ac}.invoice:nth-child(2) .invoice-provider{color:#21a3af}.invoice:nth-child(3) .invoice-provider{color:#7062ad}.invoice-caption{display:block;font-size:7px;color:#64748c;line-height:1.7;margin-top:7px}.invoice-rule{height:1px;background:#dce6f1;margin:10px 0}.invoice-field{font-size:7px;color:#7c8ca3;display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #edf1f6;position:relative}.invoice-field b{font-weight:600;color:#304b70}.invoice-total{font-size:9px;display:flex;justify-content:space-between;margin-top:13px;font-weight:650}.pdf-stamp{position:absolute;right:12px;bottom:12px;background:#ee525b;color:#fff;border-radius:3px;font-size:8px;padding:5px;font-weight:700}.invoice:after{content:'';position:absolute;width:70px;height:10px;left:18px;bottom:15px;background:repeating-linear-gradient(90deg,#90a2ba 0 1px,transparent 1px 3px)}.hero-docs .invoice:nth-child(1){left:0;top:30px;transform:rotate(-15deg)}.hero-docs .invoice:nth-child(2){left:31%;top:0;transform:rotate(-3deg)}.hero-docs .invoice:nth-child(3){left:61%;top:28px;transform:rotate(11deg)}.hero-board{position:absolute;top:230px;left:0;width:106%;border:1px solid #d2e2f5;border-radius:13px;background:#fff;box-shadow:0 30px 60px #4366a52a,0 3px 0 #d3e0f1;transform:rotateY(-12deg) rotateX(12deg) rotateZ(-3deg);overflow:hidden}.board-top{padding:17px 20px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e7edf6;font-size:7px;letter-spacing:1px;color:#7a8da8}.brand-mini{font-size:13px;font-weight:800;letter-spacing:-.7px;color:var(--navy)}.brand-mini>span{color:var(--blue)}.status-dot{margin-left:auto;color:#26986d;font-size:7px;letter-spacing:0}.board-main{display:flex}.board-side{background:#0c203f;width:100px;flex-shrink:0;padding:21px 9px;display:flex;flex-direction:column;gap:17px;color:#b8c9e5;font-size:8px}.side-active{color:white;background:#2768ee;border-radius:4px;padding:8px}.board-content{padding:20px;flex:1;min-width:0;background:#f7f9ff}.board-title{font-size:13px;font-weight:650}.board-title>span{font-size:7px;color:#6d80a0;display:block;font-weight:400;margin-top:6px}.mini-metrics{display:flex;gap:9px;margin:15px 0}.mini-metrics>div{background:white;border:1px solid #e7edf6;padding:12px;flex:1;border-radius:5px}.mini-metrics small{font-size:6px;color:#7184a2;letter-spacing:.5px;display:block}.mini-metrics b{font-size:10px;display:block;margin-top:7px;color:#193b70}.mini-charts{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.mini-charts>div{border:1px solid #e7edf6;background:white;border-radius:5px;padding:12px}.mini-charts small{font-size:8px;font-weight:600;color:#344d74}.bars{display:flex;gap:10px;align-items:flex-end;height:75px;border-bottom:1px solid #dbe6f3;margin-top:12px}.bars i{height:var(--bar);flex:1;background:linear-gradient(#5aa5f5,#2366e9);border-radius:3px 3px 0 0}.bars i:nth-child(even){background:linear-gradient(#9cdbd4,#53b8bf)}.donut{height:73px;width:73px;margin:12px auto 0;border-radius:50%;background:conic-gradient(#2872ed 0 42%,#5ebfc1 42% 72%,#a9c4f2 72%);display:grid;place-items:center}.donut>span{width:47px;height:47px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#254b75}.hero-floating{position:absolute;left:0;bottom:-20px;display:flex;gap:13px;align-items:center;background:#ffffffed;border:1px solid #dce7f3;border-radius:9px;padding:17px 22px;box-shadow:0 15px 40px #27446d15;z-index:3}.check{width:29px;height:29px;border-radius:50%;background:#e3f5ed;color:#239d6c;display:grid;place-items:center;flex-shrink:0;font-size:14px}.hero-floating b,.reading-result b{font-size:12px;font-weight:600;display:block}.hero-floating small,.reading-result small{font-size:10px;color:#6b7c93;display:block;margin-top:5px}.demo-label{position:absolute;right:0;bottom:-48px;font-size:8px;color:#7b8ba3}.scroll-cue{position:absolute;bottom:25px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#7b8ca4}.scroll-cue b{font-size:20px;color:var(--electric);font-weight:400}.journey-title{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid var(--line);background:#fff}.journey-title span{font-size:9px;letter-spacing:1.4px;color:#6d819e}.journey-title p{font-size:13px;color:#34506f}.scroll-section{height:360svh;position:relative;background:radial-gradient(ellipse at 85% 30%,#dce9fc 0,transparent 60%),#f3f7fc;scroll-margin-top:0}.stage{height:calc(100svh - var(--header));position:sticky;top:var(--header);overflow:hidden;padding:25px 5% 20px;display:flex;flex-direction:column}.stage-top{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px;color:#7a8da8;padding-bottom:18px;border-bottom:1px solid #cedced80}.stage-top span+span{color:#3974ac;letter-spacing:.2px}.scene-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:40px;align-items:center;flex:1;min-height:0}.chapter-number{font-size:24px;font-weight:500;letter-spacing:-1px;color:var(--electric);display:flex;align-items:center;gap:15px}.chapter-number span{font-size:9px;letter-spacing:1.5px;color:#7d91ae;font-weight:550}h2{font-size:clamp(28px,3.1vw,46px);font-weight:600;line-height:1.16;letter-spacing:-1.8px}.scene-copy h2{margin:20px 0 24px}.scene-copy h2>span{color:var(--electric)}.scene-copy p{font-size:13px;line-height:1.8;color:var(--muted);max-width:360px}.scene-copy p+p{margin-top:14px}.process-labels{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.process-labels span{border-bottom:2px solid #d7e1ee;color:#8c9bb1;padding:10px 0;margin-right:10px;font-size:10px}.process-labels .active{color:var(--electric);border-color:var(--electric)}.reading-visual{position:relative;height:490px;perspective:1000px}.incoming-docs{position:absolute;inset:0 0 auto;height:230px}.incoming-docs .invoice{top:10px;left:calc(6% + var(--i)*29%);width:152px;height:216px}.scan-line{position:absolute;left:10px;right:10px;top:0;height:2px;background:#49bdd0;box-shadow:0 0 15px 4px #50bbd650;opacity:0}.incoming-docs .invoice-field{background:linear-gradient(90deg,#d6ecff 0%,#d6ecff calc(var(--highlight,0)*100%),transparent calc(var(--highlight,0)*100%));border-radius:2px}.processor{position:absolute;top:236px;left:15%;right:10%;display:flex;align-items:center;gap:13px;padding:15px 20px;border-radius:12px;background:#0c2143;color:#fff;box-shadow:0 15px 40px #1a4f9c26;z-index:3}.processor-logo{height:39px;width:46px;display:grid;place-content:center;font-size:20px;letter-spacing:-2px;font-weight:750;display:flex;align-items:center}.processor-logo span{color:#63bfc8}.processor b{font-size:12px;font-weight:550}.processor small{display:block;font-size:8px;color:#a3bddf;margin-top:5px}.processor-light{height:6px;width:6px;background:#66d2c0;border-radius:50%;margin-left:auto;box-shadow:0 0 12px #66d2c0}.data-tokens{position:absolute;top:175px;left:15%;right:0;display:flex;gap:7px;z-index:4;will-change:transform,opacity}.data-tokens>span{background:#fff;border:1px solid #b8d4f2;padding:11px 13px;border-radius:6px;font-size:8px;color:#6d809e;box-shadow:0 9px 25px #234a8815}.data-tokens b{display:block;color:#1d5f99;font-size:10px;margin-top:4px}.route-line{position:absolute;top:303px;left:50%;height:35px;border-left:1px dashed #7ca7d9;transform-origin:top}.destinations{position:absolute;top:340px;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.destination{background:#ffffffc9;border:1px solid #cfdeef;border-radius:9px;padding:13px 9px;display:flex;align-items:center;flex-direction:column;gap:7px;box-shadow:0 8px 25px #2b537510;text-align:center;position:relative}.destination svg{height:25px;width:25px;stroke:#4e98d2;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.destination b{font-size:9px;font-weight:550;color:#334f70}.destination small{font-size:7px;color:#7e94ad}.destination .assigned{position:absolute;right:6px;top:5px;color:#27a477;font-size:10px}.reading-result{position:absolute;bottom:3px;left:15%;display:flex;align-items:center;gap:12px}.scene-demo{position:absolute;bottom:-23px;right:0;font-size:8px;color:#8595ab}.stage-bottom{display:flex;align-items:center;gap:25px;margin-top:auto;padding-top:16px;border-top:1px solid #cedced80}.scene-instruction{font-size:9px;color:#7b8fa9;flex:1}.progress-track{width:150px;height:2px;background:#cddced;overflow:hidden}.progress-track>div{width:100%;height:100%;background:var(--electric);transform-origin:left;transform:scaleX(0)}.next-scene{font-size:10px;color:#3d648f;display:flex;gap:25px;align-items:center}.next-scene span{color:var(--electric);font-size:20px}.table-section{height:300svh;background:radial-gradient(ellipse at 50% 65%,#dce7fb 0,transparent 65%),#f7f9fd}.table-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:end;padding:25px 0}.table-heading h2{font-size:clamp(25px,2.6vw,38px);margin-top:12px;letter-spacing:-1.3px}.table-heading h2>span{color:#4e98d2}.table-heading p{font-size:12px;line-height:1.8;max-width:440px;color:var(--muted)}.table-perspective{perspective:1200px;flex:1;min-height:0;display:flex;align-items:center;padding:5px 0 15px}.data-board{width:100%;background:#fff;border:1px solid #d7e4f4;border-radius:13px;box-shadow:0 30px 50px #244b8b20,0 4px 0 #d2e2f6,0 5px 20px #71c5e230;transform:rotateX(12deg) rotateY(-3deg);transform-origin:center;overflow:hidden;will-change:transform}.table-toolbar{display:flex;align-items:center;padding:17px 22px;gap:24px;border-bottom:1px solid #e0e8f4;background:linear-gradient(100deg,#fff,#f6f9ff)}.table-toolbar>div{border-left:1px solid #dfe8f2;padding-left:24px}.table-toolbar b{display:block;font-size:12px;font-weight:600}.table-toolbar small{font-size:8px;color:#8493aa;display:block;margin-top:4px}.table-badge{font-size:8px;color:#7b90ad;margin-left:auto}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}th{text-align:left;color:#435c80;font-size:9px;font-weight:650;background:#f3f7ff;padding:14px 14px;border-bottom:1px solid #dce5f3}th:nth-child(1){width:11%}th:nth-child(2){width:12%}th:nth-child(3){width:18%}th:nth-child(4){width:19%}th:nth-child(5){width:14%}th:nth-child(6){width:13%}th:nth-child(7){width:13%}td{height:43px;border-bottom:1px solid #e9eef6;padding:10px 14px;position:relative;white-space:nowrap;color:#354e70;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}td:first-child{font-weight:650;color:#1f6aab}td:nth-last-child(-n+2),th:nth-last-child(-n+2){text-align:right}tr:nth-child(even){background:#f7faff}td .cell-text{display:block;opacity:var(--cell-progress,0);transform:translateY(calc((1 - var(--cell-progress,0))*9px));position:relative;z-index:1}td:before{content:'';position:absolute;left:14px;top:18px;right:23%;height:6px;border-radius:3px;background:#e4ebf4;opacity:calc(1 - var(--cell-progress,0))}tr{background-image:linear-gradient(90deg,#e0effe66,transparent);background-size:calc(var(--row-glow,0)*100%) 100%;background-repeat:no-repeat}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:8px;color:#69809e;gap:20px}.table-footer b{color:#215eb0;font-size:11px}.database-icon{font-style:normal;font-size:15px;color:#2872ed;margin-right:5px}.table-footer>span:last-child i{font-style:normal;color:#4e98d2;margin-left:12px}.data-benefits{display:flex;justify-content:center;gap:35px;color:#5e7b9e;font-size:10px;margin:8px 0 20px}.prototype-end{padding:85px 7%;background:#0b1c36;color:white;display:flex;justify-content:space-between;align-items:center;gap:50px}.prototype-end h2{margin-top:20px;font-size:42px}.prototype-end p{max-width:540px;color:#a4b6d1;font-size:13px;line-height:1.8;margin-top:20px}.prototype-end .eyebrow{color:#75bdcc}.end-actions{display:flex;flex-direction:column;gap:25px;flex-shrink:0}.end-actions .button{background:#fff;color:#183554}.end-actions>a:last-child{font-size:12px;color:#b8cbe1}footer{padding:30px 5%;display:flex;align-items:center;gap:35px;background:#fff}footer .logo{width:125px}footer>span{font-size:11px;color:#7b8b9f}footer small{margin-left:auto;font-size:9px;color:#8997aa}.skip{position:fixed;top:-100px;left:10px;padding:10px;background:white;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} @media(min-width:1600px){.hero{padding-inline:max(5%,calc((100vw - 1450px)/2));gap:60px}.hero-visual{height:580px}.hero-board{top:250px}.stage{padding-inline:max(5%,calc((100vw - 1450px)/2))}.reading-visual{height:530px}.processor{top:250px}.destinations{top:365px}.route-line{top:320px;height:45px}td{height:50px}} @media(max-height:780px) and (min-width:901px){.hero{padding-top:125px;padding-bottom:90px}.hero-visual{height:470px;transform:scale(.91);transform-origin:center right}h1{font-size:52px}.hero-content>p{font-size:13px}.hero-baseline{margin-top:25px}.scene-copy h2{font-size:34px;margin:14px 0}.scene-copy p{font-size:12px}.reading-visual{height:440px;transform:scale(.9);transform-origin:center}.stage{padding-top:15px;padding-bottom:12px}.stage-top{padding-bottom:12px}.table-heading{padding:15px 0}.table-heading h2{font-size:30px}.table-heading p{font-size:11px}td{height:34px;padding-block:7px}td:before{top:14px}.table-toolbar{padding:12px 20px}.table-footer{padding:10px 20px}.data-benefits{margin:3px 0 12px}.stage-bottom{padding-top:10px}} @media(max-width:1000px){.header nav{gap:20px}.hero{grid-template-columns:1fr 1fr}.hero-content>p{font-size:13px}h1{font-size:48px}.actions{flex-wrap:wrap;gap:20px}.hero-visual{transform:scale(.82);transform-origin:center left;width:120%}.scene-grid{grid-template-columns:.8fr 1.2fr;gap:10px}.scene-copy h2{font-size:32px}.scene-copy p{font-size:12px}.reading-visual{transform:scale(.83);transform-origin:center left;width:120%}.table-heading{gap:30px}.table-heading h2{font-size:28px}td,th{padding-inline:9px;font-size:9px}} @media(max-width:700px){:root{--header:76px}.header{padding:10px 6%}.logo{width:120px}.header nav{display:none}.small{padding:12px 14px;font-size:10px;gap:15px}.hero{padding:115px 6% 70px;grid-template-columns:1fr;gap:20px;min-height:auto}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:clamp(36px,10vw,48px);letter-spacing:-2px;margin:22px 0}.desktop-break{display:none}.hero-content>p{font-size:13px;max-width:100%;line-height:1.8}.actions{gap:20px;margin-top:24px}.button{font-size:11px;padding:15px 17px;gap:25px}.text-link{font-size:11px}.hero-baseline{font-size:8px;gap:15px;margin-top:30px}.hero-visual{transform:none;width:100%;height:400px;margin-top:15px}.hero-docs{margin:0;height:160px}.hero-docs .invoice{width:110px;height:164px;padding:12px}.hero-docs .invoice-provider{font-size:13px}.hero-docs .invoice-field{font-size:5px;padding:3px 0}.hero-docs .invoice-caption{font-size:5px}.hero-docs .invoice-total{font-size:6px;margin-top:8px}.hero-docs .invoice-rule{margin:6px 0}.hero-docs .invoice:nth-child(2){left:33%}.hero-docs .invoice:nth-child(3){left:66%}.hero-docs .pdf-stamp{font-size:6px;padding:3px;bottom:8px}.hero-docs .invoice:after{bottom:10px;height:6px;width:45px}.hero-board{top:176px;width:109%;left:-4%;transform:rotateX(9deg) rotateZ(-3deg)}.board-top{padding:10px;gap:12px;font-size:5px}.brand-mini{font-size:11px}.board-top .status-dot{display:none}.board-side{width:64px;font-size:6px;gap:12px;padding:13px 5px}.side-active{padding:5px 3px}.board-content{padding:12px}.board-title{font-size:10px}.mini-metrics{gap:5px;margin:10px 0}.mini-metrics>div{padding:7px}.mini-metrics small{font-size:4px}.mini-metrics b{font-size:7px}.mini-charts>div{padding:8px}.mini-charts small{font-size:6px}.bars{height:44px;gap:6px}.donut{height:46px;width:46px;margin-top:6px}.donut>span{width:30px;height:30px;font-size:9px}.hero-floating{padding:10px 13px;bottom:0;left:4%;gap:9px}.hero-floating b{font-size:10px}.hero-floating small{font-size:8px}.demo-label{bottom:-20px;font-size:7px}.scroll-cue{bottom:18px;font-size:7px}.visual-orbit{width:350px;height:240px;left:0;top:60px}.journey-title{padding:20px 6%}.journey-title span{font-size:7px;letter-spacing:.8px}.journey-title p{display:none}.scroll-section{height:340svh}.stage{padding:12px 6% 10px}.stage-top{font-size:7px;letter-spacing:.8px;padding-bottom:10px}.scene-grid{display:flex;flex-direction:column;gap:0;justify-content:center;align-items:stretch}.scene-copy{padding-top:12px}.chapter-number{font-size:18px;gap:9px}.chapter-number span{font-size:7px;letter-spacing:1px}.scene-copy h2{font-size:27px;letter-spacing:-1px;line-height:1.12;margin:9px 0 12px}.scene-copy h2 br{display:none}.scene-copy p{font-size:10px;line-height:1.6;max-width:none}.scene-copy p+p{margin-top:6px}.process-labels{margin-top:6px;gap:10px}.process-labels span{font-size:8px;padding:7px 0;margin:0}.reading-visual{height:305px;min-height:305px;width:100%;transform:none;margin-top:12px}.incoming-docs .invoice{width:99px;height:142px;left:calc(1% + var(--i)*33%);top:0;padding:10px}.incoming-docs .invoice-provider{font-size:11px}.incoming-docs .invoice-caption{font-size:5px;margin-top:5px}.incoming-docs .invoice-rule{margin:5px 0}.incoming-docs .invoice-field{font-size:5px;padding:3px 0}.incoming-docs .invoice-total{font-size:6px;margin-top:6px}.incoming-docs .pdf-stamp{font-size:5px;bottom:7px;padding:3px}.incoming-docs .invoice:after{bottom:10px;left:10px;width:37px;height:5px}.processor{top:150px;left:8%;right:5%;padding:9px 12px;gap:8px;border-radius:8px}.processor-logo{width:28px;height:28px;font-size:17px}.processor b{font-size:10px}.processor small{font-size:6px}.data-tokens{top:107px;left:3%;gap:5px}.data-tokens>span{padding:7px 9px;font-size:6px}.data-tokens b{font-size:8px}.route-line{top:201px;height:17px}.destinations{top:221px;gap:5px}.destination{padding:7px 3px;gap:5px;border-radius:6px}.destination svg{width:18px;height:18px}.destination b{font-size:6px}.destination small{display:none}.destination .assigned{font-size:7px;top:3px;right:3px}.reading-result{bottom:0;left:8%;gap:8px}.reading-result .check{width:21px;height:21px;font-size:10px}.reading-result b{font-size:9px}.reading-result small{font-size:7px;margin-top:2px}.scene-demo{bottom:-13px;font-size:6px}.stage-bottom{gap:12px;padding-top:10px}.scene-instruction{font-size:7px;max-width:145px}.progress-track{width:60px}.next-scene{font-size:7px;gap:8px}.next-scene span{font-size:15px}.table-section{height:280svh}.table-heading{display:block;padding:17px 0 12px}.table-heading h2{font-size:25px;letter-spacing:-1px}.table-heading p{font-size:10px;line-height:1.65;margin-top:14px}.table-perspective{padding:8px 0;align-items:center}.data-board{border-radius:9px}.table-toolbar{padding:12px;gap:10px}.table-toolbar>div{padding-left:10px}.table-toolbar b{font-size:9px}.table-toolbar small{font-size:6px}.table-badge{display:none}.table-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8ab7dd #edf3fa}table{min-width:760px}td{height:35px;font-size:9px}th{font-size:8px;padding-block:12px}.table-footer{padding:11px;gap:10px;font-size:7px;align-items:flex-start}.table-footer>span:last-child{max-width:145px;line-height:1.5}.table-footer b{font-size:9px}.data-benefits{font-size:8px;gap:15px;margin:15px 0 20px}.prototype-end{padding:55px 6%;flex-direction:column;align-items:flex-start;gap:30px}.prototype-end h2{font-size:32px}.prototype-end p{font-size:12px}.end-actions{gap:20px}footer{padding:25px 6%;flex-wrap:wrap;gap:18px}footer .logo{width:110px}footer>span{font-size:9px;max-width:160px}footer small{margin-left:0;width:100%;font-size:8px}} @media(max-width:700px) and (max-height:740px){.scene-copy h2{font-size:23px;margin:7px 0}.scene-copy p{font-size:9px;line-height:1.5}.scene-copy p+p{margin-top:4px}.process-labels{margin-top:3px}.reading-visual{height:270px;min-height:270px;transform:scale(.88);transform-origin:top center;margin-bottom:-25px}.scene-grid{justify-content:flex-start}.chapter-number{font-size:15px}.table-heading h2{font-size:22px}.table-heading p{font-size:9px}.table-heading{padding-block:12px}td{height:30px}} @media(prefers-reduced-motion:reduce){.scroll-section{height:auto!important}.stage{position:relative;top:auto;height:auto;min-height:700px}.reading-visual{margin-block:30px}.table-perspective{min-height:350px}.scene-instruction,.progress-track{display:none}.data-board{transform:none!important}.button{transition:none}.scene-grid{padding-block:35px}} /* En ventanas de poca altura se prioriza la lectura completa. */ @media(max-height:650px){.scroll-section{height:auto!important}.stage{position:relative;top:auto;height:auto;min-height:680px;overflow:hidden}.scene-grid{padding-block:30px}.scene-instruction,.progress-track{display:none}.table-perspective{min-height:350px}.data-board{transform:none!important}.stage-bottom{margin-top:20px}.reading-visual{margin-block:20px}.scene-copy{padding-top:0}.stage-top{padding-top:10px}} @media(max-width:700px) and (max-height:650px){.scene-grid{padding-block:15px}.stage{min-height:0}.reading-visual{margin-bottom:10px}.table-heading p{font-size:11px}.scene-copy p{font-size:11px}.scene-copy h2{font-size:27px}.table-perspective{min-height:320px}.stage-bottom{margin:5px 0 10px}} /* Lectura: QuickData procesa y distribuye cada gasto. */ .reading-visual{height:565px} .processor{top:225px;left:12%;right:12%;padding:12px 18px;background:transparent;color:var(--ink);border-radius:0;box-shadow:none;justify-content:center;gap:26px} .process-brand{width:128px;height:auto;mix-blend-mode:multiply} .process-feedback{display:flex;align-items:center;gap:11px;border-left:1px solid #cbdceb;padding-left:23px;min-width:230px} .processor b{font-size:13px;color:#244768}.processor small{font-size:10px;color:#6e849e;line-height:1.5} .process-spinner{width:25px;height:25px;border:2px solid #d2e3f1;border-top-color:#4e98d2;border-right-color:#5ebfc1;border-radius:50%;flex-shrink:0} .processor.complete .process-spinner{border-color:#5ebfc1;background:#e6f5ef;position:relative;transform:none!important}.processor.complete .process-spinner:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#239d6c} .route-line{top:307px;left:0;right:0;height:60px;border:none;transform:none!important}.route-line svg{width:100%;height:100%;overflow:visible}.route-line path{fill:none;stroke:#68adcd;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1} .destinations{top:367px;gap:10px}.destination{padding:15px 7px;gap:8px;min-height:115px;background:#f8fbff}.destination.is-assigned{border-color:#89c8c1;background:#f6fffc;box-shadow:0 8px 20px #52a99b12}.destination b{font-size:10px}.destination small{font-size:8px;line-height:1.4;color:#7f91a7}.destination.is-assigned small{color:#248b70}.assigned-account{font-size:8px;color:#637d97}.destination .assigned{top:9px;right:9px}.reading-result{bottom:15px;left:0;right:0;justify-content:center}.scene-demo{bottom:-4px}.data-tokens{top:184px} @media(min-width:701px) and (max-height:780px){.reading-visual{height:565px;transform:scale(.82);transform-origin:center}} @media(max-width:1000px) and (min-width:701px){.process-feedback{min-width:190px;padding-left:15px}.process-brand{width:108px}.processor{gap:15px}} @media(max-width:700px){.reading-visual{height:350px;min-height:350px}.processor{top:145px;left:0;right:0;padding:8px 5px;gap:14px}.process-brand{width:88px}.process-feedback{min-width:0;gap:8px;padding-left:12px}.processor b{font-size:10px}.processor small{font-size:7px}.process-spinner{width:19px;height:19px}.route-line{top:200px;height:33px;left:0;right:0}.destinations{top:234px;gap:5px}.destination{padding:9px 3px;min-height:73px;gap:5px}.destination b{font-size:7px}.destination small{display:block;font-size:6px}.assigned-account{font-size:6px}.destination .assigned{top:4px;right:4px}.reading-result{bottom:7px}.scene-demo{bottom:-9px}.data-tokens{top:111px}} @media(max-width:700px) and (max-height:740px){.reading-visual{transform:scale(.86);transform-origin:top center;margin-bottom:-40px}} @media(max-height:650px){.reading-visual{margin-bottom:25px}.scene-grid{padding-block:20px}} /* Hero: composición de la plataforma real, con contenido ficticio. */ .hero{grid-template-columns:.82fr 1.28fr;gap:24px;background:radial-gradient(ellipse at 82% 55%,#d9e5f7,transparent 58%),linear-gradient(115deg,#fff,#edf3fc)} .hero h1{font-size:clamp(40px,4.1vw,65px)} .hero-visual{height:570px;perspective:1400px} .hero-docs{margin-left:25%;height:210px;z-index:0} .hero-docs .invoice{width:145px;height:205px;box-shadow:0 6px 0 #e3eaf4,0 11px 0 #eef2f8,0 25px 35px #2b548b16} .hero-docs .invoice:nth-child(1){top:0;left:0;transform:rotate(-15deg)} .hero-docs .invoice:nth-child(2){top:-18px;left:33%;transform:rotate(-6deg)} .hero-docs .invoice:nth-child(3){top:0;left:66%;transform:rotate(9deg)} .hero-platform{position:absolute;top:190px;left:-1%;width:105%;height:360px;transform:rotateX(9deg) rotateY(-8deg) rotateZ(-7deg);transform-style:preserve-3d} .platform-nav{position:absolute;left:0;top:0;width:24%;background:#f9fbff;border:1px solid #d1ddeb;border-radius:10px;box-shadow:0 7px 0 #dbe6f3,0 25px 35px #2e57832b;overflow:hidden;transform:translateZ(20px)} .platform-user{display:flex;gap:8px;align-items:center;background:white;padding:15px 10px;border-bottom:1px solid #e2e8f1}.user-avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e2e8f0;color:#8998ad;font-size:21px}.platform-user b{font-size:9px;display:block}.platform-user small{font-size:7px;color:#7e8a9c;display:block;margin-top:4px}.platform-menu{padding:8px}.platform-menu>span,.platform-menu>small{display:block;font-size:7px;padding:9px 5px;white-space:nowrap}.platform-menu>small{font-weight:650;font-size:6px}.platform-menu .selected{background:#e1e9f2;border-radius:4px}.platform-menu .menu-blue{background:#2469db;color:#fff;border-radius:4px;margin:4px -2px} .consolidated-panel{position:absolute;left:27%;top:13px;width:79%;background:white;border:1px solid #d3dfed;border-radius:11px;padding:0 13px 10px;box-shadow:0 7px 0 #e2eaf4,0 25px 45px #24467325} .platform-top{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #e6edf5;font-size:6px;color:#8796aa;letter-spacing:.6px}.platform-top .brand-mini{font-size:12px}.platform-top small{margin-left:auto;color:#449782;font-size:5px;letter-spacing:0}.platform-panel-title{display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px}.platform-panel-title b{font-size:13px;font-weight:600}.platform-panel-title>span{color:#3a76c8;font-size:5px}.platform-filters{display:flex;gap:9px;margin-bottom:12px}.platform-filters>span{font-size:6px;flex:1;color:#5d7190}.platform-filters b{display:block;padding:8px;margin-top:5px;border:1px solid #dce5ef;border-radius:3px;color:#8a96a7;font-size:6px;font-weight:400}.hero-table>div{display:grid;grid-template-columns:.8fr 1.4fr 1.1fr 1.5fr;border-bottom:1px solid #dce3eb}.hero-table span{padding:9px 5px;border-right:1px solid #e0e6ef;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-table-head{background:#cad6e7;font-weight:650;color:#314766}.hero-table>div:nth-child(odd):not(:first-child){background:#f6f8fc}.platform-scrollbar{height:4px;border-radius:2px;background:linear-gradient(90deg,#b7c3d3 72%,#f1f4f8 72%);margin-top:6px}.platform-table-footer{display:flex;justify-content:space-between;font-size:6px;color:#7890ac;padding-top:10px}.platform-table-footer b{background:#2569da;color:white;padding:3px 6px;border-radius:3px} .floating-finance,.floating-operation{position:absolute;background:#fff;border:1px solid #d9e3f0;border-radius:8px;padding:13px;box-shadow:0 16px 30px #33598122;transform:translateZ(45px)}.floating-finance{right:-9%;top:-13px;width:110px;transform:translateZ(45px) rotate(4deg)}.floating-finance b,.floating-operation b{font-size:10px;font-weight:550}.floating-finance small{font-size:6px;color:#8898ae;display:block;margin-top:4px}.floating-finance .donut{height:57px;width:57px;margin-top:10px}.floating-finance .donut span{height:34px;width:34px}.floating-controls{position:absolute;right:-9%;top:258px;display:flex;flex-direction:column;gap:6px;transform:translateZ(25px)}.floating-controls span{background:#fff;border:1px solid #dbe5f1;border-radius:4px;font-size:8px;padding:8px 12px;box-shadow:0 7px 15px #23496a12}.floating-operation{left:48%;top:328px;width:150px}.floating-operation .bars{height:52px;gap:8px;margin-top:10px}.platform-check{position:absolute;background:#f0fbf9;border:1px solid #dceeea;color:#5aafa4;font-size:18px;border-radius:6px;padding:5px 10px;box-shadow:0 8px 20px #315c8810}.platform-check.one{left:32%;top:355px}.platform-check.two{right:-5%;top:196px}.hero .demo-label{bottom:-65px;right:0}.hero .scroll-cue{bottom:20px}.hero{padding-bottom:125px} @media(min-width:1600px){.hero-platform{top:200px}.hero-visual{height:620px}} @media(min-width:701px) and (max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero-visual{transform:scale(.8);transform-origin:center left;width:112%}.platform-nav{width:25%}.platform-menu>span{font-size:6px}.hero h1{font-size:46px}} @media(max-width:700px){.hero{grid-template-columns:1fr;gap:15px;padding-bottom:70px}.hero h1{font-size:clamp(36px,10vw,48px)}.hero-visual{height:415px;transform:none;width:100%;margin-top:20px}.hero-docs{margin-left:16%;height:140px}.hero-docs .invoice{width:95px;height:150px;padding:10px}.hero-platform{top:153px;left:-2%;width:98%;height:240px;transform:rotateX(7deg) rotateZ(-6deg)}.platform-nav{width:27%}.platform-user{padding:9px 5px;gap:4px}.user-avatar{width:15px;height:15px;font-size:13px}.platform-user b{font-size:6px}.platform-user small{font-size:4px}.platform-menu{padding:4px}.platform-menu>span,.platform-menu>small{font-size:4px;padding:6px 2px}.platform-menu>small{font-size:3.7px}.consolidated-panel{left:30%;width:77%;top:12px;padding:0 6px 7px;border-radius:7px}.platform-top{padding:10px 0;gap:7px;font-size:4px}.platform-top .brand-mini{font-size:8px}.platform-top small{display:none}.platform-panel-title{margin:9px 0}.platform-panel-title b{font-size:8px}.platform-panel-title>span{display:none}.platform-filters{gap:4px;margin-bottom:7px}.platform-filters>span{font-size:4px}.platform-filters b{padding:4px;font-size:4px;margin-top:3px}.hero-table span{font-size:4px;padding:6px 3px}.platform-table-footer{font-size:4px;padding-top:6px}.floating-finance{width:65px;padding:8px;right:-9%;top:-25px}.floating-finance b,.floating-operation b{font-size:6px}.floating-finance small{font-size:4px}.floating-finance .donut{height:34px;width:34px;margin-top:6px}.floating-finance .donut span{height:20px;width:20px}.floating-controls{top:183px;right:-9%;gap:4px}.floating-controls span{font-size:5px;padding:5px 7px}.floating-operation{width:95px;left:41%;top:222px;padding:9px}.floating-operation .bars{height:30px;gap:5px;margin-top:6px}.platform-check{font-size:12px;padding:3px 6px}.platform-check.one{left:20%;top:233px}.platform-check.two{right:-5%;top:138px}.hero .demo-label{bottom:-20px;font-size:6px}} /* Logotipo horizontal oficial de la navegación. */ .header .navbar-logo{width:220px;height:auto;mix-blend-mode:normal;object-fit:contain} @media(max-width:1000px){.header .navbar-logo{width:190px}} @media(max-width:700px){.header .navbar-logo{width:165px}} @media(max-width:360px){.header .navbar-logo{width:145px}} /* Captura: encabezado centrado y escena visual a todo el ancho. */ :is(#lectura,.explore-original) .scene-grid{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;align-items:center;min-height:0} :is(#lectura,.explore-original) .scene-copy{width:100%;max-width:980px;text-align:center;padding-top:8px;flex-shrink:0} :is(#lectura,.explore-original) .chapter-number{justify-content:center;font-size:18px} :is(#lectura,.explore-original) .scene-copy h2{font-size:clamp(28px,2.8vw,43px);margin:10px 0 14px;line-height:1.13} :is(#lectura,.explore-original) .scene-copy h2 br{display:none} :is(#lectura,.explore-original) .scene-copy p{max-width:850px;margin-inline:auto;font-size:12px;line-height:1.65} :is(#lectura,.explore-original) .scene-copy p+p{margin-top:5px} :is(#lectura,.explore-original) .process-labels{justify-content:center;margin-top:8px;gap:23px} :is(#lectura,.explore-original) .process-labels span{margin:0;padding:7px 0} :is(#lectura,.explore-original) .reading-visual{width:min(100%,1000px);height:430px;min-height:430px;transform:none;margin:0;flex-shrink:0} :is(#lectura,.explore-original) .incoming-docs .invoice{left:calc(20% + var(--i)*23%);top:2px;width:126px;height:176px;padding:12px} :is(#lectura,.explore-original) .incoming-docs .invoice-provider{font-size:13px} :is(#lectura,.explore-original) .incoming-docs .invoice-caption{font-size:6px;margin-top:5px} :is(#lectura,.explore-original) .incoming-docs .invoice-rule{margin:6px 0} :is(#lectura,.explore-original) .incoming-docs .invoice-field{font-size:6px;padding:4px 0} :is(#lectura,.explore-original) .incoming-docs .invoice-total{font-size:8px;margin-top:8px} :is(#lectura,.explore-original) .incoming-docs .pdf-stamp{font-size:6px;padding:4px;bottom:9px} :is(#lectura,.explore-original) .incoming-docs .invoice:after{height:7px;width:50px;bottom:12px} :is(#lectura,.explore-original) .processor{top:183px;left:20%;right:20%;padding:8px 12px} :is(#lectura,.explore-original) .process-brand{width:116px} :is(#lectura,.explore-original) .data-tokens{top:137px;left:32%} :is(#lectura,.explore-original) .route-line{top:250px;height:39px;left:8%;right:8%} :is(#lectura,.explore-original) .destinations{top:289px;left:8%;right:8%;gap:14px} :is(#lectura,.explore-original) .destination{min-height:91px;padding:10px;gap:6px} :is(#lectura,.explore-original) .reading-result{bottom:0} :is(#lectura,.explore-original) .scene-demo{bottom:-12px} :is(#lectura,.explore-original) .stage-bottom{margin-top:auto} @media(min-width:701px) and (max-height:850px){:is(#lectura,.explore-original) .scene-copy h2{font-size:29px;margin:6px 0 9px}:is(#lectura,.explore-original) .scene-copy p{font-size:11px;line-height:1.5}:is(#lectura,.explore-original) .scene-copy{padding-top:0}:is(#lectura,.explore-original) .chapter-number{font-size:15px}:is(#lectura,.explore-original) .reading-visual{transform:scale(.83);transform-origin:top center;margin-bottom:-73px}:is(#lectura,.explore-original) .scene-grid{gap:3px}:is(#lectura,.explore-original) .process-labels{margin-top:4px}} @media(max-width:700px){:is(#lectura,.explore-original) .scene-copy{padding-top:8px}:is(#lectura,.explore-original) .scene-copy h2{font-size:27px;margin:9px 0 12px}:is(#lectura,.explore-original) .scene-copy p{font-size:10px;line-height:1.6}:is(#lectura,.explore-original) .chapter-number{font-size:16px}:is(#lectura,.explore-original) .process-labels{gap:20px;margin-top:8px}:is(#lectura,.explore-original) .reading-visual{height:350px;min-height:350px;margin-top:12px}:is(#lectura,.explore-original) .incoming-docs .invoice{left:calc(1% + var(--i)*33%);width:99px;height:142px;padding:10px}:is(#lectura,.explore-original) .incoming-docs .invoice-provider{font-size:11px}:is(#lectura,.explore-original) .incoming-docs .invoice-caption{font-size:5px}:is(#lectura,.explore-original) .incoming-docs .invoice-field{font-size:5px;padding:3px 0}:is(#lectura,.explore-original) .incoming-docs .invoice-total{font-size:6px;margin-top:6px}:is(#lectura,.explore-original) .processor{top:145px;left:0;right:0;padding:8px 5px}:is(#lectura,.explore-original) .process-brand{width:88px}:is(#lectura,.explore-original) .data-tokens{top:107px;left:3%}:is(#lectura,.explore-original) .route-line{top:200px;height:33px;left:0;right:0}:is(#lectura,.explore-original) .destinations{top:234px;left:0;right:0;gap:5px}:is(#lectura,.explore-original) .destination{min-height:73px;padding:9px 3px;gap:5px}:is(#lectura,.explore-original) .reading-result{bottom:7px}} @media(max-width:700px) and (max-height:740px){:is(#lectura,.explore-original) .reading-visual{transform:scale(.85);transform-origin:top center;margin-bottom:-52px}:is(#lectura,.explore-original) .scene-copy h2{font-size:24px}:is(#lectura,.explore-original) .scene-copy p{font-size:9px}} @media(max-height:650px){:is(#lectura,.explore-original) .scene-grid{padding-block:15px}:is(#lectura,.explore-original) .reading-visual{transform:none;margin-bottom:22px}:is(#lectura,.explore-original) .stage-bottom{margin-top:20px}} /* Captura: mensaje sin numeración y tipografía legible. */ :is(#lectura,.explore-original) .scene-copy{max-width:1100px} :is(#lectura,.explore-original) .scene-copy h2{font-size:clamp(30px,2.8vw,44px);margin:10px 0 18px} :is(#lectura,.explore-original) .scene-copy p{font-size:16px;line-height:1.65;max-width:1050px;color:#4b607c} :is(#lectura,.explore-original) .scene-copy p+p{margin-top:8px} :is(#lectura,.explore-original) .processor b{font-size:16px} :is(#lectura,.explore-original) .processor small{font-size:12px} :is(#lectura,.explore-original) .process-feedback{min-width:285px} :is(#lectura,.explore-original) .destination b{font-size:14px} :is(#lectura,.explore-original) .destination small{font-size:11px} :is(#lectura,.explore-original) .assigned-account{font-size:10px} :is(#lectura,.explore-original) .destination{min-height:105px} :is(#lectura,.explore-original) .reading-result b{font-size:14px} :is(#lectura,.explore-original) .reading-result small{font-size:12px} :is(#lectura,.explore-original) .reading-visual{height:455px;min-height:455px} :is(#lectura,.explore-original) .scene-demo{font-size:10px} @media(min-width:701px) and (max-height:850px){:is(#lectura,.explore-original) .scene-copy h2{font-size:32px;margin:5px 0 12px}:is(#lectura,.explore-original) .scene-copy p{font-size:15px;line-height:1.5}:is(#lectura,.explore-original) .reading-visual{transform:scale(.9);margin-bottom:-45px}} @media(max-width:700px){:is(#lectura,.explore-original) .scene-copy h2{font-size:28px}:is(#lectura,.explore-original) .scene-copy p{font-size:13px;line-height:1.55}:is(#lectura,.explore-original) .processor b{font-size:12px}:is(#lectura,.explore-original) .processor small{font-size:10px}:is(#lectura,.explore-original) .process-feedback{min-width:0}:is(#lectura,.explore-original) .destination b{font-size:9px}:is(#lectura,.explore-original) .destination small{font-size:8px}:is(#lectura,.explore-original) .assigned-account{font-size:8px}:is(#lectura,.explore-original) .destination{min-height:87px}:is(#lectura,.explore-original) .reading-result b{font-size:11px}:is(#lectura,.explore-original) .reading-result small{font-size:9px}:is(#lectura,.explore-original) .reading-visual{height:375px;min-height:375px}:is(#lectura,.explore-original) .scene-demo{font-size:8px}} @media(max-height:650px){:is(#lectura,.explore-original) .reading-visual{transform:none;margin-bottom:22px}} /* Procesamiento masivo y transformación del municipio en centros de costo. */ :is(#lectura,.explore-original) .incoming-docs .invoice{left:calc(2% + var(--i)*16%);width:136px;height:180px} :is(#lectura,.explore-original) .incoming-docs .invoice:nth-child(4) .invoice-provider{color:#347ac1} :is(#lectura,.explore-original) .incoming-docs .invoice:nth-child(5) .invoice-provider{color:#7765b3} :is(#lectura,.explore-original) .incoming-docs .invoice:nth-child(6) .invoice-provider{color:#27978e} :is(#lectura,.explore-original) .processor{top:183px;left:20%;right:20%;gap:15px;background:#ffffffd9;border:1px solid #d2e2f1;border-radius:18px;box-shadow:0 12px 35px #284c7810!important;padding:13px 22px} .municipal-loader{position:relative;width:58px;height:58px;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(circle,#a9e2ef,#e7f6ff 72%);border-radius:50%} .loader-ring{position:absolute;inset:0;border:2px solid #c7e7f3;border-top-color:#4e98d2;border-right-color:#5ebfc1;border-radius:50%} .loader-cube{width:29px;height:34px;border:6px solid #5ebfc1;border-bottom-color:#4e98d2;clip-path:polygon(12% 10%,100% 0,90% 91%,0 100%);background:#f1fbff} :is(#lectura,.explore-original) .process-feedback{border:0;padding:0;min-width:0} :is(#lectura,.explore-original) .process-spinner{display:none} :is(#lectura,.explore-original) .processor.complete .municipal-loader{background:#e4f7f0} :is(#lectura,.explore-original) .processor.complete .loader-ring{border-color:#68bca6} :is(#lectura,.explore-original) .route-line{top:271px;height:25px} :is(#lectura,.explore-original) .destinations{top:299px} .municipality{position:absolute;top:288px;left:8%;right:8%;text-align:center;will-change:transform,opacity;pointer-events:none} .municipality svg{width:100%;height:80px;display:block;overflow:visible}.city-buildings{fill:#e6f1fc;stroke:#619ac6;stroke-width:2;stroke-linejoin:round}.city-ground{fill:none;stroke:#96c1dd;stroke-width:2} .municipality>div{margin-top:9px}.municipality b{display:block;font-size:15px;color:#315b81;font-weight:600}.municipality span{display:block;font-size:11px;margin-top:5px;color:#758ba4} :is(#lectura,.explore-original) .reading-visual{height:480px;min-height:480px} @media(min-width:701px) and (max-height:850px){:is(#lectura,.explore-original) .reading-visual{margin-bottom:-48px}} @media(max-width:700px){:is(#lectura,.explore-original) .incoming-docs .invoice{left:calc(1% + var(--i)*16%);width:86px;height:137px;padding:8px;top:calc(mod(var(--i),2)*12px)}:is(#lectura,.explore-original) .incoming-docs .invoice-provider{font-size:9px}:is(#lectura,.explore-original) .incoming-docs .invoice-field{font-size:4px}:is(#lectura,.explore-original) .processor{top:149px;left:5%;right:5%;padding:9px 12px;gap:10px;border-radius:12px}.municipal-loader{height:40px;width:40px}.loader-cube{width:22px;height:26px;border-width:4px}:is(#lectura,.explore-original) .route-line{top:210px;height:26px}:is(#lectura,.explore-original) .destinations{top:245px}.municipality{top:239px;left:0;right:0}.municipality svg{height:57px}.municipality b{font-size:12px}.municipality span{font-size:9px}:is(#lectura,.explore-original) .reading-visual{height:390px;min-height:390px}:is(#lectura,.explore-original) .reading-result{bottom:8px}} @media(max-height:650px){:is(#lectura,.explore-original) .reading-visual{margin-bottom:22px}} /* Más aire entre mensaje, documentos y procesamiento. */ :is(#lectura,.explore-original) .scene-grid{gap:24px} :is(#lectura,.explore-original) .reading-visual{height:520px;min-height:520px} :is(#lectura,.explore-original) .incoming-docs .invoice{top:14px} :is(#lectura,.explore-original) .processor{top:234px;padding:16px 22px 25px;overflow:hidden;will-change:transform} .processing-percent{font-size:16px;font-weight:650;color:#327bad;margin-left:auto;font-variant-numeric:tabular-nums} .processing-track{position:absolute;bottom:0;left:0;right:0;height:6px;background:#e4edf6} .processing-track>div{height:100%;background:linear-gradient(90deg,#4e98d2,#5ebfc1);transform:scaleX(0);transform-origin:left} :is(#lectura,.explore-original) .processor.complete{border-color:#83c6bc;background:#f7fffc} :is(#lectura,.explore-original) .processor.complete .processing-percent{color:#248b70} :is(#lectura,.explore-original) .data-tokens{top:190px} :is(#lectura,.explore-original) .route-line{top:330px;height:28px} :is(#lectura,.explore-original) .municipality{top:354px} :is(#lectura,.explore-original) .destinations{top:363px;will-change:transform} :is(#lectura,.explore-original) .reading-result{bottom:13px} @media(min-width:701px) and (max-height:850px){:is(#lectura,.explore-original) .scene-grid{gap:20px}:is(#lectura,.explore-original) .reading-visual{transform:scale(.83);transform-origin:top center;margin-bottom:-88px}} @media(max-width:700px){:is(#lectura,.explore-original) .scene-grid{gap:18px}:is(#lectura,.explore-original) .reading-visual{height:425px;min-height:425px;margin-top:5px}:is(#lectura,.explore-original) .incoming-docs .invoice{top:10px}:is(#lectura,.explore-original) .processor{top:179px;padding:12px 12px 20px;gap:8px}:is(#lectura,.explore-original) .processing-percent{font-size:12px}:is(#lectura,.explore-original) .data-tokens{top:139px}:is(#lectura,.explore-original) .route-line{top:253px;height:25px}:is(#lectura,.explore-original) .municipality{top:277px}:is(#lectura,.explore-original) .destinations{top:284px}:is(#lectura,.explore-original) .reading-result{bottom:10px}} @media(max-width:700px) and (max-height:740px){:is(#lectura,.explore-original) .reading-visual{transform:scale(.85);transform-origin:top center;margin-bottom:-64px}} @media(max-height:650px){:is(#lectura,.explore-original) .reading-visual{transform:none;margin-bottom:22px}} /* Consolidados: identidad de la interfaz real. Controles ilustrativos. */ #datos .data-board{border-radius:8px;background:#fff;border:1px solid #d4ddea;box-shadow:0 22px 50px #264b8120,0 4px 0 #dce5f1;color:#263b5c} .consolidated-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 18px 13px}.consolidated-heading h3{font-size:20px;color:#132851;letter-spacing:-.5px;font-weight:650}.consolidated-tabs{display:flex;align-self:flex-start;font-size:12px;color:#0960ed}.consolidated-tabs span{padding:12px 16px;border-bottom:1px solid #d5e1f5}.consolidated-tabs .active{background:#e5e8ef;border-bottom:2px solid #0960ff;font-weight:600}.filters-caption{font-size:10px;color:#536a92} .consolidated-filters{display:grid;grid-template-columns:1.2fr 1fr 1.15fr .9fr 1fr 1fr;gap:12px;padding:13px 18px 22px;align-items:end}.consolidated-filters>div>span{display:block;font-size:10px;font-weight:600;color:#536990;margin-bottom:7px}.filter-example{height:48px;border:1px solid #d4deef;border-radius:4px;padding:16px 13px;font-size:10px;color:#7b818a;display:flex;justify-content:space-between}.filter-example i{font-style:normal;color:#9aabc0}.filter-example.muted{background:#eeeeef}.consolidated-filters .report-examples{display:flex;flex-direction:column;gap:6px}.consolidated-filters .report-examples span{font-size:10px;border:1px solid #9dbbe5;padding:7px 8px;margin:0;color:#246de5;font-weight:400;border-radius:2px}.consolidated-filters .report-examples span:first-child{border-color:#c2c8d2;color:#7b818b} .consolidated-band{background:#cbd6e8;border-top:5px solid #edf0f5;text-align:center;padding:7px;font-size:15px;color:#244567}.consolidated-tools{display:flex;gap:20px;align-items:center;padding:10px 12px;font-size:10px;color:#56606c}.view-example{padding:8px 10px;border:1px solid #b9bdc3;background:linear-gradient(#fff,#ececec);border-radius:2px;color:#333}.consolidated-tools b{padding:3px 6px;border:1px solid #a9afb9;font-weight:400;background:#fff}.period-example{padding:7px 10px;background:#eef4ff;color:#203d6c;border-radius:20px;font-weight:600}.search-example{margin-left:auto;display:flex;align-items:center;gap:12px}.search-example i{width:130px;padding:7px 10px;border:1px solid #d3d7df;text-align:right;font-size:17px;color:#929aa6;font-style:normal;border-radius:3px} #datos .table-scroll{padding:0 10px}#datos table{font-family:Arial,Inter,sans-serif;font-size:12px}#datos th{background:#cbd6e8;color:#353d48;border:1px solid #dfe3e8;border-bottom:1px solid #728094;padding:13px 10px;font-size:11px;position:relative}#datos th:after{content:'⌃⌄';font-size:9px;color:#8e9bae;position:absolute;right:4px;top:14px;letter-spacing:-2px}#datos td{height:40px;padding:10px;border:1px solid #dedfe2;color:#273d5d;font-size:11px;font-weight:400;background:#fff}#datos td:first-child{color:#273d5d;font-weight:400}#datos tr:nth-child(even){background:#fff}#datos td:before{background:#e8edf3;top:17px;left:10px}#datos .table-footer{padding:13px 15px;font-size:10px;border-top:5px solid #e3e7ed}#datos .table-footer b{font-size:12px}#datos .table-heading{padding:14px 0 18px}#datos .table-perspective{padding:0 0 10px}#datos .data-benefits{margin:5px 0 12px} @media(min-width:701px) and (max-height:850px){#datos .table-heading h2{font-size:27px}#datos .table-heading p{font-size:11px}#datos .table-heading{padding:8px 0 12px}.consolidated-heading{padding:10px 14px 6px}.consolidated-heading h3{font-size:17px}.consolidated-tabs span{padding:8px 12px}.consolidated-filters{padding:7px 14px 13px}.filter-example{height:37px;padding:11px}.consolidated-tools{padding:6px 10px}.consolidated-band{padding:5px;font-size:13px}#datos td{height:31px;padding:7px 10px}#datos th{padding:10px}#datos td:before{top:13px}#datos .table-footer{padding:9px 12px}} @media(max-width:700px){.consolidated-heading{padding:13px 10px 8px;flex-wrap:wrap;gap:6px}.consolidated-heading h3{font-size:16px}.consolidated-tabs{font-size:9px}.consolidated-tabs span{padding:8px}.filters-caption{display:none}.consolidated-filters{grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px 12px}.consolidated-filters>div:nth-child(n+3){display:none}.consolidated-filters>div>span{font-size:9px;margin-bottom:4px}.filter-example{height:33px;padding:10px;font-size:9px}.consolidated-band{font-size:12px;padding:6px}.consolidated-tools{font-size:8px;gap:8px;padding:8px}.view-example{padding:6px}.consolidated-tools>span:nth-child(2),.search-example{display:none}.period-example{padding:6px 8px}#datos .table-scroll{padding:0 6px}#datos td{font-size:10px;height:34px}#datos th{font-size:10px;padding:11px}#datos .table-footer{font-size:8px;padding:10px}#datos .table-heading{padding:12px 0}#datos .table-heading h2{font-size:23px}#datos .table-heading p{font-size:10px;margin-top:10px}#datos .data-benefits{margin:8px 0}} @media(max-height:650px){#datos .table-perspective{flex:none;margin:18px 0}#datos .stage{padding-bottom:25px}} /* Datos: encabezado centrado y espacio propio para la tabla. */ #datos .table-heading{display:block;text-align:center;flex-shrink:0;width:100%;max-width:1100px;margin:0 auto;padding:8px 0 0;position:relative;z-index:2} #datos .table-heading .chapter-number{justify-content:center;font-size:18px} #datos .table-heading h2{font-size:clamp(30px,2.8vw,44px);line-height:1.13;margin:10px 0 18px;letter-spacing:-1.8px} #datos .table-heading p{font-size:16px;line-height:1.65;max-width:1050px;margin:0 auto;color:#4b607c} #datos .table-perspective{flex:0 0 auto;min-height:0;width:100%;margin:42px auto 0;padding:0 0 12px;align-items:flex-start} #datos .data-board{transform-origin:center top} #datos .data-benefits{flex-shrink:0;margin:16px 0} #datos .stage-bottom{flex-shrink:0;margin-top:auto} @media(min-width:701px) and (max-height:850px){#datos .table-heading h2{font-size:32px;margin:5px 0 12px}#datos .table-heading p{font-size:15px;line-height:1.5}#datos .table-heading .chapter-number{font-size:15px}#datos .table-perspective{margin-top:35px}#datos .data-benefits{margin:10px 0}} @media(max-width:700px){#datos .table-heading h2{font-size:28px}#datos .table-heading p{font-size:13px;line-height:1.55}#datos .table-heading .chapter-number{font-size:16px}#datos .table-perspective{margin-top:28px}#datos .table-heading{padding-top:8px}} @media(min-width:701px) and (min-height:651px) and (max-height:850px){#datos .data-board{zoom:.8}#datos .table-perspective{margin-top:30px}#datos .table-heading .chapter-number{display:none}#datos .table-heading h2 br{display:none}#datos .data-benefits{margin:8px 0}#datos .stage-bottom{display:none}} @media(max-width:700px) and (min-height:651px){#datos .table-heading .chapter-number{display:none}#datos .data-board{zoom:.85}#datos .stage-bottom{display:none}} @media(max-height:650px){#datos .table-perspective{margin-top:35px}#datos .stage{padding-bottom:28px}} /* Finanzas: composición inspirada en el tablero real, con datos de demostración. */ #analisis{height:340svh;background:radial-gradient(ellipse at 70% 60%,#dde8fc,transparent 65%),#f5f8fc} #analisis .stage{padding-top:22px;gap:28px} .analysis-heading{text-align:center;max-width:1100px;margin:0 auto;flex-shrink:0} .analysis-heading h2{font-size:clamp(30px,2.8vw,44px);line-height:1.13;letter-spacing:-1.8px;margin:4px 0 18px} .analysis-heading h2 span{color:#4e98d2} .analysis-heading p{font-size:16px;line-height:1.65;color:#4b607c;margin:0 auto;max-width:1050px} .finance-board{width:100%;max-width:1450px;margin:0 auto;border:1px solid #dce4f2;border-radius:16px;background:#fff;box-shadow:0 22px 60px #294d7e20;overflow:hidden;flex-shrink:0;color:#172c52;transform-origin:top center} .finance-nav{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;border-bottom:1px solid #e7edf7;gap:25px} .finance-nav img{width:130px;height:auto}.finance-nav>div{display:flex;gap:24px;font-size:10px;font-weight:700}.finance-nav span{padding:8px 0}.finance-nav .active{color:#0864ff;border-bottom:2px solid} .finance-body{padding:18px;background:linear-gradient(115deg,#edf4ff,#f3f0fa)} .finance-toolbar{display:flex;align-items:center;gap:28px;margin-bottom:16px}.finance-toolbar h3{font-size:24px;margin:0 0 4px;letter-spacing:-.8px}.finance-toolbar small{font-size:11px;color:#5b7091} .finance-filters{display:grid;grid-template-columns:.8fr .55fr 1.4fr 1.4fr 1.4fr;gap:9px;flex:1}.finance-filters>span{background:#fff;border:1px solid #e3eaf6;border-radius:9px;padding:8px 12px;font-size:9px;color:#627494}.finance-filters b{display:block;font-size:10px;color:#18325c;margin-top:6px} .finance-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}.finance-kpis>div{background:white;border:1px solid #e3eaf6;border-radius:12px;padding:17px 10px;display:flex;align-items:center;gap:10px}.finance-kpis i{font-style:normal;background:linear-gradient(135deg,#075eff,#4e98d2);color:white;border-radius:50%;display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;font-size:20px}.finance-kpis>div:nth-child(3) i{background:#26b28a}.finance-kpis>div:nth-child(4) i,.finance-kpis>div:nth-child(6) i{background:#7854dc}.finance-kpis small{font-size:9px;display:block;min-height:24px}.finance-kpis b{display:block;font-size:20px;letter-spacing:-.5px;white-space:nowrap;font-variant-numeric:tabular-nums}.finance-kpis em{display:block;font-size:9px;font-style:normal;color:#627494;margin-top:8px} .finance-charts{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.finance-card{background:white;border:1px solid #e3eaf6;border-radius:12px;padding:17px}.finance-card h4{font-size:12px;margin:0 0 12px}.finance-card h4 small{font-weight:400;color:#7585a0;font-size:10px;margin-left:5px} .finance-evolution>svg{display:block;width:100%;height:170px}.finance-grid path{stroke:#e9eff7;fill:none}.finance-grid text,.finance-axis text{font-size:11px;fill:#72839e}.finance-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.finance-line.previous{stroke:#26b28a}.finance-line.current{stroke:#7854dc}.finance-points{fill:#7854dc;stroke:white;stroke-width:2} .finance-legend{display:flex;justify-content:center;gap:22px;font-size:10px;margin-bottom:3px}.finance-legend span:before,.finance-distribution-legend i{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--series);margin-right:7px} .finance-distribution{display:flex;align-items:center;gap:20px;min-height:180px}.finance-ring{width:160px;position:relative;flex-shrink:0}.finance-ring svg{display:block;width:100%}.finance-ring circle{fill:none;stroke-width:17}.ring-base{stroke:#edf2f9}.finance-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.finance-ring small{font-size:10px;color:#72839e}.finance-ring b{font-size:19px}.finance-distribution-legend{flex:1}.finance-distribution-legend>div{display:flex;align-items:center;font-size:11px;margin:12px 0;gap:4px}.finance-distribution-legend b{margin-left:auto;font-size:11px} .finance-rankings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.finance-rank-row{display:grid;grid-template-columns:1.4fr 1fr 38px;align-items:center;gap:10px;margin:10px 0;font-size:10px}.finance-bar{height:6px;background:#edf2f9;border-radius:8px;overflow:hidden}.finance-bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#1264ff,#4e98d2);transform:scaleX(0);transform-origin:left}.finance-rank-row b{text-align:right;font-size:10px}.finance-note{display:flex;justify-content:space-between;margin-top:12px;color:#7585a0;font-size:9px} @media(min-width:701px) and (max-height:900px){#analisis .stage{gap:20px;padding-top:16px}.analysis-heading h2{font-size:32px;margin-bottom:12px}.analysis-heading p{font-size:15px;line-height:1.5}.finance-board{zoom:.82}} @media(min-width:701px) and (max-height:760px){.finance-board{zoom:.7}#analisis .stage{gap:16px}.analysis-heading p{font-size:14px}.analysis-heading h2{font-size:30px}} @media(max-width:1050px){.finance-nav>div{gap:12px;font-size:8px}.finance-kpis>div{padding:12px 8px}.finance-kpis i{display:none}.finance-kpis b{font-size:18px}.finance-ring{width:125px}.finance-distribution{gap:10px}} @media(max-width:700px){#analisis{height:auto}#analisis .stage{position:relative;top:auto;height:auto;overflow:visible;padding:35px 6%;gap:28px}.analysis-heading h2{font-size:28px;letter-spacing:-1px}.analysis-heading p{font-size:13px;line-height:1.55}.finance-board{zoom:1;border-radius:12px}.finance-nav{padding:13px}.finance-nav img{width:105px}.finance-nav>div span:not(.active){display:none}.finance-body{padding:12px}.finance-toolbar{display:block}.finance-toolbar h3{font-size:22px}.finance-filters{margin-top:14px;grid-template-columns:1fr 1fr}.finance-filters>span:nth-child(n+3){display:none}.finance-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.finance-kpis>div{padding:12px}.finance-kpis small{font-size:10px;min-height:auto;margin-bottom:7px}.finance-kpis b{font-size:22px}.finance-kpis em{font-size:9px}.finance-charts,.finance-rankings{grid-template-columns:1fr}.finance-card{padding:13px}.finance-evolution>svg{height:auto}.finance-distribution{min-height:170px}.finance-ring{width:140px}.finance-rank-row{font-size:11px;margin:13px 0}.finance-note{gap:15px;line-height:1.5}} @media(prefers-reduced-motion:reduce),(max-height:650px){#analisis{height:auto}#analisis .stage{position:relative;top:auto;height:auto;overflow:visible;padding-block:35px}.finance-board{zoom:1}} /* Intelligence Contract: video y explicación, sin escena fijada al scroll. */ #intelligence-contract.ic-video-section{height:auto;padding:100px 5%;background:radial-gradient(ellipse at 15% 50%,#ddeafa,transparent 65%),#f5f8fc;scroll-margin-top:var(--header)} .ic-video-layout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(35px,5vw,85px)} .ic-video-frame{overflow:hidden;border:1px solid #dce5f0;border-radius:18px;background:#eaf0f8;box-shadow:0 25px 65px #253c7020} .ic-video-frame video{display:block;width:100%;height:auto} .ic-video-copy .eyebrow{color:#4e98d2;font-size:11px;letter-spacing:1.8px} .ic-video-copy h2{font-size:clamp(30px,2.8vw,44px);line-height:1.14;letter-spacing:-1.6px;margin:18px 0 22px} .ic-video-copy h2 span{color:#4e98d2} .ic-video-copy p,.ic-video-copy li{font-size:16px;line-height:1.7;color:#4b607c} .ic-video-copy ul{list-style:none;padding:0;margin:26px 0} .ic-video-copy li{position:relative;padding-left:22px;margin:18px 0} .ic-video-copy li:before{content:'';position:absolute;left:0;top:10px;width:7px;height:7px;background:#5ebfc1;border-radius:50%} .ic-video-copy strong{color:#172d50} .ic-video-copy .ic-video-closing{border-top:1px solid #dce5f0;padding-top:20px;color:#244a70;margin-bottom:0} @media(max-width:1000px){.ic-video-layout{gap:30px;grid-template-columns:1.1fr 1fr}.ic-video-copy p,.ic-video-copy li{font-size:14px}} @media(max-width:760px){#intelligence-contract.ic-video-section{padding:55px 6%}.ic-video-layout{grid-template-columns:1fr;gap:30px}.ic-video-copy h2{font-size:30px}.ic-video-frame{border-radius:12px}.ic-video-copy p,.ic-video-copy li{font-size:15px}} /* Encabezado común; video y explicación alineados. */ #intelligence-contract.ic-video-section{padding-block:70px} .ic-video-heading{max-width:1150px;margin:0 auto 40px;text-align:center} .ic-video-heading .eyebrow{color:#4e98d2;font-size:11px;letter-spacing:1.8px} .ic-video-heading h2{font-size:clamp(30px,2.8vw,44px);line-height:1.14;letter-spacing:-1.6px;margin:15px 0 18px} .ic-video-heading h2 span{color:#4e98d2} .ic-video-heading p{font-size:16px;line-height:1.65;color:#4b607c;max-width:1000px;margin:0 auto} .ic-video-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:clamp(30px,4vw,65px)} .ic-video-frame{align-self:center} .ic-video-copy{display:flex;align-items:stretch} .ic-video-copy ul{display:flex;flex-direction:column;justify-content:space-evenly;gap:18px;margin:0;width:100%} .ic-video-copy li{margin:0;font-size:16px;line-height:1.65} @media(max-width:1100px){.ic-video-copy li{font-size:14px;line-height:1.55}.ic-video-copy ul{gap:14px}} @media(max-width:760px){#intelligence-contract.ic-video-section{padding-block:50px}.ic-video-heading{margin-bottom:28px}.ic-video-heading h2{font-size:30px}.ic-video-heading p{font-size:14px}.ic-video-layout{grid-template-columns:1fr;gap:28px}.ic-video-copy li{font-size:15px}.ic-video-copy ul{gap:20px}} /* IC: inicio más compacto, sin etiqueta superior. */ #intelligence-contract.ic-video-section{padding-top:30px} .ic-video-heading h2{margin-top:0} /* Eficiencia energética: explicación y captura real ampliable. */ .energy-section{padding:85px 5% 50px;background:linear-gradient(135deg,#f7fafc,#edf5fa);scroll-margin-top:var(--header)} .energy-layout{max-width:1650px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);align-items:center;gap:clamp(30px,4vw,65px)} .energy-copy .eyebrow{color:#318e9c;font-size:11px;letter-spacing:1.8px} .energy-copy h2{font-size:clamp(30px,2.8vw,44px);line-height:1.14;letter-spacing:-1.6px;margin:18px 0 22px} .energy-copy h2 span{color:#4e98d2} .energy-copy p,.energy-copy li{font-size:16px;line-height:1.65;color:#4b607c} .energy-copy ul{list-style:none;padding:0;margin:24px 0 0} .energy-copy li{position:relative;padding-left:22px;margin:18px 0} .energy-copy li:before{content:'';position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:#5ebfc1} .energy-copy strong{color:#172d50} .energy-figure{margin:0;min-width:0} .energy-figure>a{display:block;border:1px solid #dce5f0;border-radius:15px;overflow:hidden;box-shadow:0 22px 60px #253c7020;background:#fff;cursor:zoom-in} .energy-figure img{display:block;width:100%;height:auto} .energy-figure figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:15px;font-size:11px;color:#72839e;line-height:1.5} .energy-figure figcaption a{color:#3279b8;white-space:nowrap} .energy-bridge{max-width:1650px;margin:45px auto 0;padding-top:24px;border-top:1px solid #dce5f0;text-align:center;font-size:14px;line-height:1.7;color:#4b607c} .energy-bridge a{color:#277aa9;text-decoration:none} .energy-bridge a:hover{text-decoration:underline} @media(max-width:1100px){.energy-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:30px}.energy-copy p,.energy-copy li{font-size:14px}} @media(max-width:760px){.energy-section{padding:55px 6% 35px}.energy-layout{grid-template-columns:1fr;gap:25px}.energy-copy h2{font-size:30px}.energy-copy p,.energy-copy li{font-size:15px}.energy-figure figcaption{flex-direction:column;gap:8px}.energy-bridge{margin-top:30px;font-size:13px}} /* Eficiencia: contraste de marca y separación visual del recorrido. */ .energy-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 88% 30%,#245f7b80,transparent 52%),radial-gradient(ellipse at 8% 100%,#25467a70,transparent 55%),#0c1d34;padding-block:85px 40px} .energy-section:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#8cbddb08 1px,transparent 1px),linear-gradient(90deg,#8cbddb08 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)} .energy-copy .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#83d9d7;letter-spacing:2px} .energy-copy .eyebrow:before{content:'';height:7px;width:7px;border-radius:50%;background:#68d0cd;box-shadow:0 0 18px #68d0cd80} .energy-copy h2{color:#f6f9ff} .energy-copy h2 span{color:#75cbd4} .energy-copy p,.energy-copy li{color:#c0cfe2} .energy-copy strong{display:block;color:#f3f7ff;margin-bottom:4px;font-weight:600} .energy-copy ul{display:grid;gap:12px} .energy-copy li{padding:15px 18px 15px 35px;margin:0;background:#ffffff05;border:1px solid #a9c9ed18;border-radius:12px;font-size:14px;line-height:1.6} .energy-copy li:before{left:16px;top:23px;background:#6bd0c8;box-shadow:0 0 12px #6bd0c830} .energy-figure{padding:14px;background:linear-gradient(140deg,#ffffff20,#ffffff08);border:1px solid #bbd5eb30;border-radius:24px;box-shadow:0 30px 70px #00000035;position:relative} .energy-figure:before{content:'QUICKDATA / VISIÓN ENERGÉTICA';display:block;padding:3px 6px 15px;color:#bbd5e8;font-size:10px;letter-spacing:1.8px} .energy-figure>a{border-color:#dce5f060;border-radius:12px;box-shadow:0 12px 35px #00000020} .energy-figure figcaption{color:#bdccde;padding-inline:6px;font-size:11px} .energy-figure figcaption a{color:#a2e6e2;font-weight:600} .energy-figure a:focus-visible,.energy-bridge a:focus-visible{outline:2px solid #85e5df;outline-offset:5px} .energy-bridge{border-top-color:#b7d0ef26;color:#b8cbe0;padding-top:25px;margin-top:40px} .energy-bridge a{color:#91dcd9} @media(max-width:760px){.energy-section{padding-block:55px 30px}.energy-figure{padding:9px;border-radius:17px}.energy-figure:before{font-size:8px;padding-bottom:12px;letter-spacing:1.2px}.energy-copy li{font-size:14px}.energy-bridge{margin-top:28px}} /* Finanzas: sección fluida, tablero a todo el ancho y animación de entrada. */ #analisis.analysis-section{height:auto;scroll-margin-top:var(--header);background:radial-gradient(ellipse at 90% 20%,#dce8fc,transparent 60%),#f2f6fc} #analisis .stage{position:relative;top:auto;height:auto;min-height:0;overflow:visible;padding:65px clamp(20px,3vw,65px) 75px;gap:34px} #analisis .analysis-heading{max-width:1250px} #analisis .analysis-heading h2{font-size:clamp(30px,2.8vw,44px);margin:0 0 18px} #analisis .analysis-heading p{font-size:16px;line-height:1.65;max-width:1150px} #analisis .finance-board{zoom:1;max-width:none;border-radius:20px;box-shadow:0 24px 60px #294d7e20} #analisis .finance-nav{padding:18px 24px} #analisis .finance-nav img{width:160px} #analisis .finance-nav>div{font-size:11px;gap:26px} #analisis .finance-body{padding:22px} #analisis .finance-toolbar{margin-bottom:20px} #analisis .finance-toolbar h3{font-size:28px} #analisis .finance-toolbar small{font-size:12px} #analisis .finance-filters>span{font-size:11px;padding:11px 14px} #analisis .finance-filters b{font-size:12px} #analisis .finance-kpis{gap:14px;margin-bottom:18px} #analisis .finance-kpis>div{padding:22px 14px;gap:12px} #analisis .finance-kpis small{font-size:11px;min-height:28px} #analisis .finance-kpis b{font-size:clamp(21px,1.7vw,29px)} #analisis .finance-kpis em{font-size:10px} #analisis .finance-card{padding:22px} #analisis .finance-card h4{font-size:15px} #analisis .finance-card h4 small{font-size:11px} #analisis .finance-evolution>svg{height:auto;max-height:280px} #analisis .finance-legend{font-size:12px;margin-block:12px} #analisis .finance-distribution{min-height:240px;gap:30px} #analisis .finance-ring{width:clamp(150px,13vw,215px)} #analisis .finance-ring b{font-size:23px} #analisis .finance-distribution-legend>div{font-size:13px;margin:20px 0} #analisis .finance-distribution-legend b{font-size:13px} #analisis .finance-rankings{margin-top:18px} #analisis .finance-rank-row{font-size:12px;margin:17px 0} #analisis .finance-rank-row b{font-size:12px} #analisis .finance-note{font-size:11px;margin-top:17px} @media(max-width:1200px){ #analisis .finance-kpis{grid-template-columns:repeat(3,1fr)} #analisis .finance-kpis i{display:grid} #analisis .finance-distribution{gap:14px} #analisis .finance-ring{width:145px} #analisis .finance-filters>span:nth-child(n+4){display:none} #analisis .finance-filters{grid-template-columns:1fr .7fr 1.4fr} } @media(max-width:760px){ #analisis .stage{padding:45px 6%;gap:25px} #analisis .analysis-heading h2{font-size:28px} #analisis .analysis-heading p{font-size:14px} #analisis .finance-nav{padding:13px} #analisis .finance-nav img{width:110px} #analisis .finance-nav>div span:not(.active){display:none} #analisis .finance-body{padding:12px} #analisis .finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #analisis .finance-kpis>div{padding:14px 10px} #analisis .finance-kpis i{display:none} #analisis .finance-kpis b{font-size:21px} #analisis .finance-kpis small{font-size:10px} #analisis .finance-card{padding:15px} #analisis .finance-charts,#analisis .finance-rankings{grid-template-columns:1fr} #analisis .finance-card h4{font-size:13px} #analisis .finance-distribution{min-height:180px} #analisis .finance-distribution-legend>div,#analisis .finance-distribution-legend b{font-size:11px} #analisis .finance-ring b{font-size:20px} #analisis .finance-filters{grid-template-columns:1fr 1fr} #analisis .finance-filters>span:nth-child(n+3){display:none} #analisis .finance-note{font-size:9px;gap:15px} } /* Caso documentado en QuickData Municipios V3, página 5. */ .success-section{padding:85px 5% 65px;background:#fff;scroll-margin-top:var(--header)} .success-wrap{max-width:1450px;margin:auto} .success-intro{max-width:1000px;margin:0 auto 45px;text-align:center} .success-intro .eyebrow{font-size:11px;letter-spacing:2px;color:#338f9a} .success-intro h2{font-size:clamp(32px,3vw,46px);letter-spacing:-1.7px;line-height:1.15;margin:18px 0} .success-intro h2 span{color:#4e98d2} .success-intro>p{font-size:17px;line-height:1.7;color:#526780;max-width:850px;margin:auto} .success-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:30px;align-items:stretch} .success-proof{position:relative;overflow:hidden;padding:40px;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#32738e80,transparent 65%),#0c2039;color:#fff;display:flex;flex-direction:column;box-shadow:0 20px 45px #16355618} .success-proof:after{content:'';position:absolute;width:280px;height:280px;right:-130px;bottom:-110px;border:1px solid #8adbd52b;border-radius:50%;box-shadow:0 0 0 45px #8adbd508,0 0 0 90px #8adbd505;pointer-events:none} .success-place{font-size:10px;letter-spacing:2px;color:#a9c7df} .success-place strong{display:block;font-size:27px;font-weight:600;letter-spacing:-.6px;color:#fff;margin-top:8px} .success-years{display:flex;align-items:center;gap:24px;margin:32px 0 22px} .success-years b{font-size:100px;line-height:1;letter-spacing:-7px;color:#8dded8;font-weight:600} .success-years span{font-size:20px;line-height:1.4;max-width:150px;color:#e3eef8} .success-proof>p{font-size:16px;line-height:1.7;color:#bcd0e3;max-width:380px;margin:0 0 30px} .success-proof-footer{margin-top:auto;border-top:1px solid #ffffff20;padding-top:20px;font-size:12px;color:#a4d8df;letter-spacing:.5px} .success-outcomes{display:grid;gap:16px} .success-outcomes article{display:flex;gap:20px;align-items:flex-start;padding:28px;background:linear-gradient(120deg,#f5f9fc,#edf4fa);border:1px solid #e0eaf3;border-radius:18px} .success-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;background:#e0f2f1;color:#238c98;font-size:23px;border-radius:12px} .success-outcomes h3{font-size:21px;letter-spacing:-.4px;color:#142e50;margin:0 0 9px} .success-outcomes p{font-size:15px;line-height:1.7;color:#526780;margin:0} .success-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:30px;margin-top:30px;border-top:1px solid #e0e8f1} .success-bottom p{font-size:18px;color:#60728b;line-height:1.5;margin:0} .success-bottom strong{color:#173553;font-weight:600} @media(max-width:760px){.success-section{padding:55px 6% 40px}.success-intro{margin-bottom:28px}.success-intro h2{font-size:30px}.success-intro>p{font-size:15px}.success-grid{grid-template-columns:1fr;gap:20px}.success-proof{padding:28px}.success-years b{font-size:85px}.success-outcomes article{padding:22px;gap:14px}.success-outcomes h3{font-size:19px}.success-outcomes p{font-size:14px}.success-bottom{align-items:flex-start;flex-direction:column}.success-bottom p{font-size:16px}} /* Hero: documentos, luz y datos en perspectiva. */ .hero.hero-night{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:.85fr 1.4fr;gap:25px;min-height:760px;padding:155px 4% 100px;background:radial-gradient(ellipse at 95% 18%,#b2c4ef 0,transparent 45%),radial-gradient(ellipse at 65% 70%,#2862ad 0,transparent 48%),linear-gradient(115deg,#030a1c 15%,#0b1d42 55%,#617cbd 100%)} .hero-night:after{content:'';position:absolute;z-index:0;bottom:-75px;left:-10%;width:120%;height:130px;background:#f3f7fc;border-radius:50% 50% 0 0} .hero-night:before{content:'';position:absolute;inset:65% -10% -15% 25%;background-image:radial-gradient(#65c5ff80 1px,transparent 1.5px);background-size:12px 12px;transform:perspective(450px) rotateX(55deg) rotateZ(-8deg);mask-image:linear-gradient(90deg,transparent,#000,transparent);z-index:-1} .hero-night .hero-content{position:relative;z-index:2;padding:0;align-self:center} .hero-night .eyebrow{color:#74e1ec;font-size:11px;letter-spacing:1.4px} .hero-night h1{color:#fff;font-size:clamp(36px,3.5vw,60px);line-height:1.06;letter-spacing:-2.5px;margin:24px 0} .hero-night h1 span{color:#4c8fff;background:none;-webkit-text-fill-color:currentColor} .hero-night .hero-content>p{color:#d6e1f2;font-size:16px;line-height:1.7;max-width:450px} .hero-night .actions{gap:14px;flex-wrap:wrap;margin-top:30px} .hero-primary{color:white;background:linear-gradient(120deg,#7951ff,#275bff);box-shadow:0 8px 28px #385cff50} .hero-secondary{color:white;background:#071b3840;border:1px solid #aec4e980} .hero-night .hero-visual{height:510px;width:100%;margin:0;transform:none;position:relative;perspective:1200px;min-width:0} .hero-glow{position:absolute;inset:25% 0 0;background:radial-gradient(ellipse,#8adfff90,transparent 65%);filter:blur(25px)} .hero-night .hero-docs{position:absolute;inset:0;height:270px;margin:0} .hero-night .hero-docs .invoice{position:absolute;top:5px;left:calc(8% + var(--i)*26%);width:155px;height:215px;padding:17px;transform:rotate(-12deg);box-shadow:0 15px 40px #00132a50,0 0 25px #c5e1ff40;animation:hero-paper-drift 6s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.9s)} .hero-night .hero-docs .invoice:nth-child(2){top:-15px;transform:rotate(6deg)} .hero-night .hero-docs .invoice:nth-child(3){top:20px;transform:rotate(12deg)} .hero-night .hero-docs .invoice-provider{font-size:17px} .hero-night .hero-docs .invoice-caption{font-size:6px} .hero-night .hero-docs .invoice-field{font-size:7px;padding:5px 0} .hero-night .hero-docs .invoice-total{font-size:8px} .hero-streams{position:absolute;top:85px;left:0;width:100%;height:300px;pointer-events:none} .hero-streams path{fill:none;stroke:#86cfff;stroke-width:1;stroke-dasharray:3 6;opacity:.7} .hero-data-card{position:absolute;left:-5%;top:265px;width:105%;background:linear-gradient(125deg,#fff,#f0f3ff);border:1px solid #fff;border-radius:15px;box-shadow:0 24px 55px #081c4850,0 5px 0 #bac9e6;transform:rotateX(14deg) rotateY(-7deg) rotateZ(-4deg);overflow:hidden;color:#183458} .hero-data-top{display:flex;align-items:center;gap:25px;padding:17px 20px;font-size:9px} .hero-data-top small{margin-left:auto;color:#32977e;font-size:9px} .hero-data-table{width:100%;min-width:0;font-size:10px;border-collapse:collapse} .hero-data-table th{background:#eaf0fb;color:#456083;padding:10px;font-size:9px} .hero-data-table td{font-size:10px;height:auto;padding:12px 10px;white-space:nowrap;border-bottom:1px solid #dfe7f4} .hero-data-table td:before{display:none} .hero-data-table td span{padding:3px 8px;border-radius:20px;background:#e0f1e9;color:#28886b;font-size:8px} .hero-data-bottom{display:flex;justify-content:space-between;padding:12px 20px;color:#7284a0;font-size:9px} .hero-status-card{position:absolute;top:90px;right:-1%;padding:18px;background:#ffffffed;border:1px solid white;border-radius:15px;box-shadow:0 15px 35px #152b4f30;transform:rotate(5deg);width:190px;color:#1a3159} .hero-status-card>span{font-size:8px;letter-spacing:.5px}.hero-status-card b{display:block;font-size:20px;margin-top:8px;letter-spacing:-.5px}.hero-status-card svg{display:block;width:100%;height:35px;margin-top:13px}.hero-status-card path{fill:none;stroke:#4076ff;stroke-width:2}.hero-status-card small{font-size:8px;color:#667c9b} .hero-demo-note{position:absolute;bottom:-50px;right:0;color:#e1eafd;font-size:9px;z-index:1} @keyframes hero-paper-drift{from{translate:0 0}to{translate:0 -12px}} @media(max-width:1100px){.hero.hero-night{grid-template-columns:1fr 1.3fr;padding-inline:4%;gap:15px}.hero-night h1{font-size:40px}.hero-night .hero-docs .invoice{width:125px;height:190px;padding:12px}.hero-status-card{width:145px;right:-2%;top:120px;padding:13px}.hero-status-card b{font-size:16px}.hero-data-table td{font-size:8px;padding:10px 6px}.hero-data-top{gap:12px}.hero-night .hero-content>p{font-size:14px}} @media(max-width:760px){.hero.hero-night{grid-template-columns:1fr;padding:125px 6% 85px;gap:35px;min-height:0}.hero-night h1{font-size:clamp(34px,8.5vw,48px);letter-spacing:-1.7px}.hero-night .hero-content>p{font-size:15px}.hero-night .hero-visual{height:410px}.hero-night .hero-docs .invoice{width:105px;height:165px;left:calc(1% + var(--i)*29%);padding:10px}.hero-night .hero-docs .invoice-provider{font-size:13px}.hero-night .hero-docs .invoice-field{font-size:6px;padding:3px 0}.hero-night .hero-docs .invoice-total{font-size:7px}.hero-status-card{top:150px;right:0;width:135px;padding:12px;z-index:2}.hero-status-card svg{height:22px;margin-top:8px}.hero-data-card{top:225px;left:0;width:100%;transform:rotateX(8deg) rotateZ(-3deg)}.hero-data-scroll{overflow-x:auto}.hero-data-table{min-width:490px}.hero-data-top{padding:12px;font-size:7px}.hero-data-top small{display:none}.hero-data-top .brand-mini{font-size:12px}.hero-data-bottom{font-size:7px;padding:10px}.hero-demo-note{bottom:-35px;font-size:8px}.hero-streams{height:200px}.hero-night:after{height:105px}} @media(prefers-reduced-motion:reduce){.hero-night .hero-docs .invoice{animation:none}} /* Datos consolidados: fondo oscuro para destacar la interfaz. */ #datos.table-section{background:radial-gradient(ellipse at 75% 45%,#254e7980,transparent 65%),linear-gradient(135deg,#09172b,#122a47);color:#f4f8ff} #datos .table-heading h2{color:#f4f8ff} #datos .table-heading h2 span{color:#79c9ec} #datos .table-heading p{color:#c1d0e3} #datos .chapter-number{color:#81c9ed} #datos .chapter-number span{color:#adc4df} #datos .data-board{box-shadow:0 28px 65px #020a1955,0 4px 0 #9aafcc;border-color:#d9e5f6} #datos .data-benefits{color:#d1e2f3} #datos .stage-bottom{border-color:#aec7e32b} #datos .scene-instruction{color:#b9cde3} #datos .next-scene{color:#b0d8fa} #datos .progress-track{background:#abc7e52b} #datos .progress-track>div{background:#75c9ef} /* Cierre comercial y navegación final. */ .contact-section{padding:65px 5% 70px;background:#f2f6fc;scroll-margin-top:var(--header)} .contact-panel{max-width:1450px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding:65px;border-radius:28px;background:radial-gradient(ellipse at 0 100%,#245e7b80,transparent 65%),#0b1d35;color:#fff;box-shadow:0 20px 50px #193b6018} .contact-copy .eyebrow{font-size:11px;letter-spacing:2px;color:#88d9d9} .contact-copy h2{font-size:clamp(35px,3.5vw,54px);letter-spacing:-2px;line-height:1.1;margin:24px 0} .contact-copy h2 span{color:#80cddf} .contact-copy>p{font-size:17px;line-height:1.7;color:#c4d3e5;max-width:550px} .contact-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px} .contact-topics span{border:1px solid #8fc8df30;border-radius:20px;padding:8px 12px;font-size:11px;color:#b8dce8} .contact-action{border-left:1px solid #ffffff25;padding-left:55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center} .contact-symbol{color:#8edcdd;font-size:30px;margin-bottom:14px} .contact-action h3{font-size:26px;line-height:1.3;letter-spacing:-.6px;margin:0 0 15px} .contact-action p{font-size:15px;line-height:1.7;color:#bacde2;max-width:340px;margin:0 0 25px} .contact-button{background:#85d9d6;color:#0b263d;box-shadow:0 8px 24px #071b3440} .contact-button:hover{background:#a9eeea} .contact-email{color:#d1e6f3;font-size:14px;margin-top:20px;text-decoration:none} footer.site-footer{display:block;padding:40px 5% 22px;background:#fff} .footer-main{max-width:1450px;margin:auto;display:grid;grid-template-columns:230px 1fr 1fr;gap:45px;align-items:start} .footer-main img{width:220px;height:auto} .footer-main p{font-size:14px;line-height:1.7;color:#60738c;margin:0} .footer-main nav{display:flex;flex-wrap:wrap;gap:16px 23px;justify-content:flex-end} .footer-main nav a{font-size:12px;color:#294764;text-decoration:none} .footer-main nav a:hover,.contact-email:hover{text-decoration:underline} .footer-bottom{max-width:1450px;margin:30px auto 0;padding-top:20px;border-top:1px solid #e2eaf3;display:flex;justify-content:space-between;gap:20px} .footer-bottom small,.footer-bottom a{font-size:11px;color:#60738c;text-decoration:none} @media(max-width:900px){.contact-panel{padding:40px;gap:30px}.contact-action{padding-left:30px}.footer-main{grid-template-columns:1fr 1fr}.footer-main nav{grid-column:1/-1;justify-content:flex-start}} @media(max-width:700px){.contact-section{padding:35px 6%}.contact-panel{padding:30px 24px;grid-template-columns:1fr;border-radius:20px;gap:30px}.contact-copy h2{font-size:36px}.contact-copy>p{font-size:15px}.contact-action{border-left:0;border-top:1px solid #ffffff25;padding:28px 0 0}.contact-action h3{font-size:24px}.contact-symbol{display:none}footer.site-footer{padding:30px 6% 20px}.footer-main{grid-template-columns:1fr;gap:22px}.footer-main nav{grid-column:auto}.footer-main img{width:190px}.footer-bottom small{width:auto}} /* Eficiencia: cabecera alineada y beneficios en una fila común. */ .energy-layout{align-items:start;row-gap:32px} .energy-figure{margin-top:38px} .energy-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:0;list-style:none} .energy-benefits li{position:relative;padding:25px 25px 25px 43px;margin:0;background:#ffffff07;border:1px solid #a9c9ed25;border-radius:15px;color:#c0cfe2;font-size:15px;line-height:1.7} .energy-benefits li:before{content:'';position:absolute;left:23px;top:34px;width:7px;height:7px;border-radius:50%;background:#6bd0c8;box-shadow:0 0 12px #6bd0c830} .energy-benefits strong{display:block;color:#f3f7ff;margin-bottom:8px;font-size:17px;font-weight:600} @media(max-width:1100px){.energy-benefits{gap:14px}.energy-benefits li{padding:21px 18px 21px 34px;font-size:14px}.energy-benefits li:before{left:16px;top:30px}.energy-benefits strong{font-size:16px}} @media(max-width:760px){.energy-figure{margin-top:0}.energy-benefits{grid-template-columns:1fr;gap:12px}.energy-layout{row-gap:25px}} /* Caso Vicente López: composición editorial minimalista. */ .success-minimal{padding:75px 6%;background:#fff} .success-minimal .success-wrap{max-width:1360px} .case-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #e1e8ef;padding-bottom:24px} .case-heading .eyebrow{font-size:11px;letter-spacing:1.8px;color:#438995} .case-heading img{width:230px;max-width:40%;height:auto;object-fit:contain} .case-story{display:grid;grid-template-columns:1fr 270px;gap:80px;align-items:center;padding:40px 0} .case-story h2{font-size:clamp(32px,3vw,46px);line-height:1.15;letter-spacing:-1.6px;margin:0 0 20px;color:#11283d} .case-story h2 span{color:#4e98b5} .case-story>div>p{font-size:17px;line-height:1.7;max-width:760px;margin:0;color:#5b6e80} .case-tenure{border-left:1px solid #dbe6ed;padding-left:36px} .case-tenure strong{font-size:70px;font-weight:500;line-height:1;letter-spacing:-3px;color:#18394e} .case-tenure strong span{font-size:25px;letter-spacing:-.5px} .case-story .case-tenure p{font-size:14px;line-height:1.6;margin-top:14px} .case-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:25px 0 35px} .case-benefits article{border-top:2px solid #b8dce1;padding-top:19px} .case-benefits h3{font-size:18px;font-weight:600;color:#19394e;margin:0 0 10px} .case-benefits p{font-size:15px;line-height:1.65;color:#617486;margin:0;max-width:340px} .case-ril{display:flex;align-items:center;gap:32px;text-decoration:none;color:#19394e;background:#f3f7f9;border-radius:8px;padding:25px 30px;transition:background .2s} .case-ril:hover{background:#e8f2f5} .case-ril:focus-visible{outline:3px solid #348aa7;outline-offset:4px} .case-ril-label{font-size:10px;letter-spacing:1.2px;color:#448490;white-space:nowrap} .case-ril-copy{display:flex;flex-direction:column;gap:6px} .case-ril-copy strong{font-size:17px;font-weight:600} .case-ril-copy>span{font-size:13px;color:#647989} .case-ril-arrow{margin-left:auto;font-size:27px;color:#368d9b} @media(max-width:760px){.success-minimal{padding:45px 6%}.case-heading{gap:18px}.case-heading .eyebrow{font-size:9px;max-width:150px;line-height:1.6}.case-heading img{width:180px;max-width:48%}.case-story{grid-template-columns:1fr;gap:25px;padding:30px 0}.case-story h2{font-size:32px}.case-story>div>p{font-size:15px}.case-tenure{padding-left:20px}.case-tenure strong{font-size:52px}.case-benefits{grid-template-columns:1fr;gap:22px;padding-top:10px}.case-benefits p{max-width:none}.case-ril{flex-wrap:wrap;gap:15px;padding:22px}.case-ril-label{width:100%}.case-ril-copy{flex:1}.case-ril-copy strong{font-size:16px}} /* Caso de éxito: encabezado compacto y resultados destacados. */ .success-minimal{padding-top:42px;padding-bottom:50px} .case-heading{padding-bottom:14px;gap:20px} .case-heading img{width:185px} .case-heading .eyebrow{font-size:11px} .case-story{grid-template-columns:1fr;padding:28px 0 25px} .case-story h2{font-size:clamp(30px,2.6vw,40px);margin-bottom:15px} .case-story>div>p{max-width:900px;font-size:16px} .case-results{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:35px;margin:0 0 30px;padding-top:10px} .case-results>div{border-top:2px solid #b8dce1;padding-top:20px} .case-results strong{font-size:clamp(30px,3vw,45px);font-weight:500;letter-spacing:-1.4px;color:#19394e;line-height:1.2} .case-results strong span{font-size:24px;letter-spacing:-.5px} .case-results>div:last-child strong{font-size:25px;letter-spacing:-.6px} .case-results p{font-size:15px;line-height:1.65;color:#617486;margin:9px 0 0;max-width:350px} @media(max-width:760px){.success-minimal{padding-top:30px;padding-bottom:35px}.case-heading img{width:155px}.case-story{padding:24px 0}.case-results{grid-template-columns:1fr;gap:20px}.case-results>div{padding-top:15px}.case-results strong{font-size:36px}.case-results p{max-width:none}.case-results>div:last-child strong{font-size:24px}} /* Caso de éxito: evidencia, trazabilidad y potencial identificado. */ .case-narrative{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #e1e8ef;padding:32px 0} .case-label{font-size:10px;letter-spacing:1.5px;color:#438995} .case-narrative h3{font-size:25px;line-height:1.25;letter-spacing:-.6px;color:#19394e;margin:13px 0} .case-narrative p{font-size:15px;line-height:1.75;color:#617486;margin:0;max-width:560px} .case-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:32px} .case-capabilities>div{border-top:2px solid #b8dce1;padding-top:15px} .case-capabilities h4{font-size:16px;color:#19394e;margin:0 0 9px} .case-capabilities p{font-size:14px;line-height:1.65;color:#617486;margin:0} .case-impact{display:flex;gap:50px;align-items:center;justify-content:space-between;background:#eef6f7;padding:28px 32px;border-radius:10px} .case-impact>div{display:flex;flex-direction:column;gap:9px} .case-impact strong{font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:-1.4px;color:#1a6170} .case-impact>div>span:last-child{font-size:14px;color:#365c69} .case-impact>p{max-width:430px;font-size:13px;line-height:1.7;color:#617486;margin:0} .case-takeaway{font-size:18px;line-height:1.6;color:#617486;margin:28px 0} .case-takeaway strong{color:#19394e;font-weight:500} @media(max-width:760px){.case-narrative{grid-template-columns:1fr;gap:26px;padding:25px 0}.case-narrative h3{font-size:23px}.case-capabilities{grid-template-columns:1fr 1fr;gap:22px}.case-impact{flex-direction:column;align-items:flex-start;gap:18px;padding:24px}.case-takeaway{font-size:16px}} @media(max-width:420px){.case-capabilities{grid-template-columns:1fr}} /* Resultados del caso: contenido centrado en cada columna. */ .case-results>div{text-align:center} .case-results p{margin-inline:auto} /* Navbar compacta: CTA fino y altura coherente con las anclas. */ :root{--header:72px} .header{padding-block:8px} .header .button.small{padding:10px 17px;min-height:36px;font-size:12px;line-height:1.2;gap:18px;border-radius:8px} .header .button.small span{font-size:15px;line-height:1} @media(max-width:700px){:root{--header:62px}.header{padding-block:8px}.header .button.small{padding:9px 12px;min-height:34px;font-size:10px;gap:10px}} /* Exploración macro a micro; bloque adicional de prueba. */ .explore-section{padding:55px 5% 75px;background:#fff;scroll-margin-top:var(--header)} .explore-tabs{display:grid;grid-template-columns:repeat(3,1fr);max-width:1450px;margin:auto;border-bottom:1px solid #e0e8f2} .explore-tabs button{font:600 22px Inter,Arial,sans-serif;padding:22px 10px;border:0;border-bottom:3px solid transparent;background:transparent;color:#526780;cursor:pointer} .explore-tabs button[aria-selected=true]{background:#eff6fb;color:#267ead;border-bottom-color:#4e98d2} .explore-panel{max-width:1450px;margin:45px auto 0;display:grid;grid-template-columns:.85fr 1.2fr;gap:70px;align-items:center} .explore-copy .eyebrow{font-size:10px;color:#388e9a;letter-spacing:1.5px} .explore-copy h2{font-size:clamp(30px,2.8vw,43px);line-height:1.15;letter-spacing:-1.5px;margin:20px 0} .explore-copy p{font-size:17px;line-height:1.75;color:#60738c;margin-bottom:28px} .explore-demo{background:#f5f8fc;border:1px solid #dce6f1;border-radius:18px;padding:22px;box-shadow:0 20px 50px #264b8110;min-width:0} .drill-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px;color:#a3b4c8} .drill-breadcrumb button{font:500 11px Inter,Arial,sans-serif;background:none;border:0;padding:7px;color:#627c97;cursor:pointer;border-radius:6px} .drill-breadcrumb button[aria-pressed=true]{background:#deedf8;color:#176799} #explore-screen{min-height:285px;background:white;border:1px solid #e4ebf4;border-radius:12px;padding:25px;animation:explore-appear .3s ease} .drill-kicker{font-size:10px;letter-spacing:1px;color:#72859a} .drill-title{font-size:20px;color:#19394e;margin:10px 0} .drill-total{font-size:37px;letter-spacing:-1px;color:#173b5b;margin:10px 0 18px} .drill-total small{font-size:11px;letter-spacing:0;color:#71859a} .drill-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1f6;padding:13px 0;font-size:13px;color:#536b84} button.drill-row{width:100%;text-align:left;cursor:pointer;border:0;border-top:1px solid #edf1f6;background:white;font-family:inherit} button.drill-row:hover{color:#167b9c;background:#f5fbff} .drill-row b{color:#19394e;white-space:nowrap} .drill-note{font-size:12px;line-height:1.6;color:#607b91;margin-top:18px} .drill-invoice-total{background:#e7f6f1;padding:15px;border-radius:8px;color:#197e68;display:flex;justify-content:space-between;font-size:16px;margin-top:20px} .explore-demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;font-size:10px;color:#7e91a6} .explore-demo-bottom button{font:600 12px Inter,Arial,sans-serif;color:#22799f;border:0;background:transparent;cursor:pointer;padding:8px 0} .explore-section button:focus-visible{outline:2px solid #318db3;outline-offset:3px} @keyframes explore-appear{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}} @media(max-width:850px){.explore-panel{grid-template-columns:1fr;gap:25px}.explore-copy{max-width:650px}.explore-tabs button{font-size:18px}.explore-section{padding:35px 6% 50px}.explore-panel{margin-top:28px}} @media(max-width:450px){.explore-demo{padding:13px}#explore-screen{padding:18px}.explore-tabs button{font-size:15px;padding:18px 5px}.explore-demo-bottom{align-items:flex-start}.drill-total{font-size:30px}} @media(prefers-reduced-motion:reduce){#explore-screen{animation:none}} .explore-section [hidden]{display:none!important} /* Démonstration automatique dans la pestaña Automatiza. */ #explore-screen:has(.auto-docs){position:relative;overflow:hidden;min-height:390px;padding:20px;background:linear-gradient(145deg,#f7fbff,#eaf2fb)} .auto-docs{height:160px;display:flex;align-items:center;justify-content:center;gap:6px} .auto-docs .invoice{position:relative!important;inset:auto!important;width:76px;height:116px;padding:7px;flex-shrink:0;box-shadow:0 8px 18px #264b8120} .auto-docs .invoice-provider{font-size:9px} .auto-docs .invoice-caption{font-size:4px;margin-top:3px} .auto-docs .invoice-rule{margin:4px 0} .auto-docs .invoice-field{font-size:4px;padding:2px 0} .auto-docs .invoice-total{font-size:5px;margin-top:5px} .auto-docs .pdf-stamp{font-size:5px;padding:2px;bottom:5px;right:5px} .auto-docs .invoice:after{height:5px;width:25px;bottom:6px;left:7px} .auto-docs .scan-line{display:none} .auto-processor{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d8e7f2;border-radius:12px;padding:18px 15px 22px;box-shadow:0 8px 20px #264b810c} .auto-spinner{width:29px;height:29px;border:3px solid #d6eef0;border-top-color:#4aaeb7;border-radius:50%;flex-shrink:0} .auto-message{font-size:13px;color:#264a6b}.auto-processor small{display:block;font-size:10px;color:#7a90a5;margin-top:5px}.auto-percent{margin-left:auto;font-size:15px;color:#31879b} .auto-track{position:absolute;bottom:0;left:10px;right:10px;height:3px;background:#e4edf6}.auto-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#4e98d2,#5ebfc1);transform-origin:left} .auto-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.auto-destinations span{padding:13px 5px;border:1px solid #a8dcd3;border-radius:8px;background:#f2fcf9;font-size:11px;text-align:center;color:#33836e} .auto-result{text-align:center;font-size:12px;color:#446b7a;margin:16px 0 8px} .auto-replay{display:block;margin:auto;border:0;background:transparent;color:#327f9e;font-size:11px;cursor:pointer;padding:7px} @media(max-width:450px){.auto-docs{gap:2px}.auto-docs .invoice{width:48px;height:90px;padding:4px}.auto-docs .invoice-provider{font-size:7px}.auto-docs .invoice-caption{font-size:3px}.auto-docs .invoice-field{font-size:3px}.auto-docs .invoice-total{font-size:4px}.auto-message{font-size:11px}.auto-destinations span{font-size:9px}} /* Réutilisation de la scène originale dans Automatiza. */ #explore-screen:has(.explore-original){padding:5px;background:radial-gradient(ellipse at 80% 30%,#e0edfc,transparent 70%),#f4f8fc;overflow:hidden;min-height:340px} .original-demo-viewport{position:relative;width:100%;overflow:hidden} .explore-original{width:1100px;transform-origin:top left} .explore-original .reading-visual{width:1100px!important;height:530px!important;min-height:530px!important;margin:0!important;transform:none!important} .explore-original .incoming-docs .invoice{width:140px!important;height:195px!important;top:20px!important;left:calc(15px + var(--i)*180px)!important;padding:15px!important} .explore-original .processor{top:240px!important;left:20%!important;right:20%!important;padding:18px 20px 24px!important} .explore-original .processor b{font-size:18px!important} .explore-original .processor small{font-size:13px!important} .explore-original .municipality{top:350px!important} .explore-original .destinations{top:375px!important;gap:14px!important} .explore-original .destination{padding:16px 10px!important} .explore-original .destination b{font-size:13px!important} .explore-original .destination small{display:block!important;font-size:11px!important} .explore-original .reading-result{bottom:12px!important} .explore-original .reading-result b{font-size:16px!important} .explore-original .reading-result small{font-size:12px!important} .auto-complete-benefits{display:grid;gap:10px;padding:18px 20px;border-top:1px solid #dae8f2;color:#2d6f73;font-size:13px;animation:explore-appear .4s ease} /* Beneficios en fila con espacio reservado durante toda la animación. */ #explore-screen .auto-complete-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 12px;text-align:center;align-items:start;line-height:1.5;animation:none} #explore-screen .auto-complete-benefits[hidden]{display:grid!important;visibility:hidden} @media(max-width:450px){#explore-screen .auto-complete-benefits{gap:8px;padding:14px 6px;font-size:11px}} /* Passage de l'imputation à la table consolidée, sans changement de hauteur. */ .auto-table-scene{position:absolute;left:0;top:0;width:1100px;height:530px;transform-origin:top left;display:flex;align-items:center;padding:20px 10px;opacity:0;visibility:hidden;perspective:1200px} .auto-table-scene .data-board{width:100%;zoom:1!important;flex-shrink:0;background:white;border-radius:10px;border:1px solid #d4ddea;box-shadow:0 15px 35px #264b8120;overflow:hidden} .auto-table-scene .consolidated-heading{padding:15px} .auto-table-scene .consolidated-heading h3{font-size:20px} .auto-table-scene .consolidated-tabs{font-size:11px} .auto-table-scene .consolidated-filters{display:grid;grid-template-columns:1.2fr 1fr 1.15fr .9fr 1fr 1fr;padding:10px 15px 18px} .auto-table-scene .consolidated-filters>div{display:block} .auto-table-scene .consolidated-tools{font-size:10px;padding:10px} .auto-table-scene .consolidated-band{padding:7px;font-size:15px} .auto-table-scene .table-scroll{padding:0 8px} .auto-table-scene table{min-width:0;width:100%;font-size:11px} .auto-table-scene th{background:#cbd6e8;color:#35485f;border:1px solid #dfe3e8;padding:12px 8px;font-size:11px} .auto-table-scene td{height:37px;padding:9px 8px;border:1px solid #dedfe2;color:#273d5d;background:white;font-size:10px} .auto-table-scene td:before{background:#e8edf3;top:16px;left:8px} .auto-table-scene .table-footer{font-size:10px;padding:12px;border-top:4px solid #e3e7ed} .auto-table-scene .table-footer>span:last-child{max-width:none} /* Página de lectura automática. */ .reading-detail main{padding-top:var(--header)} .reading-process,.reading-structure{padding:75px 5%;scroll-margin-top:var(--header);background:#fff} .detail-heading{max-width:1050px;margin:0 auto 40px;text-align:center} .detail-heading .eyebrow{font-size:11px;color:#318e9c} .detail-heading h2{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-1.5px;margin:18px 0} .detail-heading h2 span{color:#4e98d2} .detail-heading p{font-size:17px;line-height:1.75;color:#526780} .process-layout{max-width:1450px;margin:auto;display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center} .process-layout video{width:100%;border-radius:16px;background:#edf4fb;box-shadow:0 20px 50px #24476b20} .process-steps{padding-left:24px;margin:0;color:#388e9a} .process-steps li{padding:12px 0 12px 12px} .process-steps h3{font-size:19px;color:#19394e;margin:0 0 8px} .process-steps p,.structure-columns p{font-size:15px;line-height:1.7;color:#617486;margin:0} .reading-structure{background:#f3f7fc;text-align:center} .structure-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1400px;margin:auto;text-align:left} .structure-columns article{border-top:2px solid #a9d3df;padding-top:20px} .structure-columns article>span{font-size:10px;letter-spacing:1px;color:#318e9c} .structure-columns h3{font-size:23px;color:#19394e;margin:14px 0} .structure-example{max-width:1100px;margin:35px auto;padding:25px 30px;background:#e5eff6;border-radius:12px;text-align:left} .structure-example strong{color:#216784} .structure-example p{font-size:15px;line-height:1.7;color:#526780;margin:10px 0 0} .detail-trace{font-size:19px;line-height:1.6;color:#526780;margin-bottom:25px} .detail-trace strong{color:#19394e} @media(max-width:760px){.reading-process,.reading-structure{padding:45px 6%}.process-layout,.structure-columns{grid-template-columns:1fr;gap:25px}.detail-heading p{font-size:15px}.process-steps p,.structure-columns p{font-size:14px}.structure-example{padding:20px}} .ic-video-heading{max-width:1600px} .ic-video-heading p{max-width:none} /* Impacto compacto y columnas equilibradas. */ .case-impact{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:20px 28px;margin-bottom:24px} .case-impact>div{gap:5px} .case-impact .case-label{font-size:9px} .case-impact strong{font-size:30px;letter-spacing:-.8px;line-height:1.15} .case-impact>div>span:last-child{font-size:13px} .case-impact>p{max-width:none;font-size:13px;line-height:1.6} @media(max-width:760px){.case-impact{grid-template-columns:1fr;gap:16px;padding:20px 24px}.case-impact strong{font-size:28px}} /* Portal RIL: franja editorial horizontal con identidad oficial. */ .case-ril.case-ril-banner{display:flex;flex-wrap:nowrap;align-items:center;gap:22px;padding:18px 22px;border:1px solid #cce7ec;border-radius:60px;background:#eef8fa;box-shadow:0 3px 0 #dbeef240} .ril-logo-wrap{display:flex;align-items:center;background:#183347;border-radius:25px;padding:12px 16px;flex-shrink:0} .ril-logo-wrap img{display:block;width:130px;height:auto} .ril-external{font-size:9px;font-weight:600;letter-spacing:.5px;color:#17788b;background:#d5f0ed;border-radius:20px;padding:8px 11px;white-space:nowrap} .case-ril-banner .case-ril-copy{flex:1;min-width:0} .case-ril-banner .case-ril-copy strong{font-size:15px;line-height:1.5} .ril-read{display:flex;align-items:center;gap:12px;background:#268aa1;color:#fff;border-radius:28px;padding:13px 20px;font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0} .case-ril-banner:hover .ril-read{background:#176d82} @media(max-width:1100px){.case-ril.case-ril-banner{gap:15px}.ril-external{display:none}.ril-logo-wrap img{width:105px}.case-ril-banner .case-ril-copy strong{font-size:14px}} @media(max-width:650px){.case-ril.case-ril-banner{border-radius:18px;flex-wrap:wrap;padding:18px;gap:16px}.case-ril-banner .case-ril-copy{flex-basis:calc(100% - 155px)}.ril-read{margin-left:auto;font-size:12px;padding:11px 16px}.ril-logo-wrap img{width:100px}} /* Hero: secuencia autónoma de captura, consolidación y análisis. */ .hero-night .hero-docs .invoice{animation:none!important;left:calc(2% + var(--i)*22%)!important;width:135px;height:195px;top:12px!important} .hero-night .hero-docs .invoice:nth-child(2){top:-7px!important} .hero-night .hero-docs .invoice:nth-child(4){top:28px!important} .hero-data-table td{position:relative} .hero-data-table td:after{content:'';position:absolute;left:10px;right:10px;height:5px;top:50%;border-radius:5px;background:#dce6f2;opacity:calc(1 - var(--hero-row,0));pointer-events:none} .hero-cell-value{opacity:0} .hero-dashboard{position:absolute;top:180px;left:-3%;width:103%;padding:22px;background:linear-gradient(120deg,#fff,#f1f5ff);border:1px solid white;border-radius:16px;box-shadow:0 25px 55px #081c4850,0 4px 0 #bac9e6;color:#173756;visibility:hidden} .hd-top{display:flex;align-items:center;gap:20px;font-size:14px;margin-bottom:20px} .hd-top>span:last-child{margin-left:auto;font-size:10px;color:#74849a} .hd-metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px} .hd-metrics>div{padding:13px;background:#fff;border:1px solid #e0e9f4;border-radius:9px} .hd-metrics small{display:block;font-size:10px;color:#74849a} .hd-metrics b{display:block;font-size:22px;margin-top:8px} .hd-charts{display:grid;grid-template-columns:1.3fr 1fr;gap:15px;margin-top:14px} .hd-charts>div{padding:15px;background:#fff;border:1px solid #e0e9f4;border-radius:9px} .hd-charts h3{font-size:12px;margin:0 0 12px} .hd-bars{height:135px;display:flex;align-items:stretch;gap:13px;padding-top:5px} .hd-bars>div{position:relative;flex:1;display:flex;align-items:flex-end;padding-bottom:22px} .hd-bars i{width:100%;height:var(--height);max-height:108px;background:linear-gradient(#5ebfc1,#3476dd);border-radius:5px 5px 0 0;transform:scaleY(var(--chart-progress,0));transform-origin:bottom} .hd-bars span{position:absolute;bottom:0;left:50%;translate:-50% 0;font-size:9px;color:#72839a} .hd-donut{width:110px;height:110px;border-radius:50%;margin:auto;background:conic-gradient(#4079ef 0 72%,#5ebfc1 72% 84.4%,#845ade 84.4% 95.3%,#b9d4eb 95.3%);mask:radial-gradient(transparent 0 48%,#000 49%);opacity:var(--chart-progress,0);transform:rotate(calc((1 - var(--chart-progress,0))*-90deg))} .hd-donut-label{display:block;text-align:center;font-size:10px;margin-top:10px;color:#72839a} .hd-footer{display:flex;justify-content:space-between;font-size:10px;color:#7389a0;padding-top:16px} .hd-footer span{color:#2cae83} .hero-animation-control{position:absolute;left:0;bottom:-65px;z-index:3;border:1px solid #a7c9ec60;background:#10294a80;color:#e3efff;border-radius:18px;padding:7px 12px;font:11px Inter,Arial,sans-serif;cursor:pointer} .hero-night .hero-status-card{top:25px;right:-2%;width:160px} @media(max-width:1100px){.hero-night .hero-docs .invoice{width:108px;height:175px;padding:10px}.hero-dashboard{padding:15px;top:200px}.hd-metrics b{font-size:17px}.hd-top{gap:10px;font-size:12px}.hd-top>span:last-child{display:none}.hero-night .hero-status-card{top:140px;width:140px}.hd-charts{gap:8px}.hd-charts>div{padding:10px}} @media(max-width:760px){.hero-night .hero-visual{height:500px}.hero-night .hero-docs .invoice{width:80px;height:140px;padding:8px}.hero-night .hero-docs .invoice-provider{font-size:10px}.hero-night .hero-docs .invoice-caption{font-size:4px}.hero-night .hero-docs .invoice-field{font-size:4px}.hero-night .hero-docs .invoice-total{font-size:5px}.hero-dashboard{top:210px;left:0;width:100%;padding:12px}.hd-metrics{gap:6px}.hd-metrics>div{padding:9px 6px}.hd-metrics b{font-size:14px}.hd-metrics small{font-size:8px}.hd-charts h3{font-size:10px}.hd-bars{height:110px;gap:7px}.hd-bars span{font-size:7px}.hd-donut{width:85px;height:85px}.hd-footer{font-size:8px}.hero-animation-control{bottom:-45px}.hero-demo-note{bottom:-65px}} /* Table et dashboard partagent une origine pour une transition continue. */ .hero-night .hero-data-card,.hero-night .hero-dashboard{transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden} /* Dashboard réel défilant puis démonstration IC, dans un cadre fixe. */ .hero-night .hero-media-panel{height:405px;padding:0;overflow:hidden;background:#eff4fc} .hero-capture-window{position:absolute;inset:0;overflow:hidden;background:#f3f6fc} .hero-capture-window img{display:block;width:100%;height:auto;max-width:none;will-change:transform} .hero-ic-window{position:absolute;inset:0;background:#edf2fa;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden} .hero-ic-window video{display:block;width:100%;height:calc(100% - 35px);object-fit:contain} .hero-ic-window>span{font-size:11px;line-height:35px;text-align:center;color:#42627e;background:#fff} @media(max-width:1100px){.hero-night .hero-media-panel{height:355px}} @media(max-width:760px){.hero-night .hero-media-panel{height:330px}.hero-ic-window>span{font-size:9px}} .header nav a,.header>a.button{text-transform:uppercase} /* Encabezado editorial de la página de lectura. */ .reading-detail #lectura .reading-intro{max-width:1080px;margin:0 auto;width:100%;padding-top:12px} .reading-detail #lectura .reading-intro h2{font-size:clamp(30px,3vw,46px);line-height:1.12;letter-spacing:-1.6px;margin:0 0 14px} .reading-detail #lectura .reading-intro h2 span{color:#348eae} .reading-detail #lectura .reading-lead{max-width:880px;margin:0 auto;font-size:18px;line-height:1.55} .reading-highlights{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:900px;margin:22px auto 0;text-align:left} .reading-highlights>div{border-left:2px solid #62b9c6;padding-left:18px} .reading-highlights strong{display:block;font-size:16px;color:#193b56;margin-bottom:6px} .reading-highlights span{display:block;font-size:14px;line-height:1.5;color:#526b85} @media(max-width:700px){.reading-detail #lectura .reading-intro h2{font-size:28px}.reading-detail #lectura .reading-lead{font-size:14px}.reading-highlights{gap:14px;margin-top:16px}.reading-highlights>div{padding-left:10px}.reading-highlights strong{font-size:13px}.reading-highlights span{font-size:12px}} @media(min-width:701px) and (max-height:800px){.reading-detail #lectura .reading-intro h2{font-size:34px;margin-bottom:10px}.reading-detail #lectura .reading-lead{font-size:16px}.reading-highlights{margin-top:14px}.reading-highlights span{font-size:13px}} .self-management{padding:80px 5%;background:#fff;scroll-margin-top:90px}.self-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.self-copy h2{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-1.4px;margin:0 0 22px;color:#15334d}.self-copy h2 span{color:#398fac}.self-copy p{font-size:17px;line-height:1.75;color:#566f86;margin:0 0 18px}.self-copy .button{margin-top:10px}.self-map{border:1px solid #d8e7ed;background:linear-gradient(145deg,#f4fafb,#edf3fc);border-radius:22px;padding:28px;box-shadow:0 20px 60px #163c5810}.self-map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.2px;color:#57738a}.self-tag{background:#dcefee;border-radius:20px;padding:7px 11px;color:#277e83;letter-spacing:0}.self-org{display:flex;align-items:center;gap:14px;background:#15344e;color:white;border-radius:12px;padding:20px;margin:24px auto 28px;max-width:340px;position:relative}.self-org:after{content:'';position:absolute;height:28px;width:1px;background:#8db7ca;top:100%;left:50%}.self-org>span{font-size:30px;color:#7cd0d3}.self-org strong{font-size:17px}.self-org small{display:block;color:#bfd8e7;margin-top:6px;font-size:12px}.self-buildings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.self-buildings article{background:white;border:1px solid #d7e5ed;border-radius:12px;padding:20px 16px}.self-building-icon{color:#368da9;font-size:24px}.self-buildings h3{font-size:15px;margin:12px 0 7px;color:#173a53}.self-buildings p{font-size:11px;color:#647e93;line-height:1.5}.self-providers{display:grid;gap:7px;margin-top:18px}.self-providers span{font-size:11px;background:#edf6f8;color:#34748b;padding:9px;border-radius:6px}.self-map-note{text-align:center;font-size:12px;color:#5d7b8d;margin:22px 0 0}.self-benefits{max-width:1400px;margin:50px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.self-benefits article{border-top:1px solid #cfdee8;padding-top:20px}.self-benefits article>span{font-size:12px;color:#388fa3}.self-benefits h3{font-size:19px;color:#173a53;margin:10px 0}.self-benefits p{font-size:15px;line-height:1.65;color:#617486;margin:0}@media(max-width:850px){.self-management{padding:50px 5%}.self-layout{grid-template-columns:1fr;gap:30px}.self-benefits{gap:20px}.self-map{padding:20px}}@media(max-width:550px){.self-benefits{grid-template-columns:1fr;margin-top:30px}.self-buildings{gap:10px}.self-buildings article{padding:14px 10px}.self-map-heading{font-size:9px;letter-spacing:.5px}.self-copy p{font-size:16px}} .detail-analytics{padding:80px 5%;background:linear-gradient(125deg,#0d2037,#183c50);scroll-margin-top:80px}.detail-analytics .detail-heading{max-width:1100px}.detail-analytics .detail-heading h2{color:#fff}.detail-analytics .detail-heading h2 span{color:#7bd0d6}.detail-analytics .detail-heading p{color:#c0d3e3}.analytics-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.7fr 1fr;gap:44px;align-items:center}.analytics-preview{min-width:0;overflow:hidden;border:1px solid #ffffff26;border-radius:18px;background:#eff4fa;box-shadow:0 24px 65px #0003}.analytics-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:#23435a;color:#d6e6f0;font-size:10px;letter-spacing:1px}.analytics-pause{background:transparent;color:#a7e5e5;border:1px solid #80b9c866;border-radius:6px;padding:7px 10px;font:inherit;font-size:11px;letter-spacing:0;cursor:pointer}.analytics-viewport{height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7ea6bd #e6edf5;overscroll-behavior:contain}.analytics-viewport img{display:block;width:100%;height:auto}.analytics-copy{display:grid;gap:28px}.analytics-copy article{border-bottom:1px solid #ffffff24;padding-bottom:24px}.analytics-copy article:last-child{border:0;padding-bottom:0}.analytics-copy article>span{font-size:11px;letter-spacing:1.5px;color:#79d0d4}.analytics-copy h3{font-size:23px;color:#fff;margin:12px 0}.analytics-copy p{font-size:16px;line-height:1.7;color:#c0d3e3;margin:0}.analytics-pause:focus-visible,.analytics-viewport:focus-visible{outline:2px solid #6fd7e2;outline-offset:3px}@media(max-width:950px){.analytics-layout{grid-template-columns:1fr;gap:30px}.analytics-copy{grid-template-columns:repeat(3,1fr);gap:20px}.analytics-copy h3{font-size:19px}.analytics-copy p{font-size:14px}.analytics-copy article{border:0}.analytics-viewport{height:440px}}@media(max-width:600px){.detail-analytics{padding:50px 5%}.analytics-copy{grid-template-columns:1fr}.analytics-viewport{height:330px}.analytics-preview-bar{padding:12px;font-size:8px}.analytics-copy article{padding-bottom:12px}.analytics-pause{font-size:10px}} /* La demostración ocupa sólo la altura de su contenido. */ .explore-demo:has(.explore-original){align-self:start} #explore-screen:has(.explore-original){min-height:0;height:auto;padding-bottom:0} #explore-screen .auto-complete-benefits{padding:12px 10px;line-height:1.35;gap:10px} #explore-screen .auto-complete-benefits[hidden]{display:none!important} .explore-demo:has(.explore-original) .explore-demo-bottom:empty{display:none} #explore-link[hidden]{display:none!important} .product-faq{padding:64px 6%;background:#f5f8fc}.product-faq>h2{font-size:clamp(28px,3vw,40px);line-height:1.2;color:#12324b;text-align:center;max-width:1000px;margin:0 auto 20px}.product-faq>p{max-width:950px;margin:0 auto 30px;text-align:center;font-size:17px;line-height:1.7;color:#536c83}.faq-list{max-width:1000px;margin:auto}.faq-list details{border-bottom:1px solid #d4e2eb;padding:18px 0}.faq-list summary{cursor:pointer;font-size:17px;font-weight:600;color:#15364d;line-height:1.5}.faq-list p{font-size:16px;line-height:1.7;color:#536c83;margin:14px 0}.faq-list a{text-decoration:underline;color:#08758c}@media(max-width:760px){.product-faq{padding:44px 5%}.product-faq p,.faq-list summary{text-align:center}.product-faq>p{font-size:16px}} .reading-detail #lectura #reading-title{font-size:clamp(30px,3vw,46px);line-height:1.12;letter-spacing:-1.6px;margin:0 0 14px}.reading-detail #reading-title span{color:#348eae}@media(max-width:760px){.reading-detail #lectura #reading-title{font-size:30px;text-align:center}} .energy-detail{padding-top:var(--header)}.energy-detail-hero{padding:60px 5%;background:linear-gradient(135deg,#f3f8fc,#e5f2f4)}.energy-detail h1{font-size:clamp(32px,4vw,54px);line-height:1.12;letter-spacing:-1.5px;color:#12324b;margin:0 0 24px}.energy-detail h1 span{color:#328da3}.energy-detail .detail-heading .button{margin-top:24px}.energy-detail-image{display:block;width:100%;max-width:1400px;margin:35px auto 0;border-radius:18px;box-shadow:0 20px 50px #163c5818}.energy-detail-note{max-width:1000px;margin:32px auto 0;font-size:15px;line-height:1.7;color:#536c83}.energy-detail-links{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:32px}.energy-detail a:not(.button){color:#167d93;text-decoration:underline}.energy-detail-link{display:inline-block;margin-top:20px;color:#9be3e8;text-decoration:underline;font-weight:600}@media(max-width:760px){.energy-detail-hero{padding:40px 5%}.energy-detail h1,.energy-detail-note{text-align:center}.energy-detail-links{flex-direction:column}.energy-detail .button{font-size:14px;white-space:normal;text-align:center}}