/* REALIDAR FLOW / V2 · extend the approved V1; no site-wide rasterization. */
:root{--v2-hairline:rgba(147,185,238,.27)}
html{scroll-padding-top:92px}
/* Make editorial microcopy readable across common screens. */
.eyebrow,.section-index,.section-index span,.kicker,.under-cta,.frame-id,.scene-rail,.scene-coordinate,.section h3 small{font-size:max(11px, .76rem)!important;line-height:1.5;letter-spacing:.1em}
.hero .eyebrow{white-space:normal}
.pillar .kicker{color:#b8e9ff}
.pillar-copy p{color:#d8e6fa}
.tag-row span{font-size:10px}
.under-cta{color:#aebdd3}
/* Original hero: layered, living particle current instead of hard elliptical wire art. */
.hero-particle-orbit{position:absolute;z-index:3;pointer-events:none;inset:-1% -15% 1% -9%;width:124%;height:104%;transform:translate3d(calc(var(--mx)*9px),calc(var(--my)*4px),0);filter:drop-shadow(0 0 12px rgba(52,109,255,.42));opacity:.96}
/* Human-focused imagery for the three products, with real HTML card links and controls. */
.pillar-art{width:38%;height:100%;right:-2px;bottom:0;opacity:.75;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 38%,#000)}
.pillar-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);filter:saturate(1.2) contrast(1.09)}
.pillar-art.art-capacita img{object-position:54% center;filter:saturate(1.15) brightness(.86)}
.pillar-art.art-clips img{object-position:50% 24%}
.pillar-art.art-observatorio img{object-position:75% center}
.pillar-art .art-sheen{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,32,.2),transparent 35%),linear-gradient(0deg,rgba(8,12,28,.7),transparent 45%)}
.pillar-copy{position:relative;z-index:2;max-width:80%}
/* Replace bare wire-only diagram with cinematic photograph, retain active semantic network buttons. */
.network-wrap{border:1px solid rgba(119,176,251,.2);border-radius:28px;overflow:hidden;background:#071125;box-shadow:0 28px 85px rgba(0,0,0,.3);}
.ecosystem-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;opacity:.43;filter:saturate(1.1) contrast(1.13);pointer-events:none}
.network-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,15,37,.18),rgba(4,10,29,.37));z-index:0}
.network-wires{opacity:.32;z-index:1}
.network-glow{z-index:1}
.network-node{z-index:3;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
.ecosystem-detail{position:relative;z-index:2}
/* Observatory stays a live animated CSS/data visualization; new ambient sparks are decorative. */
.dashboard{isolation:isolate;border-color:rgba(118,197,254,.44);box-shadow:0 28px 90px #0009,0 0 80px #4834b828,inset 0 0 45px #3463aa18}
.obs-spark-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.92}
.dashboard>*:not(.obs-spark-field){position:relative;z-index:1}
.dashboard:before{content:"";position:absolute;inset:0;border-radius:23px;background:radial-gradient(ellipse at 77% 23%,rgba(103,51,222,.14),transparent 52%);pointer-events:none}
.dash-wave:after{content:"";position:absolute;inset:0;background:linear-gradient(92deg,transparent 42%,rgba(33,190,254,.045) 52%,transparent 61%);background-size:200% 100%;animation:v2-scan 8s linear infinite;pointer-events:none}
@keyframes v2-scan{to{background-position:-200% 0}}
.radial-chart{filter:drop-shadow(0 0 10px rgba(113,102,255,.36))}
/* Second hero — distinct visual and narrative beat. */
.technology-chapter{position:relative;min-height:760px;background:#030710;border-top:1px solid rgba(95,123,200,.27);border-bottom:1px solid rgba(95,123,200,.22);overflow:hidden;isolation:isolate;scroll-margin-top:80px}
.technology-image{position:absolute;inset:0;z-index:-2}
.technology-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.2) brightness(.76) contrast(1.12)}
.technology-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020815 4%,rgba(2,8,22,.93) 23%,rgba(2,8,24,.66) 51%,rgba(5,9,24,.23) 100%),linear-gradient(0deg,#040714 0%,transparent 18%,transparent 76%,#040714 100%)}
.technology-inner{min-height:760px;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:4vw;position:relative;z-index:2}
.technology-copy{padding:90px 0 100px}
.technology-copy h2{font-size:clamp(45px,5.1vw,82px);line-height:1.04;letter-spacing:-.07em;font-weight:720;margin:27px 0 31px;max-width:830px}
.technology-copy p{max-width:580px;color:#c4d3e6;line-height:1.78;font-size:17px;margin:0}
.technology-stats{display:flex;flex-wrap:wrap;gap:17px 26px;padding-top:29px;margin-top:27px;border-top:1px solid var(--v2-hairline);font-size:10px;letter-spacing:.14em;color:#abd5ff;font-weight:750}
.technology-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:37px}
.technology-parent-link{border-color:#78baff;color:#cdeeff;max-width:270px;line-height:1.5}
.technology-visual{position:relative;min-height:430px;isolation:isolate}
.technology-visual:before{content:"";position:absolute;inset:8% 12%;border-radius:50%;background:radial-gradient(circle,rgba(23,111,242,.24),rgba(146,42,187,.13) 38%,transparent 71%);filter:blur(24px)}
.technology-orbits{position:absolute;width:55%;height:80%;top:7%;right:-12%;z-index:0;pointer-events:none;opacity:.6}
.technology-orbits span{position:absolute;inset:15%;border:1px solid #8d80ef6d;border-radius:50%;transform:rotate(-17deg) scaleY(.6);box-shadow:0 0 45px #7363df24;animation:v2-orbit 22s linear infinite}
.technology-orbits span:nth-child(2){inset:1%;border-color:#48aef870;transform:rotate(46deg) scaleY(.43);animation-duration:31s;animation-direction:reverse}
.technology-orbits span:nth-child(3){inset:25%;border-color:#ef6ac265;transform:rotate(71deg) scaleY(.7);animation-duration:28s}
.technology-orbits i{position:absolute;width:8px;height:8px;border-radius:50%;background:#25d2ff;left:19%;top:43%;box-shadow:0 0 26px #18d6ff}
@keyframes v2-orbit{50%{filter:hue-rotate(35deg);opacity:.58}}
.tech-glass{position:absolute;z-index:3;display:flex;flex-direction:column;gap:10px;padding:20px 24px;border-radius:15px;border:1px solid rgba(129,180,251,.44);background:linear-gradient(125deg,rgba(10,28,55,.79),rgba(20,10,53,.69));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 35px rgba(0,0,0,.35),inset 0 0 21px rgba(77,124,234,.1);transform:perspective(900px) rotateY(-9deg);min-width:220px;animation:v2-float 7.5s ease-in-out infinite}
.tech-glass small{font-size:10px;letter-spacing:.18em;color:#8ad9ff;font-weight:700}
.tech-glass strong{font-size:17px;font-weight:650;letter-spacing:-.02em}
.tech-glass-a{top:14%;left:1%}.tech-glass-b{top:41%;right:1%;animation-delay:-2.3s;border-color:rgba(205,83,229,.54)}.tech-glass-b small{color:#f0a9fa}.tech-glass-c{bottom:10%;left:14%;animation-delay:-4.4s}
.micro-scan{display:block;width:72%;height:2px;margin-top:7px;background:linear-gradient(90deg,#0bbfea,#aa72f1,transparent);box-shadow:0 0 9px #477efe}
.tech-center-dot{display:block;width:18px;height:18px;border-radius:50%;background:#f7faff;box-shadow:0 0 0 8px #1982ed36,0 0 0 35px #6c42dc21,0 0 55px 18px #427bea75;position:absolute;top:52%;left:50%}
@keyframes v2-float{50%{translate:0 -10px}}
/* Commercial CTA: two direct channels, no obsolete form. */
.contact-direct{background:radial-gradient(ellipse at 18% 20%,rgba(74,45,167,.15),transparent 50%),#050915;padding-top:138px;padding-bottom:160px}
.contact-direct-head{max-width:1060px;margin-bottom:47px}
.contact-direct-head h2{font-size:clamp(44px,5.2vw,80px);line-height:1.06;letter-spacing:-.065em;margin:22px 0 20px}
.contact-direct-head p{font-size:16px;line-height:1.75;color:#bfcee1;max-width:750px}
.contact-direct-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.contact-direct-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:390px;padding:28px 31px 30px;overflow:hidden;border-radius:22px;border:1px solid rgba(95,178,251,.43);background:linear-gradient(140deg,#0a1a37,#0b1030 57%,#251133);box-shadow:0 25px 68px rgba(0,0,0,.42);isolation:isolate;transition:transform .3s,border-color .3s,box-shadow .3s}
.contact-direct-card:hover,.contact-direct-card:focus-visible{transform:translateY(-6px);border-color:#87e5ff;box-shadow:0 30px 75px rgba(0,0,0,.48),0 0 40px #2787f126}
.contact-direct-card:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.39;background-image:url('flow-ui/technology-cinematic.webp');background-size:cover;background-position:center 49%;filter:saturate(1.55)}
.contact-direct-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,11,27,.53),rgba(4,12,29,.81) 70%,#060b1e)}
.direct-whatsapp{border-color:rgba(100,223,186,.38);background:linear-gradient(130deg,#051c27,#0b1431 60%,#140d23)}
.direct-whatsapp:before{background-image:url('flow-ui/ecosystem-cinematic.webp');background-position:65% 50%;filter:hue-rotate(28deg) saturate(1.5)}
.direct-card-shimmer{position:absolute;z-index:-1;inset:-40%;border:1px solid transparent;border-radius:50%;background:radial-gradient(circle at 80% 80%,rgba(16,191,255,.11),transparent 40%)}
.direct-topline{display:flex;justify-content:space-between;align-items:center;color:#aee6ff;font-size:11px;font-weight:700;letter-spacing:.18em}
.direct-topline>span:last-child{font-size:24px;letter-spacing:0;color:#d8f7ff}
.direct-card-main{max-width:470px}
.direct-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid rgba(128,221,255,.55);font-size:29px;color:#b7f3ff;box-shadow:inset 0 0 20px #118edc40,0 0 29px #416dde4a;margin-bottom:19px}
.direct-whatsapp .direct-icon{border-color:rgba(75,230,184,.65);color:#8dfbce}
.direct-card-main h3{font-size:clamp(29px,3vw,43px);font-weight:670;line-height:1.17;letter-spacing:-.052em;margin:0 0 17px}
.direct-card-main p{font-size:14px;line-height:1.8;color:#c6d8ec;max-width:450px}
.direct-card-main p strong{color:#fff;font-weight:700}
.direct-link-label{display:inline-flex;gap:10px;border-bottom:1px solid #80d8ff;padding-bottom:9px;margin-top:25px;color:#9beaff;font-size:13px;font-weight:700}
.direct-whatsapp .direct-link-label{color:#a3f4d6;border-color:#7adbb3}
/* Full footer links and logo readable on compact screens. */
.site-footer .footer-links a{font-size:12px;line-height:1.5}
.footer-line a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1120px){.technology-inner{grid-template-columns:1fr 1fr}.tech-glass{min-width:175px}.pillar-art{width:34%}}
@media(max-width:980px){.technology-inner{grid-template-columns:1fr;min-height:0;gap:0}.technology-copy{padding:100px 0 10px}.technology-visual{min-height:380px}.technology-image:after{background:linear-gradient(90deg,#040918e8,rgba(4,9,24,.57)),linear-gradient(0deg,#050817,transparent 28%,#050817 100%)}.technology-orbits{width:100%;right:-24%;top:18%}}
@media(max-width:700px){.contact-direct{padding:96px 0}.contact-direct-cards{grid-template-columns:1fr}.contact-direct-card{min-height:355px}.contact-direct-head h2{font-size:clamp(38px,9.5vw,59px)}.technology-chapter{min-height:0}.technology-copy h2{font-size:clamp(40px,8.5vw,65px)}.technology-copy p{font-size:15px}.technology-visual{min-height:320px}.tech-glass{padding:14px 17px;min-width:165px}.tech-glass strong{font-size:14px}.tech-center-dot{width:12px;height:12px}.pillar-art{opacity:.36;width:44%}.pillar-copy{max-width:94%}.ecosystem-film{opacity:.33}.hero-particle-orbit{inset:1% -15%;width:126%;height:99%}}
@media(max-width:420px){.technology-copy{padding-top:72px}.technology-stats{gap:12px}.technology-visual{min-height:290px}.tech-glass{min-width:135px}.tech-glass-a{left:0;top:15%}.tech-glass-b{right:0;top:40%}.tech-glass-c{left:8%;bottom:4%}.direct-card-main h3{font-size:30px}.direct-topline{font-size:10px}.contact-direct-card{padding:22px}.hero-particle-orbit{opacity:.7}}
@media(prefers-reduced-motion:reduce){.hero-particle-orbit,.obs-spark-field{display:none!important}.technology-orbits span,.tech-glass{animation:none!important}.dash-wave:after{animation:none!important}.contact-direct-card{transition:none!important}}