/* Reference rhythm: 20px mobile gutter, spacious index opening, compact story text. */
.case-media{position:absolute;inset:0;z-index:-2;pointer-events:none;background:#0E2A5C;overflow:hidden}
.case-media picture,.case-media img,.case-media video{display:block;position:absolute;inset:0;width:100%;height:100%}
.case-media img,.case-media video{object-fit:cover;object-position:var(--media-position-mobile,50% 50%)}
.case-media video{opacity:0;transition:opacity .3s ease}
.case-media.video-ready video{opacity:1}
.case-media-host,.h9-work-wrap{position:relative;isolation:isolate}
[data-horizontal-scroll-panel] article:has(.case-media){isolation:isolate}
.h8-video-control.case-video-control{top:24px;right:24px;z-index:3;font-size:13px;padding:10px 16px;background:#0e2a5cbd;color:#fff}
header.case-media-host .h8-video-control.case-video-control{top:110px;right:var(--h8-gutter)}
@media(min-width:768px){.case-media img{object-fit:var(--media-fit-desktop,cover)}.case-media img,.case-media video{object-position:var(--media-position-desktop,50% 50%)}}
@media(prefers-reduced-motion:reduce){.case-media video{transition:none}}
.transition__label{white-space:normal!important;text-align:center;width:calc(100vw - 48px);max-width:1100px;font-size:clamp(28px,5vw,64px)!important;line-height:1.13;letter-spacing:-.045em}
.motion-word{display:inline-block;white-space:nowrap}
.menu-letter{display:inline-block;overflow:clip;vertical-align:top;padding:.32em 0 .2em;margin:-.32em 0 -.2em}
.menu-letter-inner{display:inline-block;will-change:transform}
.h9-stack.h8-capabilities,.h9-stack.h8-values{display:block;padding-bottom:24px}
.h9-stack-card{position:sticky;top:104px;margin-bottom:48px;perspective:1200px}
.h9-stack-depth{--card-depth:0;transform:translateY(calc(var(--card-depth)*-8px)) scale(calc(1 - var(--card-depth)*.035));transform-origin:50% 0}
.h9-stack .h9-stack-surface{position:relative!important;top:auto!important;min-height:clamp(380px,62svh,620px);padding:clamp(32px,4vw,64px);display:grid;grid-template-columns:1fr 1fr;align-content:space-between;gap:40px;border-radius:16px;overflow:hidden;transform-origin:50% 20%;box-shadow:0 -4px 24px #00000008}
.h9-stack-surface:after{content:'';position:absolute;inset:0;background:#000;opacity:calc(var(--card-depth)*.12);pointer-events:none}
.h9-card-index{grid-column:1/-1;font-size:18px}
.h9-stack.h8-capabilities h3{font-size:clamp(52px,8vw,132px);overflow-wrap:normal}
.h9-stack.h8-capabilities p{align-self:end;max-width:30ch;font-size:clamp(24px,2.6vw,40px)}
.h9-stack.h8-values .h9-stack-surface{grid-template-columns:1fr;background:#eae8e1;color:#0E2A5C}
.h9-stack.h8-values .h9-stack-card:nth-child(even) .h9-stack-surface{background:#0E2A5C;color:#F7F5F0}
.h9-stack.h8-values h3{margin:0;max-width:20ch}
@media(max-width:767px){.h9-stack-card{top:92px;margin-bottom:32px}.h9-stack .h9-stack-surface{grid-template-columns:1fr;min-height:clamp(400px,65svh,560px);gap:28px}.h9-stack.h8-capabilities h3{font-size:clamp(44px,14vw,64px)}.h9-stack.h8-values h3{font-size:clamp(32px,9.5vw,44px)}}
@media(max-height:600px),(prefers-reduced-motion:reduce){.h9-stack-card{position:relative;top:auto}.h9-stack-depth{transform:none}.h9-stack-surface:after{opacity:0}}
.landing-hero{isolation:isolate;background:#0E2A5C;min-height:85svh;padding-top:180px}
.landing-hero__medio{z-index:-1}
.landing-hero__caja{max-width:100%;width:100%}
.landing-modulos__item{min-width:0}
@media(min-width:1024px){.landing-modulos__item{grid-column:span 3}}
.h8-page{--h8-gutter:clamp(20px,3.2vw,64px);color:#0E2A5C;background:#F7F5F0;overflow:clip}
.h8-page :is(h1,h2,h3,p,figure){margin:0}
.h8-page :is(h1,h2,h3){font-weight:600;letter-spacing:-.055em;text-wrap:balance}
.h8-index-hero{padding:220px var(--h8-gutter) 72px}
.subpage.h8-page .h8-index-hero h1{font-size:clamp(76px,15vw,240px)!important;line-height:.92!important;max-width:none;text-wrap:nowrap;letter-spacing:-.065em}
#sp-nosotros.h8-page .h8-index-hero h1{font-size:clamp(64px,13vw,220px)!important}
#sp-servicios.h8-page .h8-index-hero h1{font-size:clamp(64px,12.5vw,220px)!important}
.h8-index-hero>p{font-size:clamp(28px,3.1vw,52px);line-height:1.12;font-weight:600;letter-spacing:-.045em;max-width:32ch;margin-top:42px}
.h8-logos{padding:0 var(--h8-gutter) 100px}
.h8-logos>ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.h8-logos .logo-wall__item{width:auto!important;min-width:0;aspect-ratio:1}
.h8-logos .logo-wall__logo{width:100%;height:100%;background:#eeece7;border-radius:8px}
.h8-logos .logo-wall__logo-img{max-width:55%;max-height:72px;object-fit:contain}
.h8-work-list{display:grid;gap:16px;padding:0 var(--h8-gutter)}
.h8-work{position:relative;display:flex;align-items:flex-end;min-height:75svh;overflow:hidden;border-radius:8px;background:#0E2A5C;color:#fff;text-decoration:none;isolation:isolate}
.h8-work>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.h8-work:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.h8-work>div:not(.case-media){padding:clamp(24px,4vw,64px);max-width:900px}
.h8-work h3{font-size:clamp(34px,5vw,80px);line-height:1.02}
.h8-work p{font-size:clamp(24px,3vw,44px);line-height:1.1;margin-top:16px;color:#e0e3e6}
.h8-work span{display:block;margin-top:24px;font-size:32px}
.h8-image{margin:0 var(--h8-gutter)!important;border-radius:8px;overflow:hidden;aspect-ratio:2.2}
.h8-image img{width:100%;height:100%;object-fit:cover}
.h8-section{padding:110px var(--h8-gutter)}
.h8-page .h8-display{font-size:clamp(52px,6.5vw,112px);line-height:.98;max-width:14ch;margin-bottom:64px}
.h8-close{padding:80px var(--h8-gutter)}
.h8-media-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:180px var(--h8-gutter) 64px;background:#0E2A5C;color:#fff;isolation:isolate}
.h8-media-hero>img,.h8-media-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.h8-media-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));z-index:-1}
.subpage.h8-page .h8-media-hero h1{font-size:clamp(58px,9vw,150px)!important;line-height:.98!important;max-width:14ch}
.h8-media-hero p{font-size:clamp(26px,3vw,48px);line-height:1.1;max-width:28ch;margin-top:24px;font-weight:600;letter-spacing:-.04em}
.h8-video-control{position:absolute;right:var(--h8-gutter);top:110px;padding:12px 18px;border:1px solid #ffffff80;border-radius:32px;background:#0e2a5ccc;color:#fff;font:inherit;cursor:pointer}
.h8-page a:focus-visible,.h8-video-control:focus-visible{outline:3px solid #658cb0;outline-offset:5px}
.h8-media-hero>img[src*='/v6/asl'],.h8-work>img[src*='/v6/asl'],.h8-media-hero>img[src*='/v6/cover'],.h8-work>img[src*='/v6/cover']{object-position:center 80%}
.subpage.h8-page .h8-solution-hero h1{font-size:clamp(36px,5.5vw,90px)!important}
.h8-overview,.h8-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:100px var(--h8-gutter)}
.h8-overview{background:#eeece7}
.h8-overview h2,.h8-story h2{font-size:clamp(32px,3vw,52px);line-height:1.08;margin-bottom:28px;max-width:24ch}
.h8-overview p,.h8-story p{font-size:clamp(21px,1.8vw,28px);line-height:1.35;letter-spacing:-.025em;max-width:52ch}
.h8-story p+p{margin-top:24px}
.h8-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.h8-pills span{padding:10px 16px;border:1px solid #bdbdb7;border-radius:30px;font-size:16px}
.h8-eyebrow{font-size:18px!important;font-weight:600;margin-bottom:24px!important}
.h8-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.h8-capabilities article{border-radius:12px;background:#eeece7;padding:32px;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;gap:64px}
.h8-capabilities h3{font-size:clamp(34px,4vw,68px);line-height:1.02;overflow-wrap:anywhere}
.h8-capabilities p{font-size:22px;line-height:1.2;letter-spacing:-.03em}
.h8-related{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.h8-insights{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.h8-insights a{border-top:1px solid #c9c9c2;display:flex;flex-direction:column;gap:32px;padding:24px 0;color:inherit;text-decoration:none}
.h8-insights h3{font-size:clamp(28px,3vw,48px);line-height:1.08}
.h8-insights a>span:last-child{font-size:32px}
.h8-related .h8-work{min-height:550px}
.h8-note{font-size:14px;color:#575e60;margin-top:32px!important}
.h8-solutions{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.h8-solutions>a{display:flex;flex-direction:column;align-items:flex-start;min-height:400px;gap:32px;padding:40px;border-radius:12px;background:#eeece7;color:inherit;text-decoration:none;transition:background .25s,color .25s}
.h8-solutions h3{font-size:clamp(40px,4vw,68px);line-height:1.02;max-width:14ch}
.h8-solutions p{font-size:24px;line-height:1.2;max-width:30ch}
.h8-solutions span{margin-top:auto;border:1px solid #a6a7a3;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;font-size:28px}
.h8-numbers{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.h8-numbers>div{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.h8-numbers strong{font-size:clamp(64px,8vw,130px);letter-spacing:-.065em;line-height:1}
.h8-numbers p{font-size:22px;margin-top:24px}
.h8-manifesto{background:#081936;color:#F7F5F0;padding:120px var(--h8-gutter)}
.h8-manifesto p{font-size:clamp(38px,5.3vw,88px);line-height:1.05;letter-spacing:-.05em;max-width:24ch;margin-bottom:64px;font-weight:600}
.h8-manifesto p:last-child{margin-bottom:0}
.h8-person{max-width:480px}
.h8-person img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
.h8-person h3{font-size:36px;line-height:1.05;margin-top:24px}
.h8-person p{font-size:20px;margin-top:16px}
.h8-history{padding:60px 0;overflow:hidden}
.h8-values{display:grid;gap:20px}
.h8-values article{position:sticky;top:calc(100px + var(--value-index)*12px);background:#eae8e1;border-radius:16px;padding:48px;min-height:360px;box-shadow:0 -5px 20px #00000006}
.h8-values article:nth-child(even){background:#0E2A5C;color:#F7F5F0}
.h8-values h3{font-size:clamp(40px,6vw,96px);line-height:1.05;max-width:20ch;margin-top:48px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.h8-work:hover>img{transform:scale(1.035)}.h8-solutions>a:hover{background:#0E2A5C;color:#F7F5F0}}
@media(max-width:767px){
 .h8-index-hero{padding-top:220px;padding-bottom:72px}
 .subpage.h8-page .h8-index-hero h1{font-size:25vw!important}
 #sp-nosotros.h8-page .h8-index-hero h1{font-size:16.8vw!important}
 #sp-servicios.h8-page .h8-index-hero h1{font-size:16.6vw!important}
 .h8-index-hero>p{margin-top:36px;font-size:28px;max-width:100%}
 .h8-logos>ul{grid-template-columns:1fr 1fr}.h8-logos{padding-bottom:80px}
 .h8-image{aspect-ratio:1.78}.h8-section{padding:80px var(--h8-gutter)}
 .h8-page .h8-display{font-size:clamp(48px,15vw,68px);margin-bottom:48px}
 .h8-overview,.h8-story{grid-template-columns:1fr;gap:48px;padding:72px var(--h8-gutter)}
 .h8-story{gap:24px}.h8-capabilities,.h8-related,.h8-solutions,.h8-numbers,.h8-insights{grid-template-columns:1fr}
 .h8-capabilities article{min-height:340px}.h8-capabilities h3{font-size:56px}
 .h8-solutions>a{padding:32px;min-height:340px}.h8-solutions h3{font-size:40px}
 .h8-solutions p{font-size:22px}.h8-close{padding:64px var(--h8-gutter)}
 .h8-values article{padding:32px;min-height:380px}.h8-values h3{font-size:42px}
 .h8-media-hero{padding-bottom:48px}.subpage.h8-page .h8-media-hero h1{font-size:clamp(46px,13vw,72px)!important}
 .subpage.h8-page .h8-solution-hero h1{font-size:36px!important}
 .h8-media-hero p{font-size:28px}.h8-numbers strong{font-size:72px}
}
@media(prefers-reduced-motion:reduce){.h8-page *{transition:none!important;animation:none!important}.h8-values article{position:relative;top:auto}}

