/* V4: product composition, photographic project wall and unified navigation. */
.header{justify-content:flex-start;gap:32px}.suite-navigation{margin-left:auto;gap:25px}.header-actions{flex-shrink:0}.suite-navigation summary{display:flex;align-items:center;gap:8px;padding:12px 0;border-radius:6px}.suite-navigation summary svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.6;fill:none;transition:transform 180ms var(--ease-out)}.suite-navigation details[open] summary svg{transform:rotate(180deg)}.suite-navigation summary:focus:not(:focus-visible){outline:none}.suite-navigation summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.mega-menu{left:40px;right:40px;top:calc(100% - 1px);padding:28px;gap:40px;grid-template-columns:340px 1fr;max-height:calc(100dvh - 140px);overflow:auto;border-radius:0 0 16px 16px;box-shadow:0 24px 45px #0f172a1a}.mega-menu.menu-explore{grid-template-columns:1fr 340px}.menu-visual{position:relative;background:#080f29;border-radius:12px;overflow:hidden;min-height:265px;display:block!important;padding:0!important}.menu-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.menu-visual:not(.photo):not(.light) img{height:76%;top:24%;object-fit:contain}.menu-visual>span{position:absolute;top:24px;left:24px;right:24px;font:700 28px/1.06 Urbanist;color:#fff;letter-spacing:-.03em}.menu-visual.light{background:#edf7fc}.menu-visual.light img{height:80%;top:20%;object-fit:contain;mix-blend-mode:multiply}.menu-visual.light>span{color:#0f172a}.menu-visual.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080f29bd,transparent 80%)}.menu-visual.photo>span{z-index:1}.menu-content{padding:8px 12px;min-width:0}.mega-menu .menu-content h2{font:600 14px Outfit;color:#526174;margin:0 0 16px}.menu-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 32px}.menu-link-grid.three{grid-template-columns:repeat(3,1fr);gap:24px}.mega-menu .menu-link-grid a{padding:14px 12px;margin-left:-12px;border-radius:8px;transition:background 180ms ease;color:#0f172a}.mega-menu .menu-link-grid a:hover{background:#f0f5ff}.menu-link-grid a strong{display:block;font:600 19px Outfit;margin-bottom:7px}.menu-link-grid a small{font-size:14px;line-height:1.5;color:#526174;max-width:260px}.menu-link-grid a img{width:30px;height:30px;margin:0 0 18px}.mega-menu .menu-bottom-link{font-size:14px;color:#2563eb;margin-top:24px;padding-top:18px;border-top:1px solid #dce4ef}.ecosystem h2,.ecosystem h3,.projects-showcase h2,.projects-showcase h3{color:#fff}.ecosystem-tabs button{color:#b8c9e5}.ecosystem-copy h3{font-size:clamp(34px,3.2vw,48px);max-width:520px}.ecosystem-panel{grid-template-columns:.85fr 1.25fr;gap:32px;min-height:560px}.connect-scene.laptop-scene{height:auto;width:calc(100% + 40px);margin-right:-40px;max-width:none;isolation:auto}.laptop-scene>img{position:relative;display:block;width:100%;height:auto;max-width:none;animation:none;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.projects-showcase{background:#080f29;padding:96px 0 40px}.projects-showcase .section-heading{align-items:flex-start}.projects-showcase .section-heading h2{font-size:clamp(36px,4vw,56px);max-width:650px}.projects-showcase .section-heading p{color:#c5d3e8;font-size:18px}.gallery-pause{border:1px solid #6681a9;border-radius:6px;color:white;background:none;padding:10px 16px;margin-top:24px;font-size:14px;min-height:44px}.project-wall{display:grid;gap:22px;margin-top:52px}.project-lane{overflow:hidden}.project-track{display:flex;gap:22px;width:max-content;animation:project-drift 65s linear infinite}.project-lane:nth-child(2) .project-track{animation-direction:reverse;animation-duration:75s}.project-tile{position:relative;display:block;flex-shrink:0;width:480px;height:390px;overflow:hidden;border-radius:16px;color:#fff;background:#182039}.project-tile:nth-child(3n+2){width:330px}.project-tile:nth-child(3n){width:560px}.tile-photo{position:absolute;inset:0;background-image:url('product/galeria-proyectos_home.jpg');background-size:auto 200%;transition:transform 400ms var(--ease-out)}.tile-industry .tile-photo{background-position:50% 0}.tile-food .tile-photo{background-position:88% 0}.tile-thermal .tile-photo{background-position:66.666% 100%}.tile-agro .tile-photo{background-position:33.333% 100%}.tile-construction .tile-photo{background-position:100% 100%}.tile-interior .tile-photo{background-position:0 100%}.project-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#030919b3,transparent 65%)}.tile-copy{position:relative;z-index:1;display:block;padding:30px;max-width:410px}.tile-copy small{font-size:14px;display:block;color:#fff;margin-bottom:12px}.tile-copy strong{font:700 34px/1.08 Urbanist;letter-spacing:-.025em;display:block;color:white}.tile-arrow{position:absolute;z-index:1;bottom:24px;right:24px;background:#ffffffed;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#0f172a;font-size:23px}.gallery-paused .project-track,.project-wall:focus-within .project-track{animation-play-state:paused!important}.projects-showcase .projects-foot{padding-top:35px}.editorial .ed-subhero .ed-hero-grid{align-items:center}.editorial .ed-subhero .ed-photo-frame{margin:0}.editorial .ed-story-layout{max-width:1100px;margin-inline:auto}.editorial .ed-page-title{max-width:1050px}.editorial .ed-cta-v2 h2,.editorial .ed-case-spotlight h3{color:#fff}.editorial .ed-cta-v2 p,.editorial .ed-case-spotlight p{color:#d2dff0}.editorial .ed-subnav{z-index:10}.editorial h1,.page-intro h1{max-width:1050px}.page-intro{padding-top:65px;padding-bottom:55px}.editorial .ed-subhero{padding-top:55px}
@keyframes project-drift{to{transform:translateX(-50%)}}
@media(hover:hover){.project-wall:hover .project-track{animation-play-state:paused}.project-tile:hover .tile-photo{transform:scale(1.035)}}
@media(max-width:1300px){.suite-navigation{gap:18px;font-size:14px}.header{gap:24px;padding-inline:28px}.mega-menu{left:28px;right:28px;grid-template-columns:280px 1fr;gap:28px}.mega-menu.menu-explore{grid-template-columns:1fr 280px}.menu-link-grid.three{gap:16px}}
@media(max-width:1179px){.header-actions{margin-left:auto}.suite-navigation{display:none}.header .menu-toggle{display:block}.mega-menu{display:none}.menu-panel{grid-template-columns:1fr 1fr 1fr;gap:26px}.mobile-group h2{font-size:17px}.mobile-group a{font-size:18px}.ecosystem-panel{gap:20px}.connect-scene.laptop-scene{width:100%;margin:0}.tile-copy strong{font-size:30px}}
@media(max-width:800px){.ecosystem-panel{grid-template-columns:1fr}.connect-scene.laptop-scene{width:calc(100% + 32px);margin:5px -16px 0}.ecosystem-copy h3{max-width:550px}.projects-showcase{padding-top:64px}.project-tile{height:330px;width:380px}.project-tile:nth-child(3n+2){width:280px}.project-tile:nth-child(3n){width:400px}.tile-copy{padding:24px}.tile-copy strong{font-size:29px}.project-wall{gap:16px;margin-top:32px}.project-track{gap:16px}.menu-panel{grid-template-columns:1fr 1fr}.editorial .ed-subhero .ed-hero-grid{grid-template-columns:1fr}.editorial .ed-subhero{padding-top:35px}.projects-showcase .section-heading p{font-size:17px}}
@media(max-width:600px){.header{padding-inline:20px;gap:16px}.menu-panel{grid-template-columns:1fr}.project-tile{width:300px;height:330px}.project-tile:nth-child(3n+2){width:260px}.project-tile:nth-child(3n){width:320px}.tile-copy strong{font-size:27px}.ecosystem-heading h2{font-size:40px}.ecosystem-panel{padding-top:30px}.projects-showcase .section-heading h2{font-size:38px}.page-intro{padding-top:36px}.project-wall{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.project-track{animation:none;transform:none}.project-lane{overflow-x:auto}.project-tile[aria-hidden=true]{display:none}.gallery-pause{display:none}.tile-photo{transition:none}.nav-disclosure[open]>div{animation:none}}
.laptop-scene>img{animation:laptop-presence 10s ease-in-out infinite;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 95%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 95%,transparent);-webkit-mask-composite:source-in}.site-mosaic{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:235px 235px;gap:16px;transform:rotate(-2deg);padding:12px}.site-tile{position:relative;display:block;overflow:hidden;border-radius:16px;background-image:linear-gradient(180deg,#02071885,transparent 75%),url('product/galeria-proyectos_home.jpg');background-size:100% 100%,auto 200%;color:white;box-shadow:0 18px 35px #0003;transition:transform 250ms var(--ease-out)}.site-tile>span{display:block;font:700 27px/1.1 Urbanist;letter-spacing:-.025em;padding:24px;position:relative;color:#fff}.site-tile-industry{grid-row:1/3;background-position:0 0,46% 0}.site-tile-food{background-position:0 0,100% 0}.site-tile-thermal{background-position:0 0,66.666% 100%}.site-tile:focus-visible{outline:3px solid white;outline-offset:4px}@keyframes laptop-presence{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(hover:hover){.site-tile:hover{transform:translateY(-4px)}}@media(max-width:800px){.site-mosaic{grid-template-rows:200px 200px;padding:8px;margin:10px 0 18px}.site-tile>span{font-size:24px;padding:20px}}@media(max-width:480px){.site-mosaic{gap:12px;grid-template-rows:180px 180px}.site-tile>span{font-size:21px;padding:16px}}@media(prefers-reduced-motion:reduce){.laptop-scene>img{animation:none}.site-mosaic{transform:none}.site-tile{transition:none}}

/* Original proportions, with product-centred crops in narrow cards. */
.tile-food .tile-photo{background-position:calc(50% - 767px) 0}
.site-tile-food{background-position:0 0,calc(50% - 463px) 0}
@media(max-width:800px){.tile-food .tile-photo{background-position:calc(50% - 649px) 0}.site-tile-food{background-position:0 0,calc(50% - 394px) 0}}
@media(max-width:480px){.site-tile-food{background-position:0 0,calc(50% - 354px) 0}}

/* Static, integrated client collages. Originals remain undistorted. */
.client-card{margin:0;min-width:0;overflow:hidden;background:#080f29;border:0;box-shadow:none;border-radius:10px}
.client-card img{display:block;width:100%;height:100%;object-fit:contain;border:0;transform:none}
.client-card figcaption{display:none}
.client-mosaic{display:grid;grid-template-columns:1fr 1.12fr;grid-template-rows:1fr 1fr;gap:12px;padding:0;transform:none;aspect-ratio:1.65;align-items:stretch}
.client-mosaic .client-card{width:100%;height:100%;transform:none}
.client-mosaic .client-card:nth-child(3){grid-column:2;grid-row:1/3}
.client-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(1440px,calc(100% - 80px));margin:48px auto 0}
.client-wall .client-card{width:100%;aspect-ratio:4/3;background:#10192c;align-self:stretch}
.client-wall .client-card img{object-fit:contain}
@media(max-width:800px){.client-wall{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 40px);gap:10px;margin-top:30px}.client-mosaic{gap:8px;grid-template-rows:1fr 1fr;padding:0;margin:20px 0}}
@media(max-width:480px){.client-wall{grid-template-columns:1fr}.client-mosaic{grid-template-columns:1fr 1.12fr;grid-template-rows:1fr 1fr;gap:6px}.client-card{border-radius:6px}}

/* Justified rows form one continuous collage, with no letterboxing or image distortion. */
.client-wall{display:block}.client-row{display:grid;grid-template-columns:1.52688fr 1.97701fr 1.62410fr;gap:12px}.client-row+.client-row{margin-top:12px;grid-template-columns:1.29467fr 1.15783fr 1.30323fr}.client-wall .client-card{aspect-ratio:auto;border-radius:8px;background:transparent}.client-wall .client-card img{height:auto;object-fit:contain}.client-mosaic{grid-template-columns:1fr 1.48fr;aspect-ratio:auto;grid-template-rows:auto auto}.client-mosaic .client-card{height:auto;align-self:center}.client-mosaic .client-card img{height:auto}
@media(max-width:600px){.client-row,.client-row+.client-row{grid-template-columns:1fr;gap:10px}.client-row+.client-row{margin-top:10px}.client-mosaic{grid-template-columns:1fr 1.48fr;grid-template-rows:auto auto}}
/* Product descriptor is a readable first-level cue beside the Suite signature. */
.suite-signature{gap:18px}.suite-signature>span{max-width:none;white-space:nowrap;font-size:clamp(17px,1.4vw,21px);font-weight:500;line-height:1.3;color:#17233b;padding-left:18px}
@media(max-width:600px){.suite-signature{flex-wrap:wrap;gap:14px}.suite-signature>span{flex-basis:100%;font-size:clamp(16px,4.6vw,20px);border-left:0;padding-left:0;white-space:nowrap}}
/* Keep the Suite menu headline clear of the product image. */
.menu-visual:not(.photo):not(.light) img{width:90%;left:5%;height:68.4%;top:auto;bottom:0}