:root{--pointer-x:50vw;--pointer-y:50vh;--scroll:0}
html,body{overflow-x:clip}
.pointer-orbit{position:fixed;left:var(--pointer-x);top:var(--pointer-y);width:38px;height:38px;transform:translate(-50%,-50%);border:1px solid rgba(13,164,195,.55);border-radius:50%;pointer-events:none;z-index:90;transition:width .22s,height .22s,border-color .22s,opacity .2s;mix-blend-mode:multiply}.pointer-orbit i{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#0da4c3;border-radius:50%;transform:translate(-50%,-50%)}body.pointer-active .pointer-orbit{width:64px;height:64px;border-color:rgba(13,164,195,.22)}
.hero-visual:before{content:"";position:absolute;inset:-25%;background:conic-gradient(from calc(var(--scroll)*1deg),transparent,#0da4c322,transparent 32%,#67d8e81e,transparent 68%);animation:ambientTurn 18s linear infinite}.hero-visual:after{content:"";position:absolute;width:65%;aspect-ratio:1;left:var(--hero-x,50%);top:var(--hero-y,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,#67d8e826 0,transparent 67%);transition:left .35s ease-out,top .35s ease-out}
@keyframes ambientTurn{to{transform:rotate(360deg)}}
.route-panel{clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px));transition:transform .35s ease,box-shadow .35s ease}.route-panel:hover{transform:translateY(-5px);box-shadow:0 45px 100px rgba(0,0,0,.36)}
.route-steps li.active~li{opacity:.72}.route-steps li.stage-on{color:#fff}.route-steps li.stage-on:before{background:#67d8e8;box-shadow:0 0 0 5px rgba(103,216,232,.14)}
.kinetic-line{position:relative;overflow:hidden;background:#67d8e8;color:#062537;transform:rotate(-1.2deg) scale(1.025);margin:-7px 0 0;padding:16px 0;z-index:6}.kinetic-line div{width:max-content;display:flex;align-items:center;gap:22px;white-space:nowrap;font-size:clamp(13px,1.25vw,19px);font-weight:900;letter-spacing:.15em;animation:kinetic 24s linear infinite}.kinetic-line i{font-size:7px;color:#0da4c3}@keyframes kinetic{to{transform:translateX(-50%)}}
.manifesto{position:relative;padding-top:clamp(120px,13vw,200px);clip-path:polygon(0 5vw,100% 0,100% 100%,0 100%)}.manifesto:after{content:"";position:absolute;right:-9vw;top:18%;width:28vw;aspect-ratio:1;border:1px solid #0da4c333;border-radius:50%;box-shadow:0 0 0 5vw #0da4c30c,0 0 0 10vw #0da4c308;pointer-events:none}
.manifesto h2{transform:translateX(calc((var(--scroll) - .2)*-3vw));transition:transform .12s linear}
.agma-model{position:relative}.agma-model:before{content:"AGMA / SISTEMA / PROCESO";position:absolute;right:-.4em;top:22%;writing-mode:vertical-rl;font-weight:900;letter-spacing:.22em;color:#0da4c31c;font-size:clamp(26px,4vw,60px)}
.model-pillars article,.service-grid article{border-radius:0 30px 0 30px}.model-pillars article:nth-child(even),.service-grid article:nth-child(even){transform:translateY(28px);border-radius:30px 0 30px 0}.model-pillars article{transition:transform .4s ease,box-shadow .4s ease}.model-pillars article:hover{transform:translateY(-6px) rotate(-.35deg);box-shadow:0 28px 70px rgba(9,45,67,.12)}.model-pillars article:nth-child(even):hover{transform:translateY(18px) rotate(.35deg)}
.services{position:relative;padding-top:150px;padding-bottom:170px}.services:before{content:"";position:absolute;inset:4% -10% 3%;background:#edf5f7;transform:rotate(1.8deg);z-index:-1}.service-grid{border:0;gap:18px}.service-grid article{border:0!important;min-height:300px;box-shadow:0 16px 45px rgba(9,45,67,.055);transition:transform .35s ease,box-shadow .35s ease}.service-grid article:hover{transform:translateY(-12px) rotate(-.6deg);box-shadow:0 30px 65px rgba(9,45,67,.14)}.service-grid article:nth-child(even):hover{transform:translateY(16px) rotate(.6deg)}
.reel{position:relative;display:block;isolation:isolate;margin:0 clamp(16px,4vw,70px) 120px;border-radius:42px 4px 42px 4px;overflow:hidden;box-shadow:0 35px 100px rgba(9,45,67,.16)}.reel-copy{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:35px;align-items:start;padding:55px clamp(28px,5vw,80px)}.reel-copy .eyebrow{margin:8px 0 0}.reel-copy h2{font-size:clamp(35px,4vw,60px);margin:0}.reel-copy>p:not(.eyebrow){margin:5px 0 0}.video-controls,.sound-note{grid-column:3}.video-controls{margin-top:-28px}.reel-player{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,0 8%)}.sound-state{display:flex;position:absolute;left:22px;bottom:20px;gap:4px;height:26px;align-items:end;opacity:.35}.sound-state i{display:block;width:3px;height:35%;background:#67d8e8}.sound-state.playing{opacity:1}.sound-state.playing i{animation:eq .8s ease-in-out infinite alternate}.sound-state.playing i:nth-child(2){animation-delay:-.35s}.sound-state.playing i:nth-child(3){animation-delay:-.55s}.sound-state.playing i:nth-child(4){animation-delay:-.15s}.sound-state.playing i:nth-child(5){animation-delay:-.45s}@keyframes eq{to{height:100%}}
.work{position:relative;clip-path:polygon(0 4vw,100% 0,100% calc(100% - 4vw),0 100%);padding-top:160px;padding-bottom:180px}.project{border-radius:28px 4px 28px 4px;transition:transform .18s ease-out,filter .3s ease}.project:after{border-radius:inherit}.project:hover{filter:brightness(1.04)}
.identity{position:relative}.values{overflow:hidden}.values span{transition:transform .25s ease,background .25s ease,color .25s ease}.values span:hover{transform:translateY(-8px) rotate(-2deg);background:#092d43;color:white}
.method{position:relative}.method ol{counter-reset:steps}.method li{position:relative;transition:padding-left .35s ease,background .35s ease}.method li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#67d8e8;transform:scaleY(0);transform-origin:top;transition:transform .45s ease}.method li.in-view{padding-left:24px;background:linear-gradient(90deg,#67d8e812,transparent)}.method li.in-view:before{transform:scaleY(1)}
.contact{position:relative;overflow:hidden}.contact:after{content:"";position:absolute;width:42vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-14vw;top:-60%;box-shadow:0 0 0 5vw rgba(255,255,255,.035),0 0 0 10vw rgba(255,255,255,.025);pointer-events:none}
@media(max-width:980px){.pointer-orbit{display:none}.model-pillars article:nth-child(even),.service-grid article:nth-child(even){transform:none}.reel{margin:0 20px 90px}.reel-copy{grid-template-columns:1fr}.video-controls,.sound-note{grid-column:1;margin-top:0}.reel-player{clip-path:none}.manifesto h2{transform:none}.work{clip-path:polygon(0 2vw,100% 0,100% calc(100% - 2vw),0 100%)}}
@media(max-width:620px){.reel-index,.reel-player .sound-state{display:none}.reel-in-view .whatsapp{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.kinetic-line div,.hero-visual:before,.sound-state.playing i{animation:none}.manifesto h2{transform:none}.pointer-orbit{display:none}}

.process-journey{--journey-progress:0;position:relative;padding:clamp(100px,12vw,180px) clamp(28px,7vw,130px) 120px;background:#f7fbfc;overflow:hidden}.journey-heading{display:grid;grid-template-columns:.45fr 1fr;gap:24px 70px;align-items:end}.journey-heading .eyebrow{grid-column:1}.journey-heading h2{grid-column:1;font-size:clamp(48px,6.2vw,92px);line-height:.92;letter-spacing:-.055em;margin:0}.journey-heading h2 em{font-style:normal;color:#0da4c3}.journey-heading>p:last-child{grid-column:2;font-size:19px;line-height:1.65;color:#60727d;max-width:600px;margin:0 0 8px}.journey-track{position:relative;height:72px;margin:75px 0 22px;border-bottom:1px solid #b8cdd5}.journey-line{position:absolute;left:0;bottom:-2px;height:4px;width:0;background:linear-gradient(90deg,#0da4c3,#67d8e8);box-shadow:0 0 24px rgba(13,164,195,.4)}.journey-pencil{position:absolute;left:0;bottom:-25px;width:50px;height:50px;padding:10px;background:#092d43;border-radius:50%;transform:translateX(-50%) rotate(calc(-8deg + var(--journey-progress)*18deg));box-shadow:0 10px 30px rgba(9,45,67,.22);transition:left .12s linear}.journey-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;list-style:none;padding:0;margin:0;background:#d8e5e9}.journey-stages li{display:grid;gap:9px;min-height:170px;padding:25px 22px;background:#fff;opacity:.42;transition:opacity .35s,background .35s,transform .35s}.journey-stages li.active{opacity:1;background:#edfafd;transform:translateY(-6px)}.journey-stages b{font-size:12px;letter-spacing:.16em;color:#0da4c3}.journey-stages strong{font-size:20px;color:#092d43}.journey-stages span{font-size:14px;line-height:1.5;color:#60727d}
.technical-lab{display:grid;grid-template-columns:.82fr 1.18fr;min-height:850px;background:#061f30;color:#fff}.lab-copy{padding:clamp(75px,8vw,130px) clamp(28px,7vw,110px)}.lab-copy>h2{font-size:clamp(50px,6vw,88px);line-height:.93;letter-spacing:-.055em;margin:22px 0 32px}.lab-copy>h2 em{font-style:normal;color:#67d8e8}.lab-intro{font-size:18px;line-height:1.65;color:#adc1cb;max-width:650px}.lab-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:42px 0 45px;border-bottom:1px solid rgba(103,216,232,.25)}.lab-tab{display:grid;gap:10px;padding:18px 8px 20px;border:0;border-bottom:3px solid transparent;background:transparent;color:#849fac;text-align:left;font:700 14px Arial,sans-serif;cursor:pointer}.lab-tab span{font-size:10px;letter-spacing:.16em}.lab-tab.active{border-color:#67d8e8;color:#fff}.lab-detail{min-height:285px}.lab-detail small{color:#67d8e8;font-weight:800;letter-spacing:.13em}.lab-detail h3{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:20px 0}.lab-detail p{font-size:17px;line-height:1.65;color:#adc1cb}.lab-detail ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:28px 0 0}.lab-detail li{padding:9px 12px;border:1px solid rgba(103,216,232,.25);font-size:12px;color:#d9f7fb}.lab-visual{position:relative;min-height:850px;background:#0b3c55;overflow:hidden}.lab-image-wrap{position:absolute;inset:8% 7%;overflow:hidden;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%)}.lab-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,30,47,.08),rgba(4,30,47,.4));pointer-events:none}.lab-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease}.lab-visual.stage-change .lab-image-wrap img{animation:labReveal .65s ease both}.lab-readout{position:absolute;left:10%;top:11%;z-index:2;display:grid;gap:8px;padding:16px 18px;background:rgba(4,30,47,.88);backdrop-filter:blur(8px)}.lab-readout span{font-size:9px;letter-spacing:.16em;color:#9eb8c3}.lab-readout i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#67d8e8;box-shadow:0 0 0 5px rgba(103,216,232,.12)}.lab-readout strong{font-size:14px;letter-spacing:.1em}.lab-mark{position:absolute;z-index:2;width:150px;height:100px;border:1px solid rgba(103,216,232,.75)}.lab-mark:before,.lab-mark:after{content:"";position:absolute;background:#67d8e8}.lab-mark:before{width:18px;height:1px;right:-18px;top:-1px}.lab-mark:after{width:1px;height:18px;right:-1px;top:-18px}.lab-mark span{position:absolute;bottom:-27px;left:0;font-size:9px;letter-spacing:.16em;color:#d6f6fa}.lab-mark-a{right:12%;top:23%}.lab-mark-b{left:14%;bottom:18%}.lab-visual[data-stage="preprensa"] .lab-image-wrap img{filter:saturate(.75) contrast(1.1)}.lab-visual[data-stage="produccion"] .lab-image-wrap img{filter:saturate(1.08) contrast(1.05)}@keyframes labReveal{from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:980px){.journey-heading{grid-template-columns:1fr}.journey-heading .eyebrow,.journey-heading h2,.journey-heading>p:last-child{grid-column:1}.journey-stages{grid-template-columns:1fr}.journey-stages li{min-height:0;grid-template-columns:48px .55fr 1fr;align-items:center}.technical-lab{grid-template-columns:1fr}.lab-visual{min-height:650px}.lab-copy{padding-bottom:70px}}
@media(max-width:560px){.process-journey{padding-left:20px;padding-right:20px}.journey-track{margin-top:45px}.journey-stages li{grid-template-columns:38px 1fr}.journey-stages span{grid-column:2}.lab-copy{padding-left:22px;padding-right:22px}.lab-tabs{margin-left:-4px;margin-right:-4px}.lab-tab{font-size:12px}.lab-visual{min-height:520px}.lab-image-wrap{inset:6% 4%}.lab-mark{width:105px;height:72px}}
@media(prefers-reduced-motion:reduce){.journey-pencil,.journey-stages li,.lab-image-wrap img{transition:none}.lab-visual.stage-change .lab-image-wrap img{animation:none}}

/* Encuadre completo de las laminas tecnicas: nunca cortar texto ni geometria. */
.technical-lab .lab-image-wrap{display:grid;place-items:center;background:#eaf1f4}
.technical-lab .lab-image-wrap:after{border:1px solid rgba(103,216,232,.28);background:linear-gradient(135deg,rgba(4,30,47,.02),rgba(4,30,47,.12))}
.technical-lab .lab-image-wrap img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.technical-lab .lab-mark{background:rgba(4,30,47,.05);pointer-events:none}