/* Inventiva · Adaptación y capacitación AI · scroll-story original.
   CSS sticky sin filtros SVG ni scroll continuo; respeta reduce motion. */
:root{--ai-navy:#082738;--ai-green:#0c5149;--ai-lime:#c6f806;--ai-ice:#d8fbf2}
/* Full bleed: al cambiar la hoja original por CSS propio se perdía el
   margin:0 del reset anterior. En Safari ese margen es un marco visible. */
html{margin:0;padding:0}
body.ai-page{margin:0!important;padding:0!important;width:100%;min-width:0;max-width:100%;min-height:100vh;min-height:100dvh;overflow-x:clip}
.ai-page{background:#f3f8f3;font-family:"Plus Jakarta Sans",Arial,sans-serif;color:#102f32}
.ai-page *{box-sizing:border-box}
.ai-main{overflow:clip}
.ai-main :where(a,button,summary):focus-visible{outline:3px solid #c6f806;outline-offset:4px}
.ai-container{width:min(1320px,calc(100% - 54px));margin-inline:auto}
.ai-eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.17em;font-weight:800;line-height:1.4}
.ai-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--ai-lime);box-shadow:0 0 0 5px rgba(198,248,6,.12)}
.ai-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 55% 75% at 88% 44%,rgba(74,175,173,.28),transparent 75%),linear-gradient(128deg,#061b24,#0d3444 62%,#083f3f);color:white}
.ai-hero::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#d1ffeb 1px,transparent 1px),linear-gradient(90deg,#d1ffeb 1px,transparent 1px);background-size:53px 53px;mask-image:radial-gradient(ellipse at 70% 55%,black,transparent 76%)}
.ai-hero__inner{padding-top:20px}
.ai-breadcrumb{display:flex;gap:10px;align-items:center;color:#b5d8d5;font-size:12px}
.ai-breadcrumb a{color:#def6ed;text-underline-offset:3px}
.ai-hero__grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;min-height:655px;gap:35px;padding:63px 0 98px}
.ai-hero__copy{min-width:0;position:relative;z-index:2}
.ai-hero__copy .ai-eyebrow{color:#c2efe3}
.ai-hero h1{font-size:clamp(44px,5.35vw,79px);line-height:1.04;letter-spacing:-.068em;font-weight:850;margin:23px 0;overflow-wrap:break-word;text-wrap:balance}
.ai-hero h1 em{font-style:normal;background:linear-gradient(100deg,#d5ffaf,#a2f0e4 60%,#ebffcf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ai-hero__copy>p{max-width:620px;color:#c9e2df;font-size:clamp(16px,1.5vw,20px);line-height:1.7}
.ai-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:30px 0}
.ai-btn{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:14px 22px;text-align:center;text-decoration:none!important;border-radius:99px;border:1px solid #e5fdf073;color:white!important;font-weight:800;font-size:13px;line-height:1.4;transition:transform .2s ease,background .2s ease}
.ai-btn:hover{transform:translateY(-2px)}
.ai-btn--lime{background:var(--ai-lime);color:#133626!important;border-color:#e2ff87}
.ai-btn--lime:hover{background:#e4ff7d}
.ai-btn--ghost{background:#d7fff00c;box-shadow:inset 0 1px 0 #ffffff40}
.ai-btn--ghost:hover{background:#d7fff025}
.ai-hero__proof{display:flex;flex-wrap:wrap;gap:11px 22px;color:#d4eae4;font-size:11px;font-weight:700}
.ai-hero__proof span{display:flex;align-items:center;gap:7px}
.ai-hero__proof span::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid #caffd7}
.ai-hero__visual{position:relative;isolation:isolate;min-height:545px;width:min(100%,585px);aspect-ratio:1;display:grid;place-items:center}
.ai-hero__halo{position:absolute;inset:7%;border-radius:50%;border:1px solid #d5fff268;box-shadow:0 0 0 24px #cefff209,inset 0 0 36px #bcfff118}
.ai-hero__halo--two{inset:20%;border-style:dashed;animation:ai-spin 70s linear infinite;opacity:.6}
.ai-hero__lens{display:grid;place-items:center;position:relative;width:65%;aspect-ratio:1;border-radius:50%;border:2px solid #effff5db;background:radial-gradient(ellipse 42% 29% at 29% 17%,#f4fffbba,transparent 82%),conic-gradient(from 140deg,#155f81,#68b6ac,#cafedc,#0b5279,#7accc0,#16526c);box-shadow:inset 8px 10px 22px #e2ffff69,inset -19px -22px 45px #001932a6,0 0 0 13px #cafff012,0 0 53px #a6fbe52b,0 24px 55px #001b2585}
.ai-hero__lens::before{content:"";position:absolute;inset:4%;border-radius:50%;border:1px solid #ffffff8f;background:radial-gradient(ellipse 60% 27% at 37% 10%,#f8fffd66,transparent 92%)}
.ai-hero__lens-core{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:59%;aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,#156f80,#062e52 75%);box-shadow:inset 0 2px 8px #f4fffb75,inset -13px -16px 27px #00152da8,0 15px 36px #00192c9c;border:1px solid #ecfff8dd}
.ai-hero__lens-core small{font-size:clamp(8px,.95vw,12px);font-weight:800;color:#defff9;letter-spacing:.17em}
.ai-hero__lens-core strong{font-size:clamp(70px,9vw,119px);line-height:1.03;letter-spacing:-.09em;color:#fff}
.ai-hero__lens-core span{font-size:clamp(6px,.6vw,9px);letter-spacing:.09em;color:#cdfbea}
.ai-hero__glass{position:absolute;z-index:3;min-width:172px;max-width:225px;padding:18px 20px;display:grid;gap:6px;background:linear-gradient(140deg,#f3ffff48,#7ccdd92a 65%,#1c77933d);border:1px solid #f6ffffd6;border-radius:20px;box-shadow:inset 0 2px 0 #ffffff8a,0 16px 35px #001c329c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.ai-hero__glass span{font-size:10px;font-weight:700;letter-spacing:.09em;color:#dcfffa}
.ai-hero__glass strong{font-size:14px;font-weight:850;line-height:1.3;color:#fff}
.ai-hero__glass--back{top:13%;left:-1%;transform:rotate(-5deg)}
.ai-hero__glass--front{right:-1%;bottom:17%;transform:rotate(4deg)}
.ai-hero__spark{position:absolute;width:11px;height:11px;border:2px solid white;background:#d7ff67;border-radius:50%;box-shadow:0 0 0 9px #c6f80616,0 0 20px #dbffa497}
.ai-hero__spark--a{top:13%;right:19%}.ai-hero__spark--b{left:20%;bottom:14%;background:#93f9e8}
@keyframes ai-spin{to{transform:rotate(360deg)}}
.ai-trust{position:relative;z-index:2;margin-top:-30px}
.ai-trust__inner{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid white;border-radius:21px;overflow:hidden;background:linear-gradient(140deg,#fff,#daf3e7);box-shadow:0 17px 35px #124a3b24}
.ai-trust__inner span{padding:23px;display:flex;gap:14px;align-items:center;color:#1a5e51;font-size:12px;font-weight:800;border-right:1px solid #b5dbcc}
.ai-trust__inner span:last-child{border-right:0}
.ai-trust__inner b{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:12px;background:#c4ecdd;color:#126d59}
/* Desktop sticky editorial card sequence; no custom scroll transforms necessary. */
.ai-stack{position:relative;padding:110px 0 115px;background:radial-gradient(ellipse at 83% 0,#d0f3e1,transparent 62%),#f1f7ef}
.ai-stack__header{max-width:875px;margin-bottom:46px}
.ai-stack__header .ai-eyebrow,.ai-section-title .ai-eyebrow{color:#197869}
.ai-stack__header h2,.ai-section-title h2{color:#0a3436;font-size:clamp(38px,4.5vw,67px);font-weight:850;letter-spacing:-.064em;line-height:1.08;margin:18px 0;text-wrap:balance}
.ai-stack__header h2 em,.ai-section-title h2 em{color:#348d78;font-style:normal}
.ai-stack__header p,.ai-section-title p{max-width:710px;font-size:16px;line-height:1.7;color:#557770;margin:0}
.ai-stack__pile{position:relative}
.ai-stack__card{position:sticky;top:108px;min-height:min(565px,calc(100svh - 126px));margin-bottom:75px;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);border-radius:29px;overflow:hidden;isolation:isolate;border:1px solid #d8fff0a1;color:white;box-shadow:0 27px 57px #092d3c4a,inset 0 2px 1px #ffffff38}
.ai-stack__card:last-child{margin-bottom:0}
.ai-stack__card--emerald{background:radial-gradient(ellipse at 92% 13%,#42bba65d,transparent 70%),linear-gradient(130deg,#0f5550,#062c47)}
.ai-stack__card--sapphire{background:radial-gradient(ellipse at 92% 13%,#86d6f05c,transparent 70%),linear-gradient(130deg,#13526f,#071d46)}
.ai-stack__card--lime{background:radial-gradient(ellipse at 92% 13%,#c9f4a552,transparent 70%),linear-gradient(130deg,#285f4b,#093d44)}
.ai-stack__card::before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(162deg,#ffffff2b,transparent 37%);z-index:0}
.ai-stack__copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(28px,4.2vw,57px);min-width:0}
.ai-stack__meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:clamp(21px,3.5vw,47px)}
.ai-stack__fraction{display:inline-flex;align-items:baseline;gap:10px}
.ai-stack__fraction b{font-size:18px}.ai-stack__fraction i{font-style:normal;font-size:11px;color:#c3e7dd}
.ai-stack__phase{font-size:10px;font-weight:800;letter-spacing:.15em;padding:9px 13px;border-radius:30px;border:1px solid #ffffff50;color:#eeffe9;background:#ffffff16}
.ai-stack__copy h3{font-size:clamp(31px,4.1vw,58px);line-height:1.08;letter-spacing:-.057em;font-weight:850;max-width:680px;margin:0 0 17px;text-wrap:balance}
.ai-stack__lead{font-size:clamp(16px,1.5vw,20px);line-height:1.55;font-weight:550;color:#e2f5ef;max-width:610px;margin:0 0 22px}
.ai-stack__pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 24px}
.ai-stack__pills li{padding:9px 13px;border-radius:99px;border:1px solid #edfff566;color:#edfff4;font-size:12px;font-weight:700;background:#e9fff11b;box-shadow:inset 0 1px 0 #ffffff33}
.ai-stack__detail{font-size:12px;line-height:1.65;color:#c9e8df;margin:auto 0 17px;max-width:560px}
.ai-stack__link{font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px;color:#d9ff83!important}
.ai-stack__art{position:relative;min-height:355px;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.ai-stack__art::before{content:"";position:absolute;inset:13%;border:1px solid #f3ffef63;border-radius:50%;box-shadow:0 0 0 32px #ecfff109,0 0 0 70px #ecfff108}
.ai-stack__glass-orbit{width:75%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from -20deg,#d8fff5ba,#4dacc03c,#ecfff2a5,#2b759b4c,#effff6d1);border:1.5px solid #f3fff6e0;box-shadow:inset 0 2px 6px #ffffff89,inset -19px -25px 46px #001e3b75,0 19px 44px #001b3785}
.ai-stack__ghost-number{position:absolute;font-size:clamp(135px,18vw,290px);font-weight:850;line-height:1;letter-spacing:-.13em;color:#edfff328;transform:translate(4%,30%)}
.ai-stack__crystal{position:absolute;z-index:2;width:43%;aspect-ratio:1;border-radius:30%;display:grid;place-items:center;border:2px solid #f6fffbde;background:linear-gradient(130deg,#ffffff9e,#94e1dc38 53%,#0b628a85);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:inset 2px 4px 11px #ffffffb0,inset -14px -19px 30px #001e3987,0 24px 47px #00192b8f;transform:rotate(-15deg)}
.ai-stack__crystal span{transform:rotate(15deg);font-size:clamp(60px,8vw,122px);font-weight:850;letter-spacing:-.09em;text-shadow:0 2px 18px #ffffff75}
.ai-stack__progress,.ai-stack__side-nav{position:fixed;z-index:70;opacity:0;pointer-events:none;transition:opacity .2s ease;top:50%;transform:translateY(-50%)}
.ai-stack__progress.is-on,.ai-stack__side-nav.is-on{opacity:1;pointer-events:auto}
.ai-stack__progress{left:16px;display:flex;flex-direction:column;gap:5px;background:#073938ec;border:1px solid #c9ffec67;border-radius:16px;padding:12px;box-shadow:0 12px 25px #002e3266}
.ai-stack__progress span{font-size:9px;color:#bdede1;letter-spacing:.06em}.ai-stack__progress strong{font-size:22px;color:#d7ff7d}
.ai-stack__side-nav{right:16px;display:grid;gap:9px}
.ai-stack__side-nav button{display:flex;align-items:center;gap:10px;justify-content:flex-start;background:#073938ed;border:1px solid #c9ffec67;border-radius:15px;color:#effff5;padding:10px 12px;cursor:pointer;font:800 10px/1.3 "Plus Jakarta Sans",Arial,sans-serif}
.ai-stack__nav-dot{display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;border:1px solid #d7ffe8}
.ai-stack__side-nav button[aria-current="step"]{background:#d9ff85;color:#0c3e30;border-color:#d9ff85}
.ai-stack__side-nav button[aria-current="step"] .ai-stack__nav-dot{background:#1a7662}
.ai-usecases{padding:106px 0;background:#f9fcf6}
.ai-section-title{max-width:930px;margin-bottom:39px}
.ai-usecases__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.ai-usecases__grid article{min-width:0;min-height:267px;padding:28px 24px;border-radius:22px;border:1px solid white;background:linear-gradient(140deg,#fff,#e1f4e9);box-shadow:0 15px 32px #12504617}
.ai-usecases__symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#d4f0e2;color:#146c57;border:1px solid #b8e4d1;font-size:12px;font-weight:850;margin-bottom:40px}
.ai-usecases__grid h3{font-size:19px;line-height:1.2;color:#103f39;margin:0 0 10px;letter-spacing:-.04em}
.ai-usecases__grid p{font-size:13px;line-height:1.68;color:#56756b;margin:0}
.ai-method{padding:110px 0;background:radial-gradient(ellipse at 90% 20%,#328c9c52,transparent 60%),linear-gradient(130deg,#081c30,#0b4350 65%,#052c40);color:white}
.ai-method__grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(30px,5vw,82px);align-items:start}
.ai-method__copy .ai-eyebrow{color:#c3ffdf}
.ai-method__copy h2{font-size:clamp(35px,4.2vw,61px);line-height:1.1;font-weight:850;letter-spacing:-.06em;margin:20px 0}
.ai-method__copy p{font-size:15px;line-height:1.75;color:#c4dedd;max-width:580px;margin-bottom:24px}
.ai-method__steps{display:grid;gap:11px;list-style:none;padding:0;margin:0}
.ai-method__steps li{display:flex;align-items:flex-start;gap:19px;padding:23px;border-radius:20px;border:1px solid #dcfff15a;background:linear-gradient(135deg,#ecfff227,#96dae20c);box-shadow:inset 0 1px 0 #ffffff40}
.ai-method__steps li>span{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:13px;color:#d9ff9c;background:#caffee21;font-size:12px;font-weight:850}
.ai-method__steps h3{font-size:18px;color:white;line-height:1.25;margin:0 0 8px}
.ai-method__steps p{font-size:13px;color:#d1e9e6;line-height:1.5;margin:0}
.ai-questions{padding:95px 0 105px;background:#eff7f1}
.ai-questions__list{max-width:1000px;display:grid;gap:11px}
.ai-questions details{border-radius:16px;overflow:hidden;background:linear-gradient(140deg,#fff,#e9f8f1);border:1px solid #d0e9dc;box-shadow:0 9px 22px #1454470a}
.ai-questions summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:23px 25px;color:#153f37;font-size:15px;font-weight:800}
.ai-questions summary::-webkit-details-marker{display:none}
.ai-questions summary::after{content:"+";font-size:25px;color:#3a8d72;font-weight:500}
.ai-questions details[open] summary::after{content:"−"}
.ai-questions details p{font-size:14px;line-height:1.8;color:#53766c;padding:0 25px 23px;margin:0}
.ai-cta{padding:110px 0;background:linear-gradient(128deg,#063e3b,#092f44 65%,#081e36);color:white}
.ai-cta__shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:32px;align-items:center;border:1px solid #e6fff2a1;background:linear-gradient(140deg,#edfff12c,#c1eeec11 72%,#85c3d11f);border-radius:30px;padding:clamp(27px,4.5vw,58px);box-shadow:inset 0 2px 0 #ffffff78,0 22px 51px #001c2d45}
.ai-cta .ai-eyebrow{color:#c4ffdf}
.ai-cta h2{font-size:clamp(35px,4.1vw,61px);line-height:1.11;letter-spacing:-.058em;margin:18px 0}
.ai-cta p{color:#c9e6e1;font-size:15px;line-height:1.72;max-width:620px}
.ai-cta__actions{display:grid;gap:13px}.ai-cta__actions .ai-btn{width:100%}
@media(max-width:1170px){.ai-hero h1{font-size:clamp(44px,5.3vw,70px)}.ai-stack__copy h3{font-size:clamp(32px,4vw,48px)}.ai-stack__side-nav button span:last-child{display:none}}
@media(max-width:920px){.ai-container{width:calc(100% - 38px)}.ai-hero__grid{grid-template-columns:1fr;padding:52px 0 63px;gap:0}.ai-hero__visual{min-height:480px;margin-inline:auto}.ai-stack{padding:76px 0 90px}.ai-stack__card{grid-template-columns:minmax(0,1fr) minmax(0,.65fr);min-height:550px}.ai-stack__copy{padding:32px}.ai-stack__art{min-height:350px}.ai-stack__progress,.ai-stack__side-nav{display:none}.ai-usecases__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-method__grid{grid-template-columns:1fr}.ai-cta__shell{grid-template-columns:1fr}}
@media(max-width:640px){.ai-container{width:calc(100% - 30px)}.ai-hero__grid{padding:46px 0 59px}.ai-hero h1{font-size:clamp(39px,10.5vw,54px)}.ai-hero__visual{min-height:370px;width:min(100%,415px)}.ai-hero__lens{width:72%}.ai-hero__lens-core strong{font-size:63px}.ai-hero__glass{padding:12px 13px;min-width:0;max-width:146px;border-radius:15px}.ai-hero__glass strong{font-size:11px}.ai-hero__glass span{font-size:8px}.ai-hero__glass--back{left:0;top:12%}.ai-hero__glass--front{right:0;bottom:12%}.ai-actions .ai-btn{width:100%}.ai-trust{margin-top:-12px}.ai-trust__inner{grid-template-columns:1fr}.ai-trust__inner span{border-right:0;border-bottom:1px solid #b5dbcc;padding:15px 19px}.ai-trust__inner span:last-child{border-bottom:0}.ai-stack{padding:66px 0}.ai-stack__header h2,.ai-section-title h2{font-size:clamp(33px,9vw,47px)}.ai-stack__pile{display:grid;gap:18px}.ai-stack__card{position:relative;top:auto;min-height:0;display:flex;flex-direction:column;margin-bottom:0;border-radius:22px;transform:none!important}.ai-stack__copy{padding:27px 23px}.ai-stack__meta{margin-bottom:26px}.ai-stack__copy h3{font-size:clamp(31px,8.5vw,43px)}.ai-stack__pills li{font-size:11px;padding:9px 12px}.ai-stack__art{min-height:210px;order:-1}.ai-stack__glass-orbit{width:min(52%,175px)}.ai-stack__crystal{width:min(28%,99px)}.ai-stack__crystal span{font-size:52px}.ai-stack__ghost-number{font-size:140px}.ai-stack__detail{margin:4px 0 17px}.ai-usecases,.ai-method,.ai-questions,.ai-cta{padding:71px 0}.ai-usecases__grid{grid-template-columns:1fr}.ai-usecases__grid article{min-height:0}.ai-usecases__symbol{margin-bottom:26px}.ai-cta__shell{padding:27px 22px}.ai-cta h2{font-size:clamp(34px,9.1vw,48px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.ai-hero__halo--two{animation:none!important}.ai-btn{transition:none!important}.ai-btn:hover{transform:none!important}.ai-stack__progress,.ai-stack__side-nav{transition:none!important}}