/* Alverant 7 · Trama de precisión. The visual field supports readable HTML. */
.page-home .hero{border-radius:var(--radius-surface);background:#f4f5fa;min-height:630px;isolation:isolate}
.hero-spectrum{background:radial-gradient(ellipse at 91% 18%,#7ad4d5a8,transparent 40%),radial-gradient(ellipse at 90% 80%,#8170cfa6,transparent 43%),radial-gradient(ellipse at 55% 105%,#f6ba958c,transparent 46%)}
.hero-aurora{position:absolute;z-index:0;inset:-15% -10% -20% 45%;pointer-events:none;background:radial-gradient(ellipse at 73% 38%,#121d3e 0%,#283b61d6 28%,#54669b77 44%,transparent 66%);transform:rotate(-12deg);transition:filter 1.3s,transform 1.7s var(--motion-out);opacity:.93}
.hero[data-stage="1"] .hero-aurora{filter:hue-rotate(24deg);transform:rotate(7deg) scale(1.05)}
.hero[data-stage="2"] .hero-aurora{filter:hue-rotate(-24deg);transform:rotate(-25deg)}
.page-home .hero-art{z-index:1;top:-1%;height:82%;right:-7%;width:66%;transform:translate3d(0,calc(var(--hero-progress,0)*45px),0) scale(calc(1 + var(--hero-progress,0)*.05))}
.sculpture-reticle{border-color:#d1e4ff33;opacity:.75}
.sculpture-reticle::before{border-color:#edf4ff38}.sculpture-reticle::after{border-color:#d2dcff28}
.reticle-label{color:#d7dff3;letter-spacing:.16em}
.sculpture-ground{background:radial-gradient(ellipse,#10204266,transparent 68%);filter:blur(13px);bottom:9%}
.page-home .hero h1{letter-spacing:-.067em}
.page-home .hero h1 .hero-accent{background:linear-gradient(100deg,#5343b5,#5842d8 65%,#8864c9);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-system{background:#ffffffec;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:14px;box-shadow:0 25px 70px #13264e26;z-index:4}
.sculpture-control{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4) var(--space-2);border-bottom:1px solid #dce1ed}
.sculpture-control label{font-size:10px;color:#53647c;white-space:nowrap}
.sculpture-control input{flex:1;min-width:40px;height:30px;margin:0;accent-color:#6453c5;cursor:ew-resize}
.sculpture-control button{border:1px solid #d6ddeb;background:#f4f6fa;color:#354762;min-width:34px;min-height:34px;border-radius:50%;font-size:19px;cursor:pointer}
.sculpture-control button:hover{background:#e8e5f7}
.system-context{padding-block:12px}.system-context p{margin-bottom:1px}
.hero-bottom .scroll-link{border-color:#a7a7c2;color:#5145a7}
.journey-index{position:sticky;top:74px;z-index:18;background:#fffffff5;backdrop-filter:blur(18px);border-bottom:1px solid #e0e4ee;margin-top:var(--space-4)}
.journey-index>.wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:69px}
.journey-index a{display:flex;align-items:center;gap:14px;min-height:var(--space-12);font-size:12px;color:#53627a;transition:color .25s}
.journey-index a>span{font:10px var(--font-mono);color:#59657a;transition:color .25s}
.journey-index a[aria-current]{color:#5041b8}.journey-index a[aria-current]>span{color:#5041b8}
.journey-progress{display:block;height:2px;position:absolute;bottom:-1px;left:0;width:100%;background:linear-gradient(90deg,#609b99,#7161ca,#c98a57);transform-origin:0 50%;transform:scaleX(var(--read-progress,0))}
.page-home :is(#servicios,#por-donde-empezar,#casos,#catalogo,#metodo,#caso-datos,#caso-ia,#caso-entrega){scroll-margin-top:165px}
.capability-section{padding-top:100px}
.capability-mosaic{gap:18px}.cap-tile{border-radius:20px}
.cap-software{background:radial-gradient(ellipse at 95% 20%,#e8eefed1,transparent 60%),#eeeefb}
.cap-data{background:radial-gradient(ellipse at 10% 95%,#83d7bf8c,transparent 68%),#e0f3ec}
.cap-copy{z-index:3}.cap-tile:hover .cap-bottom svg{transform:translate(4px,-4px)}
.cap-bottom svg{transition:transform .5s var(--motion-out)}
.priority-card{border-radius:var(--radius-surface);transition:box-shadow .6s,background .6s}
.priority-card:hover{box-shadow:0 22px 55px #253f6612}
.priority-card h3{view-transition-class:offer-heading}
.priority-data h3{view-transition-name:offer-data-title}.priority-ai h3{view-transition-name:offer-ai-title}.priority-package h3{view-transition-name:offer-tests-title}
.detail-hero[data-offer-page="data"] h1{view-transition-name:offer-data-title}.detail-hero[data-offer-page="ai"] h1{view-transition-name:offer-ai-title}.detail-hero[data-offer-page="tests"] h1{view-transition-name:offer-tests-title}
.detail-hero h1{view-transition-class:offer-heading}
::view-transition-group(offer-data-title),::view-transition-group(offer-ai-title),::view-transition-group(offer-tests-title){animation-duration:var(--motion-layout);animation-timing-function:var(--motion-out)}
.case-scene{margin-inline:18px;border-radius:var(--radius-chapter);overflow:hidden;isolation:isolate;position:relative}
.case-scene+.case-scene{margin-top:22px}
.case-scene::before{inset:-120px -12% auto auto;width:65%;height:650px;border:1px solid #ffffff38;border-radius:50%;background:none;transform:translate3d(0,calc((var(--chapter-progress,.5) - .5)*90px),0) rotate(-27deg);z-index:-1}
.case-scene::after{content:'';position:absolute;z-index:-1;width:64%;height:650px;right:-15%;top:-100px;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 48px #ffffff09,0 0 0 96px #ffffff06;transform:translate3d(0,calc((var(--chapter-progress,.5) - .5)*-120px),0) rotate(-27deg);pointer-events:none}
.case-copy h3,.package-heading h3{font-size:clamp(42px,4.2vw,66px);line-height:1.06;letter-spacing:-.06em}
.case-copy{position:relative}.case-index{display:flex;align-items:center;gap:14px;letter-spacing:.1em}
.case-index::before{content:'';display:block;width:27px;height:1px;background:currentColor;opacity:.6}
.case-stage{padding-block:100px}.scene-data{background:radial-gradient(ellipse at 80% 15%,#b6e2d1,transparent 62%),var(--color-data-surface)}
.scene-ai{background:radial-gradient(ellipse at 90% 15%,#49466c,transparent 65%),linear-gradient(130deg,var(--color-ai-surface),#171c33)}
.scene-package{background:radial-gradient(ellipse at 90% 30%,#edbe9a,transparent 60%),var(--color-transfer-surface)}
.case-workspace>.lab{box-shadow:var(--shadow-surface);border:1px solid #ffffff8c}
.scene-ai .case-workspace>.lab{border-color:#8284aa38;box-shadow:0 35px 80px #050a244d}
.case-scene .wrap{width:calc(100% - 96px);max-width:1280px}
.trace-composition{border:1px solid #d3e5dc;border-radius:12px;background:radial-gradient(ellipse at 15% 0%,#fff,transparent 80%),#f0f6f3;padding:15px;margin-block:20px 14px;overflow:hidden}
.trace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.trace-toolbar>span{font:9px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em;color:#4c6a5d}
.trace-toolbar>div{display:flex;gap:3px;padding:3px;border:1px solid #d0e2d8;border-radius:7px;background:#e6efe9}
.trace-toolbar button{min-height:36px;padding:6px 10px;border:0;background:transparent;border-radius:4px;font-size:10px;color:#426053;cursor:pointer}
.trace-toolbar button[aria-pressed="true"]{background:#fff;color:#1c5a44;box-shadow:0 3px 8px #31554614}
.trace-map.trace-ready{position:relative;display:block;aspect-ratio:25/12.4;width:100%;margin:0;background-image:radial-gradient(#6e9b8225 .7px,transparent .8px);background-size:4% 8.065%}
.trace-map.trace-ready i{position:absolute;top:0;left:0;aspect-ratio:auto;border-radius:2px;background:linear-gradient(145deg,#57ab8e,#27745d);box-shadow:0 1px 0 #ffffffb3 inset,0 2px 3px #16482a12;transition:transform var(--motion-entrance) var(--motion-out),background var(--motion-control),opacity var(--motion-control),scale var(--motion-panel);will-change:auto}
.trace-ready i:not([data-trace-status="matched"]){background:linear-gradient(145deg,#d69b68,#a36336)}
.trace-ready i.is-highlighted{scale:1.35;z-index:2;outline:1px solid #744327;outline-offset:1px}
.trace-ready i.is-dimmed{opacity:.16}
.trace-layout-status{font-size:10px;line-height:1.7;color:#496558;min-height:34px;padding-top:10px;margin:0;border-top:1px solid #d4e3db}
.trace-composition[data-layout="separated"] .trace-map::after{content:'';position:absolute;left:74%;top:0;bottom:8%;width:1px;background:#a7c5b7}
.data-lab .result-metrics strong{font-variant-numeric:tabular-nums}
.sample-preview{transform:translateY(calc((var(--chapter-progress,.5) - .5)*-12px))}
.offer-artifact{border-radius:24px;box-shadow:0 22px 65px #344e7c12}
.artifact-document{box-shadow:var(--shadow-artifact)}
.artifact-orbit{border-width:1px;transition:transform 1.3s var(--motion-out)}
.offer-artifact::after{content:'';position:absolute;width:85%;height:75%;border:1px solid #ffffff7a;border-radius:50%;left:4%;top:13%;z-index:0;transform:rotate(-30deg) translateY(calc((var(--chapter-progress,.5) - .5)*-24px));pointer-events:none}
.artifact-document,.artifact-caption,.offer-artifact>.eyebrow{position:relative;z-index:1}
.method-visual{box-shadow:0 35px 85px #2f3c631a;border-radius:22px}
.machine-node{box-shadow:0 22px 38px #555d8e23,inset 0 0 0 1px #fff8}
.machine-lens{background:radial-gradient(circle at 30% 25%,#c5c5ff,#8078cb 40%,#51489f);box-shadow:0 14px 25px #51469d45,inset 0 0 0 1px #ffffff6b}
.inline-contact{background:radial-gradient(ellipse at 0 0,#ebe5ff,transparent 55%),radial-gradient(ellipse at 90% 100%,#daf3e9,transparent 60%),#f2f5fa;border-radius:22px}
@media(min-width:1200px){.page-home .hero{height:calc(100svh - 90px);max-height:870px}.page-home .hero-copy{padding-top:clamp(100px,14vh,145px);padding-left:4%;width:58%}.page-home .hero-copy h1{font-size:clamp(68px,6.1vw,96px)}.hero-system{right:4%;bottom:32px;width:440px}.page-home .hero-bottom{left:4%;right:auto;width:46%;bottom:35px}.page-home .hero-copy>p{max-width:400px}.hero-actions{gap:22px}}
@media(max-width:1199.98px){.page-home .hero{min-height:0;height:auto}.hero-aurora{inset:10% -20% 0 15%;opacity:.7}.page-home .hero-art{position:relative;inset:auto;width:90%;height:470px;margin-top:-15px}.hero-system{position:relative;width:520px;max-width:calc(100% - 64px);margin:0 auto 15px;align-self:center}.hero-copy{z-index:3}.hero-aurora{mask-image:linear-gradient(transparent 18%,#000 45%)}.case-scene .wrap{width:calc(100% - 64px)}.case-stage{padding-block:75px}.case-copy h3,.package-heading h3{font-size:43px}.trace-toolbar{gap:8px}.journey-index>.wrap{min-height:58px}.journey-index a{font-size:11px;gap:8px}.journey-index a>span{font-size:9px}}
@media(max-width:900px){.journey-index{top:68px}.journey-index>.wrap{width:calc(100% - 40px)}.journey-index a{font-size:10px;gap:5px}.journey-index a>span{display:none}.page-home :is(#servicios,#por-donde-empezar,#casos,#catalogo,#metodo,#caso-datos,#caso-ia,#caso-entrega){scroll-margin-top:145px}.page-home .hero-art{height:430px;width:105%;margin-top:0}.case-scene{margin-inline:12px;border-radius:22px}.case-scene .wrap{width:calc(100% - 48px)}.case-stage{padding-block:55px}.case-copy h3,.package-heading h3{font-size:44px}.sculpture-reticle{opacity:.4}.reticle-label{display:none}}
@media(max-width:600px){.page-home .hero{border-radius:14px;margin-inline:10px}.page-home .hero-copy{padding-top:42px}.page-home .hero-art{height:340px;width:112%;margin-top:0}.hero-aurora{inset:28% -35% 8% -10%;opacity:.72;mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}.hero-system{max-width:calc(100% - 28px);width:100%;margin:0 auto 10px;border-radius:12px}.sculpture-control{gap:8px;padding:0 11px 7px}.sculpture-control label{font-size:10px}.sculpture-control button{min-height:36px;min-width:36px}.system-context{padding:11px 14px}.journey-index{position:relative;top:auto;margin-top:10px;backdrop-filter:none}.journey-index>.wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;min-height:0;width:calc(100% - 32px);padding-block:7px}.journey-index a{font-size:11px;min-height:39px;justify-content:center}.journey-index a:nth-child(4),.journey-index a:nth-child(5){grid-column:auto}.journey-progress{display:none}.page-home :is(#servicios,#por-donde-empezar,#casos,#catalogo,#metodo,#caso-datos,#caso-ia,#caso-entrega){scroll-margin-top:88px}.capability-section{padding-top:60px}.case-scene{margin-inline:8px;border-radius:var(--radius-surface)}.case-scene+.case-scene{margin-top:12px}.case-scene .wrap{width:calc(100% - 32px)}.case-stage{padding-block:42px}.case-copy h3,.package-heading h3{font-size:36px;line-height:1.1}.case-scene::after,.case-scene::before{width:100%;right:-40%;opacity:.6;transform:rotate(-27deg)}.trace-composition{padding:10px;margin-top:17px;border-radius:9px}.trace-toolbar{gap:9px}.trace-toolbar>span{font-size:8px}.trace-toolbar>div{width:100%}.trace-toolbar button{flex:1;font-size:10px;min-height:40px;padding-inline:5px}.trace-map.trace-ready{aspect-ratio:25/13}.trace-ready i{border-radius:1px;box-shadow:0 1px 0 #ffffff88 inset}.trace-layout-status{font-size:10px;min-height:49px;padding-top:8px}.sample-preview{transform:none}.offer-artifact{border-radius:var(--radius-surface)}.journey-index a[aria-current]{background:#f1effb;border-radius:6px}}
@media(max-width:359.98px){.page-home .hero-art{height:295px}.case-copy h3,.package-heading h3{font-size:32px}.sculpture-control label{font-size:9px}.journey-index a{font-size:10px}.trace-toolbar button{font-size:9px}}
.motion-paused .trace-ready i{transition:none!important}.motion-paused :is(.hero-aurora,.case-scene::before,.case-scene::after,.sample-preview){transform:none!important}
html[data-motion="paused"]::view-transition-group(*){animation-duration:0s!important}
@media(prefers-reduced-motion:reduce){.trace-ready i{transition:none!important}.hero-aurora,.sample-preview,.case-scene::before,.case-scene::after{transform:none!important}::view-transition-group(*){animation-duration:0s!important}}

@media(min-width:901px){.page-home .method-visual{top:164px}}

.page-home .hero h1 .hero-line{padding-bottom:.13em;margin-bottom:-.13em}
@media(min-width:601px) and (max-width:900px){.page-home .method-visual{top:142px}}

/* Reserve the progressive controls without showing inactive UI. */
.hero-system{min-height:185px;display:flex;flex-direction:column;justify-content:flex-end}
.header-motion[hidden]{display:inline-flex!important;visibility:hidden}
@media(max-width:900px){.menu-toggle[hidden]{display:flex!important;visibility:hidden}}

@media(min-width:901px) and (min-height:700px){.page-home .method-machine{max-height:calc(100svh - 360px)}}
@media(min-width:901px) and (max-height:699.98px){.page-home .method-visual{position:relative;top:0}}