:root{--aqua:#45c7bb;--deep:#114f55;--paper:#f4f7f4;--ink:#114f55;--white:#fff;--line:rgba(17,79,85,.18);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.nav{position:fixed;inset:0 0 auto;z-index:50;background:rgba(244,247,244,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navin{height:82px;display:flex;align-items:center;gap:28px}.brand{width:126px}.links{margin-left:auto;display:flex;gap:22px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.pill{border:1px solid var(--deep);padding:12px 16px;border-radius:999px}.menu{display:none;margin-left:auto;background:none;border:0;font-size:25px;color:var(--deep)}.hero{min-height:100svh;padding:145px 0 70px;display:grid;align-items:end;position:relative}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700}.hero h1,.display{font-size:clamp(58px,8.7vw,142px);line-height:.84;letter-spacing:-.075em;margin:16px 0 30px;font-weight:800}.hero h1 span{color:var(--aqua)}.lead{font-size:clamp(18px,2vw,27px);line-height:1.35;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;border:1px solid var(--deep);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.btn.primary{background:var(--deep);color:white}.giant-a{position:absolute;right:-7vw;top:9vh;font-size:62vw;line-height:.7;font-weight:900;color:var(--aqua);opacity:.12;pointer-events:none;transform:rotate(-7deg);transition:transform .15s linear}section{padding:110px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:30px;margin-bottom:60px}.section-head h2{font-size:clamp(38px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:0}.bigcopy{font-size:clamp(27px,4vw,56px);line-height:1.04;letter-spacing:-.045em;margin:0}.dark{background:var(--deep);color:var(--white)}.aqua{background:var(--aqua);color:var(--deep)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service{min-height:390px;border:1px solid currentColor;padding:34px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.service .num{font-size:12px;letter-spacing:.15em}.service h3{font-size:clamp(35px,4vw,62px);letter-spacing:-.05em;margin:0;line-height:.95}.service p{max-width:520px;line-height:1.55}.service:after{content:'↗';position:absolute;right:26px;top:22px;font-size:32px;transition:.25s}.service:hover:after{transform:translate(5px,-5px)}.ticker{overflow:hidden;white-space:nowrap;border-block:1px solid currentColor;padding:18px 0;font-size:13px;letter-spacing:.2em;text-transform:uppercase}.ticker div{display:inline-block;animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.process{display:flex;gap:0;overflow:auto;padding-bottom:10px}.step{min-width:280px;padding:25px 25px 40px;border-top:2px solid currentColor}.step b{font-size:54px}.step h3{font-size:20px}.arce{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.25)}.arce article{background:var(--deep);padding:34px;min-height:320px}.arce .letter{font-size:100px;line-height:1;color:var(--aqua);font-weight:800}.arce p{line-height:1.5}.team{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.person{position:relative;overflow:hidden;min-height:470px;background:var(--deep);color:white}.person img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.9);transition:.45s}.person .info{position:absolute;inset:auto 0 0;padding:22px;background:linear-gradient(transparent,rgba(17,79,85,.96));padding-top:100px;transform:translateY(42%);transition:.45s}.person:hover img{transform:scale(1.035)}.person:hover .info{transform:none}.person h3{font-size:28px;margin:0}.person p{font-size:13px;line-height:1.45}.quotes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quote{border:1px solid currentColor;padding:26px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between}.quote p{font-size:18px;line-height:1.45}.culture{font-size:clamp(45px,8vw,110px);line-height:.88;letter-spacing:-.065em}.footer{padding:70px 0 30px;background:var(--deep);color:white}.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer img{width:170px}.footer small{opacity:.7}.pagehero{padding:180px 0 90px}.pagehero h1{font-size:clamp(55px,9vw,130px);line-height:.85;letter-spacing:-.07em;margin:0}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--deep);background:transparent;padding:16px;font:inherit;color:inherit}.form textarea{min-height:150px;grid-column:1/-1}.full{grid-column:1/-1}.reveal{opacity:0;transform:translateY(35px);transition:.7s}.reveal.on{opacity:1;transform:none}@media(max-width:900px){.links{display:none}.menu{display:block}.links.open{display:flex;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:flex-start}.hero-grid,.section-head,.split,.footergrid{grid-template-columns:1fr}.team{grid-template-columns:1fr 1fr}.quotes{grid-template-columns:1fr 1fr}.arce{grid-template-columns:1fr 1fr}.hero{padding-top:120px}.giant-a{font-size:100vw}.person{min-height:520px}.person .info{transform:none}.form{grid-template-columns:1fr}.form textarea,.full{grid-column:auto}}@media(max-width:560px){.wrap{width:min(calc(100% - 24px),var(--max))}.team,.quotes,.arce{grid-template-columns:1fr}.hero h1{font-size:19vw}.actions{flex-direction:column}.btn{width:100%}section{padding:78px 0}.person{min-height:560px}}

/* V2 — editorial / kinetic direction */
:root{--aqua:#48c8bc;--deep:#0b5055;--paper:#f7faf7}
body{cursor:default}.nav{mix-blend-mode:normal}.navin{height:76px}.brand{width:118px}.links a:not(.pill){position:relative}.links a:not(.pill):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:.25s}.links a:hover:after{right:0}.hero{overflow:hidden;padding-bottom:5vw}.hero:after{content:"AICREA / CREATIVE FIRM / MX + USA";position:absolute;left:20px;bottom:18px;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl;opacity:.55}.hero-grid{position:relative;z-index:2}.hero h1{max-width:1000px}.hero .lead{max-width:520px}.giant-a{right:-2vw;top:6vh;font-size:min(70vw,900px);opacity:.13;transform-origin:50% 50%;will-change:transform}.section-head{align-items:start}.section-head .eyebrow{position:sticky;top:110px}.service{transition:background .3s,color .3s,transform .3s}.service:hover{background:var(--deep);color:white;transform:translateY(-6px)}.service.aqua:hover{background:var(--aqua);color:var(--deep)}.process{position:relative}.process:before{content:"";position:absolute;top:25px;left:0;width:var(--process,0%);height:2px;background:var(--aqua);z-index:2;transition:width .1s linear}.step{padding-top:52px}.step b{transition:.3s}.step:hover b{color:var(--aqua)}.arce article{transition:transform .3s,background .3s}.arce article:hover{background:#083f43;transform:translateY(-8px)}.arce .letter{transition:transform .35s}.arce article:hover .letter{transform:translateX(10px)}.team{gap:0;border:1px solid var(--deep)}.person{border-right:1px solid var(--paper);min-height:520px}.person:last-child{border-right:0}.person .info{background:linear-gradient(transparent 0%,rgba(11,80,85,.97) 45%);padding:120px 20px 22px}.person h3{font-size:clamp(25px,2.4vw,38px)}.quotes{gap:0;border:1px solid var(--deep)}.quote{border:0;border-right:1px solid var(--deep);transition:.3s}.quote:last-child{border-right:0}.quote:hover{background:var(--deep);color:white}.culture{max-width:1100px}.footer{position:relative;overflow:hidden;padding-top:95px}.footer:after{content:"A";position:absolute;right:-.05em;bottom:-.34em;font-size:min(45vw,600px);font-weight:900;line-height:1;color:rgba(255,255,255,.045);pointer-events:none}.footergrid,.footer>.wrap{position:relative;z-index:1}.footer img{width:190px;filter:none}.footer a{opacity:.78;transition:.2s}.footer a:hover{opacity:1}.cursor-dot{position:fixed;width:12px;height:12px;border:1px solid var(--deep);border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);transition:width .18s,height .18s,background .18s;display:none}@media(pointer:fine){.cursor-dot{display:block}.cursor-dot.hot{width:34px;height:34px;background:rgba(72,200,188,.18)}}
@media(max-width:900px){.section-head .eyebrow{position:static}.hero:after{display:none}.person{border-right:0}.quotes{border:0}.quote{border:1px solid var(--deep)}}


/* V3 — interactions inspired by the supplied references, translated to Aicrea */
html{scroll-padding-top:76px}.nav{transition:transform .35s ease,background .35s ease}.nav.scrolled{background:rgba(247,250,247,.94)}
.giant-a{width:min(54vw,720px);height:auto;right:-8vw;top:7vh;font-size:initial;opacity:.16;object-fit:contain;filter:none;transform:rotate(-7deg);transform-origin:center;mix-blend-mode:multiply}
.logo-tunnel{height:280vh;padding:0;border-top:0;background:var(--paper);position:relative}.logo-tunnel-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;background:var(--paper)}
.logo-tunnel-mark{position:absolute;width:min(44vw,520px);max-width:none;will-change:transform,opacity;z-index:3;filter:none;transform-origin:center}
.logo-tunnel-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.02em;font-weight:800;font-size:clamp(55px,12vw,180px);line-height:.78;letter-spacing:-.075em;color:var(--deep);white-space:nowrap;z-index:1;pointer-events:none}
.logo-tunnel-copy span:nth-child(even){color:var(--aqua)}.logo-tunnel-caption{position:absolute;left:50%;bottom:7vh;transform:translateX(-50%);z-index:4;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700;white-space:nowrap}
.logo-tunnel.is-deep .logo-tunnel-sticky{background:var(--deep);transition:background .45s}.logo-tunnel.is-deep .logo-tunnel-copy{color:white}.logo-tunnel.is-deep .logo-tunnel-caption{color:white}
.ecosystem{overflow:hidden}.service-rows{border-top:1px solid var(--deep)}.service-row{display:grid;grid-template-columns:60px minmax(260px,1.2fr) minmax(260px,1fr) 40px;gap:25px;align-items:center;padding:24px 8px;border-bottom:1px solid var(--deep);transition:padding .28s ease,background .28s ease,color .28s ease}.service-row span{font-size:11px;letter-spacing:.16em}.service-row strong{font-size:clamp(27px,3.2vw,48px);letter-spacing:-.04em;line-height:.92}.service-row i{font-style:normal;line-height:1.45;opacity:.72}.service-row b{font-size:24px;transition:transform .28s}.service-row:hover{padding-left:22px;padding-right:22px;background:var(--deep);color:white}.service-row:hover b{transform:translate(5px,-5px)}
.service{isolation:isolate}.service:before{content:"";position:absolute;inset:0;background:var(--aqua);transform:translateY(101%);transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:-1}.service:hover:before{transform:none}.service:hover{color:var(--deep);background:transparent}.service.aqua:before{background:var(--deep)}.service.aqua:hover{color:white;background:transparent}
.person{cursor:crosshair}.person:after{content:"CONOCER +";position:absolute;right:14px;top:14px;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:7px 10px;font-size:9px;letter-spacing:.14em;z-index:4;opacity:0;transform:translateY(-8px);transition:.3s}.person:hover:after{opacity:1;transform:none}
.quote{position:relative;overflow:hidden}.quote:before{content:"“";position:absolute;right:10px;top:-42px;font-size:180px;font-weight:900;line-height:1;opacity:.08;transition:transform .35s}.quote:hover:before{transform:rotate(8deg) scale(1.12)}
.btn,.pill{position:relative;overflow:hidden;transition:transform .2s ease,color .3s,background .3s}.btn:hover,.pill:hover{transform:translateY(-2px)}
.footer{background:var(--paper);color:var(--deep);border-top:1px solid var(--deep)}.footer:after{color:rgba(11,80,85,.045)}.footer img{width:230px}.footer a{opacity:.72}.footer small{opacity:.6}
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--aqua);z-index:200;pointer-events:none}.pointer-ring{position:fixed;width:34px;height:34px;border:1px solid rgba(11,80,85,.55);border-radius:50%;pointer-events:none;z-index:150;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s,border-color .2s;display:none}.pointer-ring.hot{width:58px;height:58px;background:rgba(72,200,188,.12);border-color:var(--aqua)}
@media(pointer:fine){.pointer-ring{display:block}.cursor-dot{display:none!important}}
@media(max-width:900px){.giant-a{width:95vw;right:-35vw;opacity:.11}.logo-tunnel{height:220vh}.logo-tunnel-mark{width:72vw}.logo-tunnel-copy{font-size:18vw}.service-row{grid-template-columns:44px 1fr 32px}.service-row i{display:none}.service-row strong{font-size:8vw}.service-row:hover{padding-left:8px;padding-right:8px}.footer img{width:190px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.logo-tunnel{height:100vh}.logo-tunnel-mark{transform:none!important}.pointer-ring{display:none!important}}

/* V4 — Hero logo interaction inspired by Another: the brand mark is the moving visual field. */
.hero-logo-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;perspective:1000px}
.hero-logo-stage .giant-a{right:-5vw;top:50%;width:min(69vw,920px);height:auto;opacity:.18;transform:translate3d(0,-48%,0) rotate(-7deg) scale(.72);transform-origin:50% 50%;filter:blur(10px);animation:aicreaHeroLogoIn 1.35s cubic-bezier(.16,1,.3,1) .08s both;will-change:transform,filter,opacity}
.hero-logo-ghost{position:absolute;right:3vw;top:50%;width:min(51vw,700px);aspect-ratio:1;background:var(--aqua);opacity:.035;clip-path:polygon(34% 0,62% 0,100% 100%,70% 100%,59% 68%,31% 68%,16% 100%,0 100%);transform:translateY(-50%) rotate(-7deg);will-change:transform}
.hero-logo-ghost.ghost-2{right:-18vw;width:min(42vw,590px);opacity:.025;transform:translateY(-50%) rotate(9deg)}
.hero-grid{position:relative;z-index:3}
.hero .eyebrow,.hero h1,.hero .lead,.hero .actions{animation:heroCopyIn .85s cubic-bezier(.16,1,.3,1) both}
.hero h1{animation-delay:.12s}.hero .lead{animation-delay:.22s}.hero .actions{animation-delay:.3s}
@keyframes aicreaHeroLogoIn{0%{opacity:0;filter:blur(22px);transform:translate3d(18vw,-48%,0) rotate(13deg) scale(1.55)}55%{opacity:.22;filter:blur(0);transform:translate3d(-2vw,-48%,0) rotate(-9deg) scale(.95)}100%{opacity:.18;filter:blur(0);transform:translate3d(0,-48%,0) rotate(-7deg) scale(1)}}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:900px){.hero-logo-stage .giant-a{width:110vw;right:-36vw;opacity:.13}.hero-logo-ghost{width:90vw;right:-32vw}.hero-logo-ghost.ghost-2{width:70vw;right:-42vw}}
@media(prefers-reduced-motion:reduce){.hero-logo-stage .giant-a,.hero .eyebrow,.hero h1,.hero .lead,.hero .actions{animation:none!important}.hero-logo-ghost{display:none}}


/* V5 — Hero disintegration inspired by the kinetic identity treatment in Another.
   The real Aicrea mark remains intact; fragments are duplicate clipped layers. */
.hero-disintegrate{position:absolute;right:-5vw;top:50%;width:min(69vw,920px);transform:translateY(-48%) rotate(-7deg) scale(.72);transform-origin:50% 50%;will-change:transform;z-index:1}
.hero-disintegrate .giant-a{position:relative;inset:auto!important;right:auto!important;top:auto!important;width:100%!important;transform:none!important;animation:none!important;opacity:.18;filter:blur(10px);transition:opacity .35s ease,filter .35s ease}
.a-shards{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 0 transparent)}
.a-shard{position:absolute;inset:0;background-image:url('assets/img/aicrea-mark.png');background-size:100% 100%;background-repeat:no-repeat;opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--dr)) scale(var(--ds));filter:blur(var(--db));will-change:transform,opacity,filter;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .7s ease,filter .7s ease;clip-path:var(--clip)}
.hero.ready .a-shard{opacity:.18;transform:translate3d(0,0,0) rotate(0) scale(1);filter:blur(0)}
.hero.ready .hero-disintegrate .giant-a{filter:blur(0);opacity:.08}
.hero.dispersing .a-shard{transition-duration:.22s;transition-timing-function:cubic-bezier(.2,.8,.2,1);transform:translate3d(calc(var(--mx) + var(--sdx)),calc(var(--my) + var(--sdy)),0) rotate(var(--sdr)) scale(var(--ss));opacity:var(--so);filter:blur(var(--sb))}
.hero.dispersing .hero-disintegrate .giant-a{opacity:.045;filter:blur(2px)}
.hero-disintegrate:after{content:"";position:absolute;inset:-7%;background:radial-gradient(circle at 72% 49%,rgba(69,199,187,.11),transparent 38%);mix-blend-mode:multiply;opacity:.6;pointer-events:none}
@media(max-width:900px){.hero-disintegrate{width:110vw;right:-36vw}.a-shard{display:none}.hero-disintegrate .giant-a{opacity:.13!important;filter:none!important}}
@media(prefers-reduced-motion:reduce){.hero-disintegrate{transform:translateY(-48%) rotate(-7deg) scale(1)!important}.a-shard{display:none}.hero-disintegrate .giant-a{opacity:.13;filter:none}}

/* V6 — hero-only kinetic upgrade. Everything below is scoped to .hero-v6. */
.hero-v6{min-height:100svh;padding:128px 0 38px;align-items:stretch;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;background:var(--paper);border-top:0}
.hero-v6:after{display:none}
.hero-v6 .hero-grid{width:min(calc(100% - 40px),var(--max));margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:5vw;align-items:end;z-index:5}
.hero-v6 .hero-copy{align-self:end}
.hero-v6 .hero-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;max-width:880px}
.hero-v6 .hero-index{font-size:9px;letter-spacing:.22em;font-weight:700;white-space:nowrap;opacity:.65}
.hero-v6 h1{margin:0;max-width:none;font-size:clamp(62px,9.2vw,146px);line-height:.78;letter-spacing:-.082em;position:relative}
.hero-v6 h1 .hero-line{display:block;overflow:hidden;padding-bottom:.08em}
.hero-v6 h1 em,.hero-v6 h1 strong{font:inherit;color:var(--aqua);font-style:normal}
.hero-v6 h1 strong{position:relative;display:inline-block}
.hero-v6 h1 strong:after{content:"";position:absolute;left:.02em;right:.02em;bottom:.02em;height:.055em;background:var(--aqua);transform-origin:left;animation:heroUnderline 1s cubic-bezier(.16,1,.3,1) .95s both}
.hero-v6 .hero-side{position:relative;z-index:7;padding-bottom:1.2vw}
.hero-v6 .hero-side-no{display:block;font-size:10px;letter-spacing:.2em;margin-bottom:16px;opacity:.55}
.hero-v6 .lead{max-width:510px;font-size:clamp(17px,1.75vw,24px);line-height:1.38}
.hero-v6 .actions{margin-top:24px}
.hero-v6 .btn{position:relative;overflow:hidden;transition:transform .25s,border-color .25s,color .25s,background .25s}
.hero-v6 .btn:before{content:"";position:absolute;inset:100% 0 auto;height:100%;background:var(--aqua);transition:transform .45s cubic-bezier(.16,1,.3,1);transform:translateY(0);z-index:-1}
.hero-v6 .btn:not(.primary):hover:before{transform:translateY(-100%)}
.hero-v6 .btn:not(.primary):hover{color:var(--deep)}
.hero-v6 .hero-bottom{z-index:6;display:flex;align-items:center;justify-content:space-between;margin-top:42px;padding-top:17px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.hero-status,.hero-scrollcue{display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(72,200,188,.35);animation:heroPulse 2s ease-out infinite}.hero-scrollcue i{font-style:normal;font-size:17px;animation:heroArrow 1.35s ease-in-out infinite}
.hero-v6 .hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-2}
.hero-v6 .hero-glow{position:absolute;width:60vw;aspect-ratio:1;right:-22vw;top:-15vw;border-radius:50%;background:radial-gradient(circle,rgba(72,200,188,.18),rgba(72,200,188,.05) 38%,transparent 67%);filter:blur(18px);will-change:transform}
.hero-v6 .ambient-ring{position:absolute;border:1px solid rgba(11,80,85,.11);border-radius:50%;width:52vw;aspect-ratio:1;right:-15vw;top:2vh;will-change:transform}.hero-v6 .ring-b{width:39vw;right:-8vw;top:11vh;border-style:dashed;animation:heroRing 24s linear infinite reverse}
.hero-v6 .ring-a{animation:heroRing 34s linear infinite}
.hero-v6 .ambient-line{position:absolute;background:rgba(11,80,85,.08);will-change:transform}.hero-v6 .line-a{width:1px;height:100%;left:57%;top:0}.hero-v6 .line-b{height:1px;width:100%;left:0;top:43%}
.hero-v6 .hero-logo-stage{z-index:1;mix-blend-mode:multiply}
.hero-v6 .hero-disintegrate{right:-2vw;top:43%;width:min(57vw,810px);opacity:.93}
.hero-v6 .hero-disintegrate:before{content:"";position:absolute;inset:-18%;border-radius:50%;border:1px solid rgba(72,200,188,.15);transform:scale(.86);animation:heroHalo 4.5s ease-in-out infinite;pointer-events:none}
.hero-v6 .hero-disintegrate .giant-a{opacity:.21!important}
.hero-v6.ready .a-shard{opacity:.22}
.hero-v6 .hero-logo-ghost{opacity:.02}
.hero-v6 .hero-orbit{position:absolute;right:4vw;top:50%;width:min(46vw,670px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:14px;font-size:8px;letter-spacing:.24em;font-weight:800;transform:translateY(-50%) rotate(-12deg);animation:heroOrbit 22s linear infinite;color:var(--deep);opacity:.52;z-index:0}
.hero-v6 .hero-orbit span,.hero-v6 .hero-orbit i{position:absolute;font-style:normal}.hero-v6 .hero-orbit span:nth-child(1){top:2%;left:44%}.hero-v6 .hero-orbit i:nth-child(2){top:22%;right:4%}.hero-v6 .hero-orbit span:nth-child(3){top:49%;right:-9%;transform:rotate(90deg)}.hero-v6 .hero-orbit i:nth-child(4){bottom:18%;right:9%}.hero-v6 .hero-orbit span:nth-child(5){bottom:2%;left:40%}.hero-v6 .hero-orbit i:nth-child(6){bottom:21%;left:5%}.hero-v6 .hero-orbit span:nth-child(7){top:48%;left:-7%;transform:rotate(-90deg)}
.hero-v6 .hero-line{animation:heroLineIn 1.05s cubic-bezier(.16,1,.3,1) both}.hero-v6 .hero-line:nth-child(2){animation-delay:.12s}.hero-v6 .hero-meta{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .12s both}.hero-v6 .hero-side{animation:heroFadeUp .85s cubic-bezier(.16,1,.3,1) .34s both}.hero-v6 .hero-bottom{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .58s both}
@keyframes heroLineIn{from{opacity:0;transform:translateY(115%) rotate(1.2deg);filter:blur(9px)}to{opacity:1;transform:none;filter:none}}
@keyframes heroFadeUp{from{opacity:0;transform:translateY(24px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes heroUnderline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes heroPulse{0%{box-shadow:0 0 0 0 rgba(72,200,188,.4)}70%{box-shadow:0 0 0 9px rgba(72,200,188,0)}100%{box-shadow:0 0 0 0 rgba(72,200,188,0)}}
@keyframes heroArrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(5px)}}
@keyframes heroRing{to{transform:rotate(360deg)}}
@keyframes heroOrbit{to{transform:translateY(-50%) rotate(348deg)}}
@keyframes heroHalo{0%,100%{transform:scale(.86);opacity:.2}50%{transform:scale(1.03);opacity:.65}}
@media(max-width:900px){.hero-v6{padding:116px 0 24px;min-height:100svh}.hero-v6 .hero-grid{width:min(calc(100% - 24px),var(--max));grid-template-columns:1fr;gap:24px}.hero-v6 .hero-meta{padding-right:0}.hero-v6 .hero-index{display:none}.hero-v6 h1{font-size:clamp(58px,18vw,104px);line-height:.82}.hero-v6 .hero-side{max-width:520px}.hero-v6 .hero-bottom{width:min(calc(100% - 24px),var(--max));margin-top:30px}.hero-v6 .hero-scrollcue span{display:none}.hero-v6 .line-a{left:72%}.hero-v6 .line-b{top:48%}.hero-v6 .hero-disintegrate{width:108vw;right:-49vw;top:34%;opacity:.72}.hero-v6 .hero-orbit{width:94vw;right:-51vw;top:34%;opacity:.32}.hero-v6 .hero-glow{width:100vw;right:-52vw;top:-10vw}.hero-v6 .ring-a{width:90vw;right:-45vw}.hero-v6 .ring-b{width:70vw;right:-36vw}.hero-v6 .a-shard{display:block;opacity:.12!important}}
@media(max-width:560px){.hero-v6 .hero-grid{gap:20px}.hero-v6 h1{font-size:17.3vw}.hero-v6 .lead{font-size:16px;max-width:88%}.hero-v6 .actions{flex-direction:row}.hero-v6 .btn{width:auto;min-height:44px;padding:0 14px;font-size:9px}.hero-v6 .hero-bottom{font-size:8px}.hero-v6 .hero-status{max-width:54%}.hero-v6 .hero-disintegrate{top:29%}}
@media(prefers-reduced-motion:reduce){.hero-v6 .ambient-ring,.hero-v6 .hero-orbit,.hero-v6 .hero-disintegrate:before,.hero-v6 .status-dot,.hero-v6 .hero-scrollcue i,.hero-v6 .hero-line,.hero-v6 .hero-meta,.hero-v6 .hero-side,.hero-v6 .hero-bottom,.hero-v6 h1 strong:after{animation:none!important}.hero-v6 .hero-line,.hero-v6 .hero-meta,.hero-v6 .hero-side,.hero-v6 .hero-bottom{opacity:1;transform:none;filter:none}}

/* V7 — Contacto */
.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(45px,8vw,120px);align-items:start}.contact-copy{position:sticky;top:120px}.contact-social{margin-top:52px;padding-top:20px;border-top:1px solid var(--line)}.social-link{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:14px;padding:18px 0;border-bottom:1px solid var(--deep);font-size:clamp(18px,2vw,28px);letter-spacing:-.03em;transition:padding .25s ease,color .25s ease}.social-link:hover{padding-left:10px;color:var(--aqua)}.contact-note{margin-top:36px;max-width:520px;line-height:1.55;opacity:.78}.contact-form{padding:clamp(24px,4vw,48px);border:1px solid var(--deep);background:rgba(255,255,255,.16)}.contact-form label{display:flex;flex-direction:column;gap:8px}.contact-form label>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.contact-form input,.contact-form textarea,.contact-form select{transition:border-color .2s ease,background .2s ease;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--aqua);background:rgba(69,199,187,.06)}.contact-form .btn{margin-top:8px;cursor:pointer}.contact-form textarea{resize:vertical}.footer p{line-height:1.8}@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-copy{position:static}.contact-form{padding:24px}}

/* V8 — Hostinger/mobile/project marquee/quote */
.team{grid-template-columns:repeat(3,1fr)}
.project-marquee{margin-top:58px;overflow:hidden;border-block:1px solid var(--line);background:rgba(255,255,255,.18)}
.project-track{display:flex;width:max-content;align-items:center;animation:projectMarquee 30s linear infinite;will-change:transform}
.project-marquee:hover .project-track{animation-play-state:paused}
.project-logo{width:clamp(220px,26vw,390px);height:220px;margin:0;border-right:1px solid var(--line);display:grid;place-items:center;padding:34px;flex:none}
.project-logo img{width:100%;height:100%;object-fit:contain}
.project-note{display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:9px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}
@keyframes projectMarquee{to{transform:translateX(-50%)}}
.quote-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(40px,7vw,100px);align-items:start}.quote-intro{position:sticky;top:120px}.quote-form{border:1px solid var(--deep);padding:clamp(24px,4vw,48px);background:rgba(255,255,255,.18)}.quote-form fieldset{border:0;padding:0;margin:0 0 34px}.quote-form legend{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;margin-bottom:16px}.quote-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quote-choice{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:14px;cursor:pointer}.quote-choice input{width:auto;margin:0}.quote-form input,.quote-form textarea,.quote-form select{width:100%;padding:16px;border:0;border-bottom:1px solid var(--deep);background:transparent;color:var(--deep);font:inherit}.quote-form textarea{min-height:130px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}.hp{position:absolute!important;left:-9999px!important}
@media(max-width:900px){.team{grid-template-columns:repeat(2,1fr)}.person{min-height:430px}.person .info{transform:none}.project-logo{height:170px;width:250px;padding:26px}.quote-layout{grid-template-columns:1fr}.quote-intro{position:static}.links.open{max-height:calc(100vh - 82px);overflow:auto}.project-track{animation-duration:24s}}
@media(max-width:560px){.wrap{width:min(calc(100% - 24px),var(--max))}.team{grid-template-columns:1fr}.person{min-height:520px}.project-logo{width:210px;height:145px;padding:22px}.project-note{flex-direction:column}.quote-options,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.quote-form{padding:20px}.pagehero{padding-top:125px}.pagehero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.project-track{animation:none}.project-marquee{overflow-x:auto}}

/* V8.1 — Corrección de alineación en Cotizar */
.quote-form .form-grid > label{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:8px;
  min-width:0;
  font-size:10px;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-weight:700;
}
.quote-form .form-grid > label > input,
.quote-form .form-grid > label > select,
.quote-form .form-grid > label > textarea{
  display:block;
  margin:0;
  min-width:0;
  font-size:16px;
  line-height:1.45;
  letter-spacing:0;
  text-transform:none;
  font-weight:400;
}
.quote-form select{
  min-height:54px;
  appearance:auto;
}
.quote-form textarea::placeholder,
.quote-form input::placeholder{
  color:rgba(17,79,85,.55);
  opacity:1;
}
.quote-form legend{
  display:block;
  width:100%;
  line-height:1.35;
}
.quote-choice{
  min-height:52px;
  line-height:1.3;
  text-transform:none;
  letter-spacing:0;
  font-size:14px;
  font-weight:500;
}
.quote-choice input[type="checkbox"]{
  flex:0 0 auto;
  width:16px;
  height:16px;
}
.quote-form .btn.full{
  width:100%;
  margin-top:26px;
}
@media(max-width:560px){
  .quote-form .form-grid > label{gap:6px}
  .quote-form .form-grid > label > input,
  .quote-form .form-grid > label > select,
  .quote-form .form-grid > label > textarea{font-size:16px}
  .quote-choice{align-items:flex-start;padding:14px 12px}
  .quote-choice input[type="checkbox"]{margin-top:1px}
}

/* V9 — proyectos protagonistas + contacto unificado */
#equipo{scroll-margin-top:76px}
.projects-hero{padding-bottom:70px}
.projects-hero .lead{margin-top:34px;max-width:760px}
.featured-projects{padding:0 20px 90px;border-top:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1680px;margin:0 auto}
.project-feature{position:relative;min-height:min(56vw,760px);overflow:hidden;background:var(--deep);border:1px solid var(--line)}
.project-feature--wide{grid-column:1/-1;min-height:min(52vw,830px)}
.project-feature img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.project-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(5,39,43,.76) 100%);pointer-events:none}
.project-feature:hover img{transform:scale(1.025)}
.project-index{position:absolute;z-index:3;left:22px;top:20px;width:42px;height:42px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;color:white;font-size:10px;letter-spacing:.12em;background:rgba(17,79,85,.22);backdrop-filter:blur(8px)}
.project-caption{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;color:white;display:flex;align-items:end;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.project-caption b{font-size:clamp(16px,2vw,28px);letter-spacing:-.02em;text-transform:none}
.project-ribbon-section{padding:70px 0 100px;background:var(--deep);color:white;overflow:hidden}
.project-ribbon-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.project-marquee--thumbs{margin-top:0;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.04)}
.project-marquee--thumbs .project-logo{width:clamp(260px,31vw,480px);height:240px;padding:0;border-color:rgba(255,255,255,.16);overflow:hidden}
.project-marquee--thumbs .project-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .35s ease}
.project-marquee--thumbs .project-logo:hover img{transform:scale(1.055)}
.contact-social .social-link strong{max-width:65%;text-align:right;font-size:.74em;line-height:1.2}
@media(max-width:900px){
  .featured-projects{grid-template-columns:1fr;padding-inline:12px;gap:12px}
  .project-feature,.project-feature--wide{grid-column:auto;min-height:58vw}
  .project-caption{left:16px;right:16px;bottom:16px}.project-index{left:14px;top:14px}
  .project-ribbon-head{align-items:flex-start;flex-direction:column}.project-marquee--thumbs .project-logo{width:300px;height:170px}
}
@media(max-width:560px){
  .projects-hero{padding-bottom:44px}.projects-hero .lead{font-size:16px;margin-top:24px}
  .featured-projects{padding-bottom:60px}
  .project-feature,.project-feature--wide{min-height:61vw}
  .project-caption span{display:none}.project-caption b{font-size:16px}.project-index{width:34px;height:34px}
  .project-ribbon-section{padding:55px 0 70px}.project-marquee--thumbs .project-logo{width:240px;height:136px}
  .contact-social .social-link{align-items:flex-start;flex-direction:column;gap:6px}.contact-social .social-link strong{max-width:100%;text-align:left}
}

/* V10 — Nosotros + proyectos en Home + Servicios editorial */
.about-team .section-head{margin-bottom:42px}
.home-project-ribbon{padding:96px 0 28px;background:var(--deep);color:white;overflow:hidden}
.home-project-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}
.home-project-head h2{font-size:clamp(44px,7vw,105px);line-height:.88;letter-spacing:-.065em;margin:12px 0 0;max-width:900px}
.home-project-head h2 span{color:var(--aqua)}
.home-project-head .btn{border-color:rgba(255,255,255,.7);color:white;flex:none}
.project-marquee--home{margin-top:0;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.035)}
.project-marquee--home .project-track{animation-duration:34s}
.project-marquee--home .project-logo{width:clamp(360px,48vw,760px);height:clamp(230px,31vw,470px);padding:0;border-color:rgba(255,255,255,.18);overflow:hidden;background:#0d4449}
.project-marquee--home .project-logo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;transform:scale(1.01)}
.project-marquee--home .project-logo:hover img{transform:scale(1.045)}
.home-project-ribbon .project-note{color:white;opacity:.7;padding-bottom:8px}

.services-hero{min-height:92svh;display:flex;align-items:flex-end;padding-bottom:82px;overflow:hidden;position:relative}
.services-hero:after{content:"SYSTEM / BRAND / EXPERIENCE";position:absolute;right:-.04em;bottom:-.28em;font-weight:900;font-size:min(24vw,340px);letter-spacing:-.08em;line-height:1;color:rgba(17,79,85,.045);pointer-events:none}
.services-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;position:relative;z-index:1}
.services-hero h1{font-size:clamp(62px,9vw,145px);line-height:.82;letter-spacing:-.075em;margin:18px 0 0;max-width:1100px}
.services-hero h1 span{color:var(--aqua)}
.services-hero-side{padding-bottom:8px;max-width:480px;margin-left:auto}
.services-hero-side>span{display:block;font-size:10px;letter-spacing:.18em;margin-bottom:26px}

.service-pillars{padding:0;background:var(--paper)}
.service-pillar{position:relative;min-height:72svh;border-top:1px solid var(--deep);display:grid;grid-template-columns:100px 1fr;gap:40px;align-content:center;padding:80px max(20px,calc((100vw - var(--max))/2));overflow:hidden}
.service-pillar--aqua{background:var(--aqua);color:var(--deep)}
.service-pillar-index{font-size:11px;letter-spacing:.18em;padding-top:12px}
.service-pillar-copy{position:relative;z-index:2;max-width:900px}
.service-pillar-copy h2{font-size:clamp(48px,7vw,106px);line-height:.9;letter-spacing:-.065em;margin:12px 0 25px}
.service-pillar-copy p{font-size:clamp(18px,2vw,28px);line-height:1.35;max-width:760px}
.service-pillar-word{position:absolute;right:-.04em;bottom:-.2em;font-size:min(24vw,350px);font-weight:900;line-height:1;letter-spacing:-.07em;opacity:.055;pointer-events:none}

.services-system{padding-top:120px;padding-bottom:120px}
.services-editorial{border-top:1px solid var(--deep);margin-top:70px}
.service-editorial{display:grid;grid-template-columns:70px minmax(0,1fr) 190px;gap:30px;align-items:start;padding:34px 8px;border-bottom:1px solid var(--deep);transition:padding .28s ease,background .28s ease,color .28s ease}
.service-editorial>span{font-size:10px;letter-spacing:.16em;padding-top:9px}
.service-editorial h3{font-size:clamp(30px,4.2vw,64px);letter-spacing:-.05em;line-height:.95;margin:0 0 14px}
.service-editorial p{max-width:720px;font-size:16px;line-height:1.55;margin:0;opacity:.8}
.service-editorial>b{font-size:9px;letter-spacing:.14em;text-align:right;padding-top:10px}
.service-editorial:hover{background:var(--deep);color:white;padding-left:22px;padding-right:22px}

.services-philosophy{padding-top:120px;padding-bottom:120px}
.services-philosophy-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,9vw,130px);align-items:start}
.services-philosophy h2{font-size:clamp(46px,6vw,88px);line-height:.92;letter-spacing:-.055em;margin:18px 0}
.services-process-list{border-top:1px solid rgba(255,255,255,.3)}
.services-process-list>div{display:grid;grid-template-columns:55px 180px 1fr;gap:24px;align-items:start;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.services-process-list b{color:var(--aqua);font-size:11px;letter-spacing:.15em}
.services-process-list span{font-size:19px;font-weight:700}
.services-process-list p{margin:0;opacity:.72;line-height:1.5}
.services-cta{padding-top:120px;padding-bottom:130px}

@media(max-width:900px){
  .home-project-ribbon{padding-top:72px}.home-project-head{align-items:flex-start;flex-direction:column}.home-project-head .btn{flex:none}
  .project-marquee--home .project-logo{width:72vw;height:46vw}
  .services-hero{min-height:auto;padding-top:145px;padding-bottom:70px}.services-hero-grid{grid-template-columns:1fr}.services-hero-side{margin:0;max-width:650px}
  .service-pillar{min-height:620px;grid-template-columns:55px 1fr;gap:15px;padding-inline:20px}
  .service-editorial{grid-template-columns:50px 1fr}.service-editorial>b{display:none}
  .services-philosophy-grid{grid-template-columns:1fr}.services-process-list>div{grid-template-columns:45px 150px 1fr}
}
@media(max-width:560px){
  .home-project-ribbon{padding-top:58px}.home-project-head{margin-bottom:24px}.home-project-head h2{font-size:14vw}.home-project-head .btn{width:100%}
  .project-marquee--home .project-logo{width:84vw;height:54vw}.project-marquee--home .project-track{animation-duration:24s}.home-project-ribbon .project-note{font-size:8px}
  .services-hero{padding-top:128px}.services-hero h1{font-size:17vw}.services-hero-side .lead{font-size:16px}
  .service-pillar{min-height:520px;grid-template-columns:1fr;padding:66px 12px}.service-pillar-index{padding:0}.service-pillar-copy h2{font-size:13vw}.service-pillar-copy p{font-size:16px}
  .services-system{padding-top:75px;padding-bottom:75px}.services-editorial{margin-top:44px}.service-editorial{grid-template-columns:38px 1fr;gap:10px;padding:24px 0}.service-editorial:hover{padding-left:8px;padding-right:8px}.service-editorial h3{font-size:9.5vw}.service-editorial p{font-size:14px}
  .services-philosophy{padding-top:75px;padding-bottom:75px}.services-philosophy h2{font-size:12vw}.services-process-list>div{grid-template-columns:34px 1fr;gap:12px}.services-process-list p{grid-column:2;font-size:14px}.services-process-list span{font-size:17px}
  .services-cta{padding-top:78px;padding-bottom:88px}
}
@media(prefers-reduced-motion:reduce){.project-marquee--home .project-track{animation:none}.project-marquee--home{overflow-x:auto}}

/* Blog editable */
.blog-process{align-items:stretch}
.blog-card{display:flex;flex-direction:column;gap:12px;min-width:min(360px,84vw)}
.blog-card b{line-height:1}
.blog-card .eyebrow{margin-top:8px;color:var(--aqua)}
.blog-card h3{font-size:clamp(22px,2vw,31px);line-height:1.05;margin:4px 0}
.blog-card p{line-height:1.55;margin:0 0 12px;opacity:.8}
.blog-link{margin-top:auto;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700}
.blog-link:hover{color:var(--aqua)}
@media(max-width:560px){.blog-card{min-width:88vw;padding-inline:12px 22px}}

/* BLOG FUNCIONAL V10.2 */
.blog-hero .lead{max-width:760px;margin-top:28px}.blog-listing{padding-top:55px}.blog-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:42px}.blog-filter{appearance:none;border:1px solid var(--deep);background:transparent;color:var(--deep);border-radius:999px;padding:10px 15px;font:inherit;font-size:10px;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:.2s}.blog-filter:hover,.blog-filter.active{background:var(--deep);color:var(--white)}.blog-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;border-top:1px solid var(--line)}.blog-card{min-width:0;min-height:390px;border-top:0;border-bottom:1px solid var(--line);padding:34px 34px 42px 0}.blog-card:nth-child(even){padding-left:34px;border-left:1px solid var(--line)}.blog-card b{font-size:clamp(48px,6vw,80px);letter-spacing:-.06em}.blog-link{display:inline-flex;align-items:center;gap:8px}.article-page{padding:150px 0 0}.article-shell{width:min(calc(100% - 40px),900px);margin:0 auto;padding:60px 0 110px}.article-back{display:inline-block;margin-bottom:70px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.article-shell h1{font-size:clamp(48px,8vw,104px);line-height:.9;letter-spacing:-.065em;margin:15px 0 34px}.article-lead{font-size:clamp(20px,2.4vw,30px);line-height:1.35;max-width:780px;margin-bottom:70px}.article-content{max-width:760px;margin-left:auto}.article-content p{font-size:18px;line-height:1.75;margin:0 0 28px}.article-content h2{font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.045em;margin:70px 0 24px}.article-end{margin-top:95px;padding:55px 0 0;border-top:1px solid var(--line)}.article-end h2{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.05em;max-width:700px;margin:15px 0 28px}@media(max-width:760px){.blog-process{grid-template-columns:1fr}.blog-card,.blog-card:nth-child(even){padding:28px 0 34px;border-left:0}.article-page{padding-top:110px}.article-shell{width:min(calc(100% - 24px),900px);padding-top:35px}.article-back{margin-bottom:45px}.article-content{margin-left:0}.article-content p{font-size:16px;line-height:1.7}}


/* V10.3 — estabilidad cross-browser / Hostinger + showcase editorial */
/* El contenido nunca depende de JS para ser visible. */
.reveal,.reveal.on{opacity:1!important;transform:none!important}
html,body{max-width:100%;overflow-x:hidden}
img{height:auto}
.nav{-webkit-backdrop-filter:blur(16px)}

/* Equipo: información siempre visible, sin depender de hover. */
.team-editorial{overflow:hidden}
.team-editorial .section-head{margin-bottom:clamp(42px,7vw,86px)}
.team-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(36px,5vw,78px) clamp(18px,3vw,42px);align-items:start}
.team-person{grid-column:span 5;min-width:0}
.team-person--large{grid-column:span 7}
.team-person--offset{margin-top:clamp(30px,7vw,105px)}
.team-photo{position:relative;overflow:hidden;background:var(--deep);aspect-ratio:4/5;border:1px solid var(--line)}
.team-person--large .team-photo{aspect-ratio:5/4}
.team-photo:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.team-person:hover .team-photo img{transform:scale(1.025)}
.team-copy{display:grid;grid-template-columns:42px 1fr;gap:14px;padding-top:17px;border-top:1px solid var(--deep);margin-top:12px}
.team-no{font-size:10px;letter-spacing:.16em;padding-top:5px}
.team-copy h3{font-size:clamp(32px,4vw,58px);line-height:.9;letter-spacing:-.055em;margin:0 0 9px}
.team-copy b{display:block;font-size:10px;line-height:1.45;letter-spacing:.12em;text-transform:uppercase}
.team-copy p{font-size:15px;line-height:1.6;max-width:620px;margin:15px 0 0;opacity:.82}

/* Proyectos: composición editorial, no fila uniforme. */
.projects-showcase{padding:0 clamp(12px,2vw,32px) clamp(80px,9vw,145px);border-top:0}
.projects-showcase-grid{width:min(100%,1680px);margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,5vw,86px) clamp(14px,2vw,32px);align-items:start}
.showcase-project{margin:0;min-width:0;grid-column:span 6}
.showcase-project--hero{grid-column:1/-1}
.showcase-project--portrait{grid-column:span 5}
.showcase-project--landscape{grid-column:span 7;margin-top:clamp(50px,9vw,140px)}
.showcase-project--shift{grid-column:2/span 7;margin-top:0}
.showcase-project--reverse{grid-column:2/-1;margin-top:clamp(35px,6vw,90px)}
.showcase-project--closing{grid-column:5/-1;margin-top:clamp(20px,5vw,70px)}
.showcase-image{position:relative;overflow:hidden;background:var(--deep);border:1px solid var(--line);aspect-ratio:16/9}
.showcase-project--portrait .showcase-image{aspect-ratio:4/5}
.showcase-project--closing .showcase-image{aspect-ratio:16/10}
.showcase-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.showcase-project:hover .showcase-image img{transform:scale(1.025)}
.showcase-project figcaption{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);gap:20px;align-items:start;padding:14px 0 0;border-top:1px solid var(--deep);margin-top:10px}
.showcase-project figcaption span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;line-height:1.5}
.showcase-project figcaption strong{font-size:clamp(18px,2.2vw,32px);letter-spacing:-.035em;line-height:1;text-align:right}

/* Efectos decorativos nunca bloquean contenido. */
.hero-logo-stage,.hero-ambient,.footer:after,.services-hero:after,.service-pillar-word{pointer-events:none}

/* Tablet: estructura segura y visible. */
@media(max-width:1024px){
  .team-showcase{grid-template-columns:1fr 1fr;gap:48px 18px}
  .team-person,.team-person--large{grid-column:auto;margin-top:0}
  .team-photo,.team-person--large .team-photo{aspect-ratio:4/5}
  .projects-showcase-grid{grid-template-columns:1fr 1fr;gap:50px 16px}
  .showcase-project,.showcase-project--portrait,.showcase-project--landscape,.showcase-project--shift,.showcase-project--reverse,.showcase-project--closing{grid-column:auto;margin-top:0}
  .showcase-project--hero{grid-column:1/-1}
  .showcase-project figcaption{grid-template-columns:1fr}
  .showcase-project figcaption strong{text-align:left}
}

/* Móvil: una columna, contenido completo, ninguna tarjeta necesita hover. */
@media(max-width:680px){
  .team-showcase{grid-template-columns:1fr;gap:54px}
  .team-person,.team-person--large,.team-person--offset{grid-column:auto;margin-top:0}
  .team-photo,.team-person--large .team-photo{aspect-ratio:4/5;min-height:0}
  .team-copy{grid-template-columns:34px 1fr;gap:9px}
  .team-copy h3{font-size:12vw}
  .team-copy p{font-size:14px;line-height:1.55}
  .projects-showcase{padding-inline:12px;padding-bottom:70px}
  .projects-showcase-grid{display:block}
  .showcase-project,.showcase-project--hero,.showcase-project--portrait,.showcase-project--landscape,.showcase-project--shift,.showcase-project--reverse,.showcase-project--closing{margin:0 0 54px}
  .showcase-image,.showcase-project--portrait .showcase-image,.showcase-project--closing .showcase-image{aspect-ratio:4/3}
  .showcase-project figcaption{grid-template-columns:1fr;gap:8px}
  .showcase-project figcaption strong{font-size:21px;text-align:left}
  .project-marquee--home .project-logo{width:min(84vw,460px);height:auto;aspect-ratio:16/10}
  .project-marquee--thumbs .project-logo{width:min(78vw,400px);height:auto;aspect-ratio:16/10}
}

/* Navegación móvil segura en Safari/Chrome/Edge. */
@media(max-width:900px){
  .links.open{max-height:calc(100dvh - 76px);max-height:calc(100vh - 76px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .nav{background:rgba(247,250,247,.97)}
}

/* Fallback si backdrop-filter no existe. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav{background:rgba(247,250,247,.98)}}

/* V10.4 — Nosotros en banda + mapa México/USA */
.team-band-section{overflow:hidden;padding-bottom:clamp(70px,9vw,130px)}
.team-band-head .section-head{margin-bottom:clamp(34px,5vw,66px)}
.team-marquee{width:100%;overflow:hidden;position:relative;padding:4px 0 22px}
.team-marquee:before,.team-marquee:after{content:"";position:absolute;top:0;bottom:0;width:min(7vw,110px);z-index:3;pointer-events:none}
.team-marquee:before{left:0;background:linear-gradient(90deg,var(--paper),transparent)}
.team-marquee:after{right:0;background:linear-gradient(270deg,var(--paper),transparent)}
.team-track{display:flex;width:max-content;animation:teamRoll 58s linear infinite;will-change:transform}
.team-set{display:flex;gap:clamp(16px,2vw,30px);padding-right:clamp(16px,2vw,30px)}
.team-marquee:hover .team-track{animation-play-state:paused}
.team-card{width:clamp(300px,31vw,470px);flex:0 0 auto;border:1px solid var(--line);background:var(--paper);overflow:hidden}
.team-card-photo{aspect-ratio:4/4.7;overflow:hidden;background:var(--deep)}
.team-card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.team-card:hover .team-card-photo img{transform:scale(1.025)}
.team-card-copy{padding:18px 20px 22px;min-height:235px;display:flex;flex-direction:column;align-items:flex-start}
.team-card-copy>span{font-size:10px;letter-spacing:.18em;opacity:.6;margin-bottom:18px}
.team-card-copy h3{font-size:clamp(38px,4.3vw,66px);line-height:.85;letter-spacing:-.055em;margin:0 0 10px}
.team-card-copy b{font-size:10px;line-height:1.45;letter-spacing:.11em;text-transform:uppercase}
.team-card-copy p{font-size:14px;line-height:1.58;margin:14px 0 0;opacity:.82;max-width:42ch}
.team-band-note{display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;opacity:.65;padding-top:12px}
@keyframes teamRoll{to{transform:translateX(-50%)}}

.presence-map{padding-top:clamp(70px,10vw,140px);padding-bottom:clamp(70px,10vw,140px);overflow:hidden}
.presence-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);gap:clamp(45px,7vw,110px);align-items:center}
.presence-copy .bigcopy{margin:22px 0 24px}
.presence-copy .lead{max-width:620px}
.presence-countries{margin-top:clamp(34px,5vw,62px);display:grid;gap:0;border-top:1px solid rgba(255,255,255,.2)}
.presence-country{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.presence-dot{width:10px;height:10px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 7px rgba(0,228,190,.08);flex:0 0 auto}
.presence-country b{display:block;font-size:12px;letter-spacing:.16em}
.presence-country small{display:block;margin-top:4px;font-size:12px;opacity:.65}
.presence-visual{position:relative;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.025);min-height:420px;display:grid;place-items:center;overflow:hidden}
.presence-visual:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(0,228,190,.07);filter:blur(12px);right:-80px;top:-90px}
.presence-svg{width:100%;height:auto;display:block;position:relative;z-index:1}
.map-grid path{stroke:rgba(255,255,255,.075);stroke-width:1;fill:none}
.map-land path{stroke:rgba(255,255,255,.38);stroke-width:2;fill:rgba(255,255,255,.035);vector-effect:non-scaling-stroke}
.map-mx path{fill:rgba(0,228,190,.16);stroke:var(--aqua)}
.map-us path{fill:rgba(255,255,255,.055)}
.map-route path{fill:none;stroke:var(--aqua);stroke-width:2;stroke-dasharray:5 8;opacity:.85}
.map-pin .pin-ring{fill:none;stroke:var(--aqua);stroke-width:1.5;opacity:.6;animation:mapPulse 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center}
.map-pin .pin-core{fill:var(--aqua)}
.map-pin text{fill:white;font-size:12px;font-weight:700;letter-spacing:.14em}
.map-label{fill:rgba(255,255,255,.62);font-size:16px;font-weight:800;letter-spacing:.14em}
.map-caption{fill:rgba(255,255,255,.42);font-size:10px;letter-spacing:.2em}
@keyframes mapPulse{0%{transform:scale(.7);opacity:.8}80%,100%{transform:scale(1.8);opacity:0}}

@media (max-width:980px){
 .presence-grid{grid-template-columns:1fr;gap:42px}
 .presence-visual{min-height:0;max-width:760px;width:100%;margin:0 auto}
 .team-card{width:clamp(290px,48vw,410px)}
 .team-track{animation-duration:52s}
}
@media (max-width:640px){
 .team-marquee{overflow:hidden}
 .team-marquee:before,.team-marquee:after{width:22px}
 .team-card{width:min(82vw,340px)}
 .team-card-copy{padding:16px 17px 19px;min-height:230px}
 .team-card-copy h3{font-size:46px}
 .team-band-note{flex-direction:column;gap:7px}
 .presence-map{padding-top:72px;padding-bottom:76px}
 .presence-grid{gap:34px}
 .presence-copy .bigcopy{font-size:clamp(38px,11vw,56px)}
 .presence-visual{margin-left:-8px;width:calc(100% + 16px)}
 .presence-svg{min-width:540px;transform:translateX(-11%)}
 .presence-country{align-items:flex-start}
 .map-label{font-size:14px}
 .team-track{animation-duration:46s}
}
@media (prefers-reduced-motion:reduce){
 .team-track{animation:none;transform:none}
 .team-marquee{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .team-set[aria-hidden="true"]{display:none}
 .map-pin .pin-ring{animation:none}
}

/* V10.5 — mapa más cartográfico + banda de equipo compacta */
.team-band-section{padding-bottom:clamp(54px,7vw,92px)}
.team-band-head .section-head{margin-bottom:clamp(24px,3.5vw,42px)}
.team-marquee{padding:2px 0 14px}
.team-card{width:clamp(430px,38vw,590px);height:245px;display:grid;grid-template-columns:42% 58%;align-items:stretch}
.team-card-photo{aspect-ratio:auto;height:100%;min-width:0}
.team-card-photo img{object-position:center 22%}
.team-card-copy{padding:16px 18px 17px;min-height:0;justify-content:center}
.team-card-copy>span{margin-bottom:8px;font-size:9px}
.team-card-copy h3{font-size:clamp(30px,3vw,46px);margin-bottom:7px}
.team-card-copy b{font-size:9px;line-height:1.35}
.team-card-copy p{font-size:12px;line-height:1.45;margin-top:9px;max-width:36ch}
.team-set{gap:clamp(12px,1.6vw,22px);padding-right:clamp(12px,1.6vw,22px)}
.team-band-note{padding-top:7px}

.presence-visual{border-radius:2px;background:radial-gradient(circle at 70% 24%,rgba(0,228,190,.08),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.presence-svg{padding:12px}
.map-context path{stroke:rgba(255,255,255,.12);stroke-width:1.1;fill:rgba(255,255,255,.012);vector-effect:non-scaling-stroke}
.map-land path{stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.map-us path{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.48)}
.map-mx path{fill:rgba(0,228,190,.19);stroke:var(--aqua)}
.map-land .coast-detail{fill:none;opacity:.38;stroke-width:1}
.map-grid path{stroke:rgba(255,255,255,.055);stroke-dasharray:2 7}
.map-route path{stroke-width:2.3;stroke-dasharray:6 9;filter:drop-shadow(0 0 5px rgba(0,228,190,.35))}
.map-label{font-size:14px;letter-spacing:.12em}

@media (max-width:980px){
 .team-card{width:clamp(410px,66vw,560px);height:230px}
 .team-card-copy h3{font-size:38px}
 .presence-svg{padding:4px}
}
@media (max-width:640px){
 .team-card{width:min(88vw,430px);height:205px;grid-template-columns:40% 60%}
 .team-card-copy{padding:12px 13px}
 .team-card-copy>span{margin-bottom:5px}
 .team-card-copy h3{font-size:30px;margin-bottom:5px}
 .team-card-copy b{font-size:8px;letter-spacing:.075em}
 .team-card-copy p{font-size:10.5px;line-height:1.38;margin-top:6px}
 .team-band-note{font-size:9px}
 .presence-visual{margin-left:0;width:100%;overflow:hidden}
 .presence-svg{min-width:0;width:112%;max-width:none;transform:translateX(-5.5%);padding:0}
 .map-label{font-size:12px}
 .map-caption{font-size:9px}
}
@media (max-width:420px){
 .team-card{width:92vw;height:194px;grid-template-columns:38% 62%}
 .team-card-copy h3{font-size:27px}
 .team-card-copy p{font-size:10px}
}


/* V10.6 — mapa territorial tipo referencia ARGI, manteniendo identidad Aicrea */
.presence-visual{border:0;background:transparent;box-shadow:none;min-height:430px;overflow:visible}
.presence-visual:before{width:420px;height:420px;right:2%;top:2%;background:rgba(0,228,190,.055);filter:blur(35px)}
.presence-svg--argi{width:100%;padding:0;overflow:visible;filter:drop-shadow(0 24px 44px rgba(0,0,0,.18))}
.map-outline path{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;transition:fill .35s ease,stroke .35s ease}
.map-outline.map-us path{fill:rgba(255,255,255,.075);stroke:rgba(255,255,255,.48);stroke-width:1.35}
.map-outline.map-mx path{fill:rgba(0,228,190,.22);stroke:var(--aqua);stroke-width:1.8}
.presence-visual:hover .map-outline.map-us path{fill:rgba(255,255,255,.11)}
.presence-visual:hover .map-outline.map-mx path{fill:rgba(0,228,190,.30)}
.map-big-label{fill:rgba(255,255,255,.52);font-size:13px;font-weight:800;letter-spacing:.16em;pointer-events:none}
.map-big-label--mx{fill:var(--aqua)}
.map-route path{fill:none;stroke:var(--aqua);stroke-width:2;stroke-dasharray:5 8;opacity:.82;vector-effect:non-scaling-stroke}
.map-caption{fill:rgba(255,255,255,.38);font-size:10px;letter-spacing:.19em}
@media(max-width:980px){.presence-visual{min-height:0}.presence-svg--argi{width:100%;transform:none}}
@media(max-width:640px){.presence-svg--argi{width:108%;transform:translateX(-4%)}.map-big-label{font-size:11px}.map-pin text{font-size:10px}.presence-visual{overflow:hidden}}
@media(max-width:420px){.presence-svg--argi{width:116%;transform:translateX(-8%)}}

/* V10.7 — compactación previa al mapa + estabilidad cross-device/Hostinger */
/* Mantiene la interacción del túnel, pero evita que su altura de scroll se perciba como un gran vacío. */
.logo-tunnel{height:165vh;height:165svh;min-height:720px}
.logo-tunnel-sticky{height:100vh;height:100svh}

/* El mapa entra en flujo normal inmediatamente después del túnel. */
.presence-map{margin-top:0!important;position:relative;z-index:2}
.presence-grid{min-height:0}
.presence-visual{min-height:0;aspect-ratio:760/500}
.presence-svg--argi{display:block;width:100%;height:100%;object-fit:contain}

/* Menú: fallback primero y unidad moderna después. */
@media(max-width:900px){
  .links.open{max-height:calc(100vh - 82px);max-height:calc(100dvh - 82px)}
  .logo-tunnel{height:138vh;height:138svh;min-height:620px}
  .logo-tunnel-sticky{height:100vh;height:100svh}
}
@media(max-width:640px){
  .logo-tunnel{height:118vh;height:118svh;min-height:540px}
  .logo-tunnel-sticky{height:100vh;height:100svh}
  .logo-tunnel-caption{bottom:max(24px,env(safe-area-inset-bottom))}
  .presence-map{padding-top:56px;padding-bottom:64px}
  .presence-grid{gap:24px}
  .presence-visual{aspect-ratio:760/500;width:100%;margin:0;overflow:hidden}
  .presence-svg--argi{width:108%;height:auto;transform:translateX(-4%)}
}
@media(max-width:420px){
  .logo-tunnel{height:112vh;height:112svh;min-height:500px}
}
@media(prefers-reduced-motion:reduce){
  .logo-tunnel{height:auto;min-height:100vh;min-height:100svh}
  .logo-tunnel-sticky{position:relative;height:auto;min-height:100vh;min-height:100svh}
}

/* V10.8 — ajuste fino de espacio + negro como acento */
:root{--black:#0b0b0b}

/* Reduce un poco más el recorrido antes del mapa sin eliminar el efecto sticky. */
.logo-tunnel{height:148vh;height:148svh;min-height:660px}
@media(max-width:900px){
  .logo-tunnel{height:124vh;height:124svh;min-height:570px}
}
@media(max-width:640px){
  .logo-tunnel{height:108vh;height:108svh;min-height:500px}
  .presence-map{padding-top:48px}
}
@media(max-width:420px){
  .logo-tunnel{height:104vh;height:104svh;min-height:470px}
}

/* Negro usado únicamente como acento para conservar la identidad aqua/petróleo. */
.btn.primary{background:var(--black);border-color:var(--black);color:var(--white)}
.nav .pill{background:var(--black);border-color:var(--black);color:var(--white)}
.home-project-ribbon{background:var(--black)}
.project-marquee--home .project-logo{background:#141414;border-color:rgba(255,255,255,.16)}
.service-row:hover{background:var(--black);color:var(--white)}
.blog-filter:hover,.blog-filter.active{background:var(--black);border-color:var(--black);color:var(--white)}
.footer{border-top:8px solid var(--black)}

/* Mantiene contraste y lectura cuando el acento negro aparece en móvil/táctil. */
@media(hover:none){
  .service-row:hover{background:transparent;color:inherit;padding-left:8px;padding-right:8px}
}


/* =========================================================
   V10.9 — CAPA DE ESTABILIDAD PARA HOSTINGER / CROSS-BROWSER
   Esta capa NO cambia el contenido. Evita que el layout dependa
   de JS, del alto exacto del viewport o de particularidades del
   navegador. Todo contenido esencial permanece visible siempre.
   ========================================================= */
:root{--safe-gutter:clamp(12px,3vw,40px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
body{width:100%;min-width:0;overflow-x:hidden}
main,header,footer,section{min-width:0}
img,svg,video{max-width:100%;height:auto}
.wrap{width:min(calc(100% - (var(--safe-gutter) * 2)),var(--max));max-width:var(--max)}

/* El contenido nunca queda oculto esperando IntersectionObserver. */
.reveal,.reveal.on{opacity:1!important;transform:none!important;visibility:visible!important}

/* Viewport seguro: fallback primero, unidad moderna después. */
.hero{min-height:100vh;min-height:100svh}
@supports (height:100dvh){.hero{min-height:100dvh}}

/* Header estable y legible aun sin backdrop-filter. */
.nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);isolation:isolate}
.links.open{max-height:calc(100vh - 76px)}
@supports (height:100dvh){.links.open{max-height:calc(100dvh - 76px)}}

/* Interacciones decorativas: nunca alteran el flujo del documento. */
.giant-a,.hero-logo-stage,.hero-ambient,.pointer-ring,.cursor-dot{pointer-events:none}

/* El túnel conserva el efecto pero evita huecos exagerados entre pantallas. */
.logo-tunnel{height:clamp(820px,145vh,1380px);height:clamp(820px,145svh,1380px)}
.logo-tunnel-sticky{height:100vh;height:100svh}
@supports (height:100dvh){.logo-tunnel-sticky{height:100dvh}}

/* Presencia: el mapa permanece completo dentro del bloque en TODO ancho. */
.presence-map{padding-top:clamp(54px,6vw,92px);padding-bottom:clamp(64px,8vw,110px)}
.presence-grid{min-width:0}
.presence-copy,.presence-visual{min-width:0}
.presence-visual{width:100%;min-height:clamp(320px,38vw,520px);overflow:hidden}
.presence-svg{display:block;width:100%;max-width:100%;min-width:0!important;height:auto;padding:clamp(4px,1vw,12px);transform:none!important;margin:0 auto}

/* Banda Nosotros: altura/anchos predecibles; la duplicación solo sirve a la animación. */
.team-marquee{overflow:hidden;width:100%}
.team-track{display:flex;align-items:stretch;width:max-content;max-width:none;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.team-set{display:flex;align-items:stretch;flex:0 0 auto}
.team-card{box-sizing:border-box;flex:0 0 auto}
.team-card-copy{overflow:hidden}
.team-card-copy p{overflow-wrap:anywhere}

/* Showcases y franjas: evitar anchuras heredadas que desborden en Safari. */
.projects-showcase-grid,.project-track,.project-marquee,.showcase-project,.showcase-image{min-width:0}
.showcase-image img,.project-logo img{display:block;width:100%;height:100%;object-fit:cover}

/* En dispositivos táctiles el contenido no puede depender de hover. */
@media (hover:none),(pointer:coarse){
  .team-marquee:hover .team-track{animation-play-state:running}
  .person .info{transform:none!important}
  .service:hover,.arce article:hover,.quote:hover{transform:none}
}

@media(max-width:1024px){
  .logo-tunnel{height:clamp(760px,125vh,1100px);height:clamp(760px,125svh,1100px)}
  .presence-grid{grid-template-columns:1fr;gap:clamp(28px,5vw,48px)}
  .presence-visual{max-width:820px;margin-inline:auto}
}

@media(max-width:680px){
  .wrap{width:calc(100% - 24px)}
  .hero{min-height:auto;padding-top:112px;padding-bottom:64px}
  .logo-tunnel{height:clamp(680px,108vh,860px);height:clamp(680px,108svh,860px)}
  .logo-tunnel-sticky{height:100vh;height:100svh}
  .presence-map{padding-top:48px;padding-bottom:64px}
  .presence-visual{min-height:260px;width:100%;margin:0;overflow:hidden}
  .presence-svg{width:100%;min-width:0!important;transform:none!important;padding:2px}
  .team-card{width:min(88vw,390px);height:220px;grid-template-columns:40% 60%}
  .team-card-copy{padding:13px 14px}
  .team-card-copy h3{font-size:clamp(28px,9vw,42px)}
  .team-card-copy b{font-size:8.5px}
  .team-card-copy p{font-size:11px;line-height:1.4}
  .team-band-note{padding-inline:0}
}

@media(max-width:420px){
  .team-card{width:90vw;height:205px;grid-template-columns:39% 61%}
  .team-card-copy p{font-size:10.5px}
  .presence-visual{min-height:230px}
}

/* Respeta accesibilidad sin esconder ni eliminar contenido. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .team-track{animation:none!important;transform:none!important}
  .team-marquee{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .team-set[aria-hidden="true"]{display:none!important}
}

/* =========================================================
   V10.10 · PROYECTOS — BARRAS AUTOMÁTICAS ROBUSTAS
   CSS puro: no dependen de JS, librerías ni recursos externos.
   ========================================================= */
.projects-auto-showcase{
  --project-gap:clamp(10px,1.2vw,20px);
  padding:clamp(34px,5vw,72px) 0 clamp(80px,9vw,140px);
  overflow:hidden;
  background:var(--paper);
  border-top:1px solid var(--line);
}
.projects-auto-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:clamp(24px,4vw,46px)}
.projects-auto-intro p{max-width:560px;margin:0;font-size:clamp(14px,1.25vw,18px);line-height:1.5}
.project-auto-row{position:relative;width:100%;overflow:hidden;margin:0 0 clamp(14px,1.5vw,24px);contain:layout paint}
.project-auto-track{display:flex;width:max-content;will-change:transform;animation:projectAutoForward 34s linear infinite;transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.project-auto-row--reverse .project-auto-track{animation-name:projectAutoReverse;animation-duration:38s}
.project-auto-row:hover .project-auto-track{animation-play-state:paused}
.project-auto-group{display:flex;flex:none;gap:var(--project-gap);padding-right:var(--project-gap)}
.project-auto-card{position:relative;flex:none;margin:0;overflow:hidden;background:#111;isolation:isolate}
.project-auto-row--three .project-auto-card{width:calc((100vw - (var(--project-gap) * 2)) / 3);aspect-ratio:4/3}
.project-auto-row--two .project-auto-card{width:calc((100vw - var(--project-gap)) / 2);aspect-ratio:16/9}
.project-auto-card img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.002);transition:transform .45s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.project-auto-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.72) 100%);pointer-events:none;z-index:1}
.project-auto-card figcaption{position:absolute;left:clamp(14px,2vw,28px);right:clamp(14px,2vw,28px);bottom:clamp(12px,1.8vw,24px);z-index:2;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}
.project-auto-card figcaption span{font-size:10px;letter-spacing:.16em;font-weight:800}
.project-auto-card figcaption strong{font-size:clamp(16px,1.75vw,27px);line-height:1.02;letter-spacing:-.035em;text-align:right;max-width:72%}
@media(hover:hover) and (pointer:fine){.project-auto-card:hover img{transform:scale(1.035)}}
@keyframes projectAutoForward{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes projectAutoReverse{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}

@media(max-width:980px){
  .projects-auto-intro{align-items:flex-start;flex-direction:column}
  .project-auto-row--three .project-auto-card{width:44vw;min-width:320px}
  .project-auto-row--two .project-auto-card{width:58vw;min-width:390px}
  .project-auto-track{animation-duration:30s}
  .project-auto-row--reverse .project-auto-track{animation-duration:34s}
}
@media(max-width:640px){
  .projects-auto-showcase{--project-gap:10px;padding-top:28px;padding-bottom:74px}
  .projects-auto-intro{width:min(calc(100% - 24px),var(--max));margin-bottom:22px}
  .project-auto-row{margin-bottom:10px}
  .project-auto-row--three .project-auto-card,.project-auto-row--two .project-auto-card{width:78vw;min-width:0;aspect-ratio:4/3}
  .project-auto-card figcaption{left:14px;right:14px;bottom:13px;display:block}
  .project-auto-card figcaption strong{display:block;max-width:none;text-align:left;font-size:18px;margin-top:5px}
  .project-auto-track{animation-duration:24s}
  .project-auto-row--reverse .project-auto-track{animation-duration:27s}
}
@media(prefers-reduced-motion:reduce){
  .project-auto-row{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .project-auto-row::-webkit-scrollbar{display:none}
  .project-auto-track{animation:none!important;transform:none!important;will-change:auto}
}

/* =========================================================
   V11.0 · CORRECCIONES DE PRODUCCIÓN / HOSTINGER
   Header premium, loader con isotipo, hero reloj y overlays Aicrea.
   La estructura base es visible SIN JavaScript.
   ========================================================= */
:root{--nav-deep:#00464d;--nav-aqua:#009d94}

/* Loader no bloqueante: desaparece solo incluso si JS falla. */
.site-loader{position:fixed;inset:0;z-index:99999;display:grid;place-content:center;gap:18px;background:var(--deep);color:#fff;text-align:center;animation:loaderAutoExit .7s ease 2.2s forwards}
.loader-mark{width:clamp(58px,7vw,88px);aspect-ratio:1;display:grid;place-items:center;animation:loaderMarkSpin 1.05s cubic-bezier(.55,.15,.35,.85) infinite}
.loader-mark img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);transform-origin:center}
.site-loader>span{font-size:9px;letter-spacing:.38em;font-weight:800;padding-left:.38em;opacity:.72}
.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s ease}
@keyframes loaderMarkSpin{to{transform:rotate(360deg)}}
@keyframes loaderAutoExit{to{opacity:0;visibility:hidden;pointer-events:none}}

/* Header: inspirado en navegación premium/compacta, pero 100% Aicrea. */
.nav.nav-premium{position:sticky;top:0;z-index:900;background:var(--nav-deep);border-bottom:1px solid rgba(0,157,148,.6);padding:10px 0;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav.nav-premium .navin{min-height:66px;border:1px solid rgba(0,157,148,.72);border-radius:18px;padding:8px 10px 8px 16px;background:rgba(0,0,0,.08);display:flex;align-items:center;gap:20px}
.brand-link{display:flex;align-items:center;min-width:0;flex:0 0 auto}
.nav.nav-premium .brand-full{width:clamp(180px,18vw,270px);max-height:48px;object-fit:contain;object-position:left center;display:block;filter:brightness(0) invert(1)}
.nav.nav-premium .links{margin-left:auto;display:flex;align-items:center;gap:clamp(12px,1.5vw,24px)}
.nav.nav-premium .links>a{color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:.92;transition:opacity .2s ease,color .2s ease}
.nav.nav-premium .links>a:hover{color:#6fe0d5;opacity:1}
.nav.nav-premium .links .pill{border:1px solid rgba(111,224,213,.85);border-radius:999px;padding:12px 16px;background:transparent;color:#fff}
.nav.nav-premium .links .pill:hover{background:#fff;color:var(--deep)}
.nav.nav-premium .menu{color:#fff;border:1px solid var(--nav-aqua);background:transparent;border-radius:12px;width:44px;height:44px;display:none}

/* HERO: reloj de marca. No usa librerías, canvas, video ni recursos externos. */
.hero-watch{position:relative;isolation:isolate;min-height:clamp(700px,86svh,940px);overflow:hidden;background:linear-gradient(130deg,#f7faf7 0%,#eef8f5 50%,#dff3ef 100%);padding-top:clamp(78px,8vw,124px);padding-bottom:74px}
.hero-watch:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(247,250,247,.98) 0%,rgba(247,250,247,.92) 42%,rgba(247,250,247,.36) 68%,rgba(247,250,247,.13) 100%);pointer-events:none}
.hero-image-wash{position:absolute;inset:0;z-index:-3;background:url('assets/img/proyectos/49.png') center/cover no-repeat;opacity:.13;filter:grayscale(.2) contrast(.9)}
.hero-image-wash:after{content:"";position:absolute;inset:0;background:var(--aqua);mix-blend-mode:multiply;opacity:.42}
.hero-watch-grid{position:relative;z-index:5;grid-template-columns:minmax(0,1.18fr) minmax(280px,.56fr);align-items:end;min-height:520px}
.hero-watch .hero-copy{transform:none!important}
.hero-watch h1{font-size:clamp(48px,6.45vw,104px);max-width:11.8ch;line-height:.9;letter-spacing:-.065em;margin-top:clamp(30px,4vw,58px)}
.hero-watch .hero-line{display:block}
.hero-watch .hero-line-accent{color:var(--aqua);margin-top:.12em}
.hero-watch .hero-side{position:relative;z-index:8;padding-bottom:clamp(12px,3vw,48px)}
.hero-watch .hero-side .lead{font-size:clamp(17px,1.55vw,23px);line-height:1.42;font-weight:500;max-width:31ch}
.hero-watch .hero-side-no{color:var(--deep);opacity:.48}
.hero-watch .btn{background:rgba(247,250,247,.82)}
.hero-watch .btn.primary{background:#050505;color:#fff;border-color:#050505}
.hero-watch .hero-bottom{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:10}

.watch-stage{position:absolute;z-index:2;right:clamp(-135px,-5vw,-30px);top:49%;width:clamp(430px,47vw,760px);aspect-ratio:1;transform:translateY(-50%) rotate(-9deg);perspective:1200px;pointer-events:none;animation:watchBreathe 7s ease-in-out infinite}
.watch-shadow{position:absolute;left:18%;right:5%;bottom:5%;height:13%;background:rgba(0,45,48,.24);filter:blur(35px);border-radius:50%;transform:rotate(8deg)}
.watch-strap{position:absolute;left:41%;width:22%;height:43%;background:linear-gradient(90deg,#082e31 0%,#174e51 15%,#082f33 50%,#174e51 82%,#062629 100%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 2px rgba(0,0,0,.18),0 18px 30px rgba(0,0,0,.13)}
.watch-strap:after{content:"";position:absolute;inset:7px 10%;background:repeating-linear-gradient(0deg,transparent 0 12px,rgba(255,255,255,.05) 13px 14px);border-left:1px solid rgba(255,255,255,.09);border-right:1px solid rgba(255,255,255,.09)}
.watch-strap-top{bottom:67%;border-radius:28px 28px 8px 8px;transform:perspective(300px) rotateX(-8deg)}
.watch-strap-bottom{top:67%;border-radius:8px 8px 32px 32px;transform:perspective(300px) rotateX(8deg)}
.watch-case{position:absolute;inset:16%;border-radius:50%;background:conic-gradient(from 15deg,#d8e3df,#4d6f6d,#f4f8f5,#547775,#d7e2de,#3e6261,#f6faf7,#547775,#d8e3df);box-shadow:0 34px 70px rgba(0,47,49,.28),inset 0 0 0 2px rgba(255,255,255,.75),inset 0 0 0 7px rgba(4,47,50,.18);transform:rotateX(4deg) rotateY(-7deg)}
.watch-bezel{position:absolute;inset:4.5%;border-radius:50%;background:repeating-conic-gradient(from -1.5deg,rgba(0,70,75,.7) 0 .5deg,transparent .55deg 6deg),radial-gradient(circle at 35% 27%,#f8fffc 0 5%,#a7c3bd 31%,#335c5b 62%,#092f33 74%,#d4e1dd 76% 100%);padding:7.3%;box-shadow:inset 0 0 18px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.35)}
.watch-face{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.92),rgba(222,241,236,.94) 22%,#87cbc2 50%,#18756f 74%,#064b50 100%);box-shadow:inset 0 0 28px rgba(0,39,43,.4),inset 0 0 0 1px rgba(255,255,255,.85)}
.watch-face:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.65) 0 11%,transparent 27% 68%,rgba(0,0,0,.12) 90%);border-radius:50%}
.watch-brand{position:absolute;left:0;right:0;top:25%;text-align:center;font-size:clamp(11px,1.15vw,18px);letter-spacing:.22em;font-weight:900;color:#043c40}
.watch-sub{position:absolute;left:0;right:0;top:33%;text-align:center;font-size:clamp(5px,.48vw,8px);letter-spacing:.16em;font-weight:700;color:rgba(0,60,64,.7)}
.watch-index{position:absolute;left:49%;top:6%;width:2%;height:8%;border-radius:999px;background:linear-gradient(90deg,#fff,#d4e6e2 55%,#476c69);box-shadow:0 1px 2px rgba(0,0,0,.25);transform-origin:50% 550%}
.i1{transform:rotate(30deg)}.i2{transform:rotate(60deg)}.i3{transform:rotate(90deg)}.i4{transform:rotate(120deg)}.i5{transform:rotate(150deg)}.i6{transform:rotate(180deg)}.i7{transform:rotate(210deg)}.i8{transform:rotate(240deg)}.i9{transform:rotate(270deg)}.i10{transform:rotate(300deg)}.i11{transform:rotate(330deg)}
.watch-hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:999px;z-index:4;box-shadow:0 2px 3px rgba(0,0,0,.2)}
.watch-hour{width:2.7%;height:24%;margin-left:-1.35%;background:linear-gradient(90deg,#173f40,#f5ffff 48%,#173f40);transform:rotate(302deg)}
.watch-minute{width:2%;height:35%;margin-left:-1%;background:linear-gradient(90deg,#143a3b,#fff 48%,#143a3b);transform:rotate(54deg)}
.watch-second{width:.65%;height:39%;margin-left:-.325%;background:#00a89d;transform:rotate(8deg);animation:watchSecond 60s steps(60,end) infinite}
.watch-second:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:20%;background:#00a89d}
.watch-pin{position:absolute;left:50%;top:50%;width:5%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 21%,#00a89d 23% 55%,#073f42 57%);z-index:6;box-shadow:0 2px 4px rgba(0,0,0,.3)}
.watch-crown{position:absolute;right:-5%;top:43%;width:9%;height:14%;border-radius:4px 11px 11px 4px;background:repeating-linear-gradient(90deg,#537572 0 3px,#dce8e4 4px 6px);box-shadow:0 5px 14px rgba(0,0,0,.25)}
@keyframes watchSecond{to{transform:rotate(368deg)}}
@keyframes watchBreathe{0%,100%{transform:translateY(-50%) rotate(-9deg) translate3d(0,0,0)}50%{transform:translateY(calc(-50% - 9px)) rotate(-7.7deg) translate3d(0,0,0)}}

/* Imágenes con baño cromático Aicrea, inspiradas en la referencia pero sin copiarla. */
.image-wash-section{position:relative;isolation:isolate;overflow:hidden}
.image-wash-section:before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.09;filter:saturate(.6) contrast(.9)}
.image-wash-section:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--aqua);opacity:.055;pointer-events:none}
.image-wash-section>.wrap{position:relative;z-index:1}
.image-wash-intro:before{background-image:url('assets/img/proyectos/37.png')}
.image-wash-culture:before{background-image:url('assets/img/proyectos/46.png');opacity:.12}
.image-wash-culture:after{opacity:.08}
.image-wash-services:before{background-image:url('assets/img/proyectos/48.png');opacity:.11}

/* Footer: nueva frase con jerarquía. */
.footer-statement{font-size:clamp(15px,1.25vw,19px);line-height:1.45;max-width:38ch;font-weight:600;letter-spacing:-.015em}

/* Hostinger/cross-browser: tamaños y contenido robustos. */
.hero-watch,.watch-stage,.watch-case,.watch-face{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
@media(max-width:1100px){
  .nav.nav-premium .brand-full{width:190px}
  .nav.nav-premium .links{gap:12px}.nav.nav-premium .links>a{font-size:9px}
  .watch-stage{right:-130px;width:600px;opacity:.85}
  .hero-watch-grid{grid-template-columns:1fr .58fr}
}
@media(max-width:860px){
  .nav.nav-premium .navin{min-height:62px;border-radius:15px;padding:7px 8px 7px 13px}
  .nav.nav-premium .brand-full{width:210px;max-height:44px}
  .nav.nav-premium .menu{display:grid;place-items:center;margin-left:auto}
  .nav.nav-premium .links{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 4px);padding:18px;border:1px solid var(--aqua);border-radius:16px;background:var(--deep);box-shadow:0 18px 40px rgba(0,0,0,.25);flex-direction:column;align-items:stretch;gap:0}
  .nav.nav-premium .links.open{display:flex}
  .nav.nav-premium .links>a{font-size:11px;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.12)}
  .nav.nav-premium .links .pill{margin-top:10px;text-align:center;border-bottom:1px solid var(--aqua)}
  .hero-watch{min-height:780px;padding-top:76px}
  .hero-watch-grid{grid-template-columns:1fr;align-content:start;min-height:620px}
  .hero-watch h1{max-width:10.5ch;font-size:clamp(50px,10vw,82px)}
  .hero-watch .hero-side{max-width:400px;margin-top:30px;padding-bottom:80px}
  .watch-stage{right:-220px;top:56%;width:620px;opacity:.48}
  .hero-watch:after{background:linear-gradient(90deg,rgba(247,250,247,.98) 0%,rgba(247,250,247,.89) 65%,rgba(247,250,247,.35) 100%)}
}
@media(max-width:600px){
  .nav.nav-premium{padding:7px 0}.nav.nav-premium .navin{min-height:58px}
  .nav.nav-premium .brand-full{width:176px;max-height:40px}
  .hero-watch{min-height:760px;padding-top:58px;padding-bottom:78px}
  .hero-watch-grid{min-height:610px}
  .hero-watch .hero-meta{gap:10px}.hero-watch .hero-index{display:none}
  .hero-watch h1{font-size:clamp(46px,13.2vw,68px);line-height:.91;max-width:10.3ch;margin-top:24px}
  .hero-watch .hero-side{margin-top:25px;max-width:90%;padding-bottom:65px}
  .hero-watch .hero-side .lead{font-size:16px;max-width:28ch}
  .hero-watch .actions{gap:8px}.hero-watch .btn{font-size:9px;padding:12px 13px}
  .watch-stage{width:480px;right:-235px;top:60%;opacity:.31}
  .watch-strap{display:none}.watch-case{inset:13%}
  .hero-watch .hero-bottom{bottom:18px}
  .hero-watch .hero-scrollcue span{display:none}
  .image-wash-section:before{opacity:.065}
}
@media(max-width:380px){.nav.nav-premium .brand-full{width:154px}.watch-stage{right:-250px;width:450px}.hero-watch h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.site-loader{animation:loaderAutoExit .01ms linear .6s forwards}.loader-mark,.watch-stage,.watch-second{animation:none!important}}

/* =========================================================
   V12 — Dirección visual aprobada / producción Hostinger
   Identidad Aicrea original + navegación flotante negra
   ========================================================= */
.nav.nav-premium{position:fixed!important;top:clamp(10px,1.6vw,24px)!important;left:0;right:0;z-index:990;background:transparent!important;border:0!important;padding:0 14px!important;pointer-events:none}
.nav.nav-premium .navin{pointer-events:auto;max-width:1240px;min-height:64px;margin:auto;border:1px solid rgba(0,157,148,.62)!important;border-radius:20px!important;padding:8px 11px 8px 17px!important;background:rgba(4,5,5,.94)!important;box-shadow:0 18px 55px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.nav.nav-premium .brand-full{filter:none!important;width:clamp(178px,17vw,255px)!important;max-height:47px}
.nav.nav-premium .links>a{color:#fff!important}.nav.nav-premium .links>a:hover{color:var(--aqua)!important}
.nav.nav-premium .links .pill{background:#050505!important;border-color:var(--aqua)!important;color:#fff!important}.nav.nav-premium .links .pill:hover{background:var(--aqua)!important;color:#031c1f!important}
.nav.nav-premium.scrolled .navin{background:rgba(3,4,4,.975)!important;box-shadow:0 14px 45px rgba(0,0,0,.38)}

/* Loader: isotipo ORIGINAL recortado, sin giro ni texto residual. */
.site-loader{background:#030505!important;gap:0!important;animation:loaderAutoExit .65s ease 2s forwards!important}
.loader-mark{width:clamp(70px,8vw,104px)!important;aspect-ratio:288/244!important;animation:loaderAicreaReveal 1.25s cubic-bezier(.22,.75,.2,1) both!important;overflow:hidden}
.loader-mark img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;animation:none!important}
@keyframes loaderAicreaReveal{0%{opacity:0;transform:scale(.72);filter:blur(8px)}45%{opacity:1;transform:scale(1.06);filter:blur(0)}100%{opacity:1;transform:scale(1)}}

/* Hero: el único fondo visual es el video local del reloj. */
.hero-watch{position:relative;isolation:isolate;min-height:max(720px,100svh)!important;background:#050606!important;padding-top:clamp(118px,12vw,165px)!important;padding-bottom:80px!important;color:#fff}
.hero-watch:after{display:none!important}
.hero-watch-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3;background:#050606}
.hero-watch-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 39%,rgba(0,0,0,.26) 68%,rgba(0,0,0,.15) 100%);pointer-events:none}
.hero-watch .hero-grid{min-height:clamp(500px,66svh,720px)!important;align-items:center!important}
.hero-watch .eyebrow,.hero-watch .hero-index,.hero-watch .hero-side-no{color:rgba(255,255,255,.72)!important}
.hero-watch h1{color:#fff!important;text-shadow:0 3px 30px rgba(0,0,0,.24);font-size:clamp(50px,6.1vw,98px)!important;max-width:12ch!important}
.hero-watch .hero-line-accent{color:var(--aqua)!important}
.hero-watch .hero-side .lead{color:rgba(255,255,255,.9)!important}
.hero-watch .btn{background:rgba(5,5,5,.62)!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-watch .btn.primary{background:var(--aqua)!important;color:#052326!important;border-color:var(--aqua)!important}
.hero-watch .hero-bottom{color:#fff}.hero-watch .hero-status,.hero-watch .hero-scrollcue{color:rgba(255,255,255,.8)}
.watch-stage,.hero-image-wash{display:none!important}

/* Imagen ambiental creada para Aicrea: apoyo, no reemplaza identidad ni contenido. */
.image-wash-intro .section-head{grid-template-columns:minmax(120px,.38fr) minmax(280px,.9fr) minmax(300px,.82fr)!important;align-items:center!important}
.creative-ambient{position:relative;margin:0;min-height:360px;border-radius:22px;overflow:hidden;background:var(--deep)}
.creative-ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,157,148,.08),rgba(0,68,73,.46));pointer-events:none}
.creative-ambient img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.creative-ambient:hover img{transform:scale(1.055)}
.image-wash-intro:before{background-image:url('assets/img/creative-team.jpg')!important;opacity:.055!important}

/* Benoist-inspired motion language: content is visible before animation. */
.reveal{opacity:1!important;transform:none!important}
.reveal.on .creative-ambient{animation:aicreaImageIn .9s cubic-bezier(.2,.75,.2,1) both}
@keyframes aicreaImageIn{from{opacity:.35;clip-path:inset(0 0 100% 0);transform:translateY(18px)}to{opacity:1;clip-path:inset(0);transform:none}}

/* Responsive: preserve content and hierarchy on all devices. */
@media(max-width:1000px){
 .image-wash-intro .section-head{grid-template-columns:1fr 1fr!important}.image-wash-intro .section-head>.eyebrow{grid-column:1/-1}.creative-ambient{min-height:330px}.creative-ambient img{min-height:330px}
 .hero-watch-overlay{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.56) 70%,rgba(0,0,0,.35))}
}
@media(max-width:860px){
 .nav.nav-premium{top:8px!important;padding:0 9px!important}.nav.nav-premium .navin{min-height:60px!important;border-radius:17px!important}.nav.nav-premium .brand-full{width:190px!important;max-height:42px!important}
 .nav.nav-premium .links{background:#050606!important;border-color:rgba(0,157,148,.8)!important;top:calc(100% + 7px)!important}
 .hero-watch{min-height:max(720px,100svh)!important;padding-top:105px!important}.hero-watch .hero-grid{min-height:600px!important;align-content:center!important}.hero-watch h1{font-size:clamp(48px,10vw,78px)!important;max-width:11ch!important}.hero-watch .hero-side{margin-top:24px!important;padding-bottom:54px!important}
 .hero-watch-video{object-position:61% center}.hero-watch-overlay{background:linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.68) 66%,rgba(0,0,0,.38) 100%)}
}
@media(max-width:680px){
 .nav.nav-premium .brand-full{width:168px!important}.nav.nav-premium .menu{display:grid!important;color:#fff!important;border-color:var(--aqua)!important;background:#050505!important}
 .hero-watch{min-height:max(720px,100svh)!important;padding-top:92px!important;padding-bottom:72px!important}.hero-watch .hero-grid{min-height:610px!important}.hero-watch h1{font-size:clamp(43px,12.4vw,64px)!important;line-height:.93!important;max-width:10.8ch!important}.hero-watch .hero-side{max-width:100%!important;margin-top:20px!important}.hero-watch .hero-side .lead{font-size:15.5px!important;max-width:30ch!important}.hero-watch-video{object-position:66% center}.hero-watch-overlay{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.72) 72%,rgba(0,0,0,.5))}
 .image-wash-intro .section-head{grid-template-columns:1fr!important}.image-wash-intro .section-head>.eyebrow{grid-column:auto}.creative-ambient{min-height:260px;border-radius:16px}.creative-ambient img{min-height:260px}
}
@media(max-width:420px){.nav.nav-premium .brand-full{width:148px!important}.hero-watch h1{font-size:42px!important}.hero-watch-video{object-position:69% center}}
@media(prefers-reduced-motion:reduce){.loader-mark{animation:none!important}.creative-ambient,.creative-ambient img{animation:none!important;transition:none!important}.hero-watch-video{display:none}.hero-watch{background:#050606 url('assets/img/watch-hero-poster.jpg') center/cover no-repeat!important}}

/* =========================================================
   V13 · Estructura visual aprobada + lenguaje Benoist
   Hostinger-safe: contenido visible sin JS; animaciones decorativas.
   ========================================================= */

/* Header flotante negro: se mantiene compacto y consistente. */
.nav.nav-premium{top:clamp(12px,1.7vw,24px)!important}
.nav.nav-premium .navin{background:rgba(2,3,3,.96)!important;border-color:rgba(0,157,148,.72)!important;box-shadow:0 20px 58px rgba(0,0,0,.34)!important}

/* HERO V13: una sola lectura fuerte sobre el video; segunda frase claramente menor. */
.hero-watch{min-height:max(720px,100svh)!important;padding-top:clamp(122px,12vw,164px)!important;display:flex;align-items:stretch}
.hero-watch-content{position:relative;z-index:5;display:flex;align-items:center;min-height:clamp(540px,72svh,760px);width:100%}
.hero-copy-v13{width:min(760px,63vw);padding:clamp(28px,4vw,54px) 0 72px}
.hero-copy-v13 .hero-meta{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:clamp(28px,4vw,48px);max-width:660px}
.hero-copy-v13 h1{font-size:clamp(66px,8.4vw,132px)!important;line-height:.86!important;letter-spacing:-.07em!important;max-width:7.5ch!important;margin:0!important;color:#fff!important;text-wrap:balance}
.hero-secondary{font-size:clamp(24px,3vw,46px);line-height:1.02;letter-spacing:-.04em;font-weight:650;color:var(--aqua);max-width:20ch;margin:clamp(22px,3vw,36px) 0 0;text-wrap:balance}
.hero-support{font-size:clamp(15px,1.35vw,20px);line-height:1.5;color:rgba(255,255,255,.86);max-width:48ch;margin:22px 0 0}
.hero-copy-v13 .actions{margin-top:28px}
.hero-watch-video{object-position:center center!important;filter:saturate(.86) contrast(1.04)}
.hero-watch-overlay{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 35%,rgba(0,0,0,.42) 62%,rgba(0,0,0,.22) 100%)!important}
.hero-watch:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 46%,rgba(0,157,148,.09),transparent 27%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 20%,transparent 80%,rgba(0,0,0,.25))}

/* Lenguaje visual tipo Benoist: partículas, imagen con baño de color y entrada en máscara.
   La información no se oculta nunca; estas capas son sólo decorativas. */
.image-wash-intro,.ecosystem,.image-wash-culture{position:relative;isolation:isolate}
.image-wash-intro:after,.ecosystem:after,.image-wash-culture:after{content:"";position:absolute;z-index:0;width:150px;height:150px;pointer-events:none;opacity:.34;background-image:radial-gradient(circle,rgba(0,157,148,.8) 1.4px,transparent 1.6px);background-size:17px 17px;mask-image:linear-gradient(135deg,#000,transparent 72%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 72%);animation:aicreaParticleDrift 9s ease-in-out infinite alternate}
.image-wash-intro:after{right:3vw;top:4vw}
.ecosystem:after{left:2vw;bottom:3vw;transform:rotate(180deg)}
.image-wash-culture:after{right:4vw;bottom:4vw}
@keyframes aicreaParticleDrift{from{translate:0 0;opacity:.22}to{translate:0 -14px;opacity:.44}}
.image-wash-intro>.wrap,.ecosystem>.wrap,.image-wash-culture>.wrap{position:relative;z-index:1}
.creative-ambient{box-shadow:0 30px 70px rgba(0,52,57,.14);border:1px solid rgba(0,157,148,.18)}
.creative-ambient:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(145deg,rgba(0,157,148,.18),transparent 48%,rgba(0,68,73,.35));mix-blend-mode:multiply;pointer-events:none}
.creative-ambient:after{z-index:3!important}
.reveal.on .creative-ambient img{animation:aicreaImageBreath 8s ease-in-out infinite alternate}
@keyframes aicreaImageBreath{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-1.5%,0,0)}}
.service-row,.step,.arce article,.quote{transition:transform .35s ease,border-color .35s ease,background-color .35s ease}
@media(hover:hover){.service-row:hover,.step:hover,.arce article:hover,.quote:hover{transform:translateY(-5px)}}

/* Loader inspirado en ritmo de referencia: A original, estática, aparece por máscara y sale. */
.site-loader{overflow:hidden!important}
.site-loader:before,.site-loader:after{content:"";position:absolute;width:120px;height:120px;background-image:radial-gradient(circle,rgba(0,157,148,.8) 1.2px,transparent 1.4px);background-size:16px 16px;opacity:.22;pointer-events:none}
.site-loader:before{left:8vw;top:18vh;animation:loaderParticles 1.8s ease-in-out infinite alternate}
.site-loader:after{right:8vw;bottom:18vh;animation:loaderParticles 1.8s ease-in-out .35s infinite alternate}
.loader-mark{position:relative;clip-path:inset(100% 0 0 0);animation:loaderMaskV13 1.15s cubic-bezier(.22,.78,.2,1) .12s forwards!important}
.loader-mark img{transform:none!important;animation:none!important}
@keyframes loaderMaskV13{0%{clip-path:inset(100% 0 0 0);opacity:0;transform:translateY(16px)}55%{opacity:1}100%{clip-path:inset(0);opacity:1;transform:none}}
@keyframes loaderParticles{to{transform:translateY(-10px);opacity:.38}}

/* Contacto V13: bloque flotante de 2 columnas, formulario + fotografía real de Mau. */
.contact-page-v13{background:linear-gradient(180deg,#f7faf8 0%,#eef5f3 50%,#f7faf8 100%);overflow:hidden}
.contact-hero-v13{padding-bottom:clamp(150px,15vw,220px)!important;background:linear-gradient(145deg,#073f44,#052d31)!important;color:#fff;position:relative;overflow:hidden}
.contact-hero-v13:after{content:"";position:absolute;right:-50px;bottom:-80px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(0,157,148,.3),transparent 67%);pointer-events:none}
.contact-hero-v13 .lead{color:rgba(255,255,255,.78);max-width:58ch;margin-top:24px}
.contact-float-zone{padding:0 0 clamp(80px,9vw,130px);margin-top:clamp(-110px,-8vw,-72px);position:relative;z-index:4}
.contact-float-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.82fr);background:#fff;border:1px solid rgba(0,70,77,.12);border-radius:clamp(20px,2.3vw,34px);overflow:hidden;box-shadow:0 35px 90px rgba(0,44,48,.17);min-height:700px}
.contact-form-pane{padding:clamp(30px,4.5vw,68px);display:flex;flex-direction:column;justify-content:center}
.contact-form-intro{margin-bottom:28px}.contact-form-intro h2{font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.045em;max-width:10ch;margin-top:12px}
.contact-form-v13{margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
.contact-form-v13 label{min-width:0}.contact-form-v13 .full{grid-column:1/-1}.contact-form-v13 textarea{min-height:125px}
.contact-social-inline{margin-top:28px;display:grid!important;grid-template-columns:1fr;gap:0!important;border-top:1px solid rgba(0,70,77,.14)}
.contact-social-inline .social-link{padding:13px 0!important}
.contact-mau-pane{position:relative;min-height:700px;overflow:hidden;background:#043b40;isolation:isolate}
.contact-mau-pane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;transform:scale(1.015);filter:saturate(.86) contrast(1.03)}
.contact-mau-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 30%,rgba(0,32,35,.78) 100%),linear-gradient(135deg,rgba(0,157,148,.12),transparent 55%);z-index:1}
.contact-mau-pane:after{content:"";position:absolute;right:7%;top:8%;width:125px;height:125px;z-index:2;background-image:radial-gradient(circle,rgba(255,255,255,.72) 1px,transparent 1.4px);background-size:15px 15px;opacity:.2;mask-image:linear-gradient(135deg,#000,transparent);-webkit-mask-image:linear-gradient(135deg,#000,transparent)}
.contact-mau-copy{position:absolute;left:clamp(22px,3vw,42px);right:clamp(22px,3vw,42px);bottom:clamp(24px,3vw,44px);z-index:3;color:#fff}
.contact-mau-copy span{font-size:9px;letter-spacing:.22em;font-weight:800;color:#74d8d0}.contact-mau-copy h2{font-size:clamp(56px,7vw,98px);line-height:.86;margin:8px 0 12px;letter-spacing:-.06em}.contact-mau-copy p{font-size:14px;color:rgba(255,255,255,.8);margin:0}

@media(max-width:1000px){
  .hero-copy-v13{width:min(690px,78vw)}
  .hero-copy-v13 h1{font-size:clamp(64px,9.4vw,104px)!important}
  .contact-float-card{grid-template-columns:1fr .82fr}
}
@media(max-width:860px){
  .hero-watch{padding-top:108px!important}
  .hero-watch-content{min-height:630px}
  .hero-copy-v13{width:85vw;padding-bottom:80px}
  .hero-copy-v13 h1{font-size:clamp(58px,11vw,88px)!important;max-width:7.3ch!important}
  .hero-secondary{font-size:clamp(24px,5vw,38px);max-width:18ch}
  .hero-watch-video{object-position:58% center!important}
  .contact-float-card{grid-template-columns:1fr;min-height:0}
  .contact-mau-pane{min-height:520px;order:-1}
  .contact-mau-pane img{object-position:center 18%}
  .contact-form-pane{padding:clamp(28px,6vw,48px)}
}
@media(max-width:680px){
  .hero-watch{min-height:max(760px,100svh)!important;padding-top:96px!important}
  .hero-watch-content{min-height:650px;align-items:flex-start;padding-top:62px}
  .hero-copy-v13{width:100%;padding-bottom:90px}
  .hero-copy-v13 .hero-meta{margin-bottom:22px}.hero-copy-v13 .hero-index{display:none}
  .hero-copy-v13 h1{font-size:clamp(52px,15.4vw,72px)!important;line-height:.88!important;max-width:7.2ch!important}
  .hero-secondary{font-size:clamp(22px,7vw,32px);line-height:1.05;margin-top:20px;max-width:18ch}
  .hero-support{font-size:14px;max-width:33ch;margin-top:18px}
  .hero-copy-v13 .actions{margin-top:22px;display:flex;flex-wrap:wrap}
  .hero-watch-video{object-position:64% center!important}
  .hero-watch-overlay{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.74) 72%,rgba(0,0,0,.48) 100%)!important}
  .image-wash-intro:after,.ecosystem:after,.image-wash-culture:after{width:95px;height:95px;background-size:13px 13px}
  .contact-hero-v13{padding-bottom:135px!important}.contact-float-zone{margin-top:-82px}
  .contact-float-card{border-radius:20px}
  .contact-mau-pane{min-height:430px}.contact-mau-pane img{object-position:center 16%}
  .contact-form-v13{grid-template-columns:1fr!important}.contact-form-v13 .full{grid-column:auto}
  .contact-form-intro h2{max-width:12ch}
}
@media(max-width:420px){
  .hero-copy-v13 h1{font-size:49px!important}.hero-secondary{font-size:23px}.hero-watch-video{object-position:68% center!important}
  .contact-mau-pane{min-height:385px}.contact-form-pane{padding:26px 20px 30px}
}
@media(prefers-reduced-motion:reduce){
  .site-loader:before,.site-loader:after,.image-wash-intro:after,.ecosystem:after,.image-wash-culture:after{animation:none!important}
  .creative-ambient img{animation:none!important}
  .hero-watch-video{display:block!important}
}

/* =========================================================
   V14 — Dirección visual aplicada a TODO el sitio
   Referencia de movimiento/imagen: Instituto Benoist, adaptada
   exclusivamente a identidad y contenido Aicrea.
   ========================================================= */
:root{--v14-black:#050707;--v14-panel:#0a0e0f;--v14-line:rgba(66,210,199,.24)}
body{overflow-x:hidden}
body.page-home-v14,body.page-services-v14,body.page-projects-v14,body.page-blog-v14,body.page-contact-v14,body.page-start-v14,body.page-article-v14{background:#f7faf8}

/* Navbar flotante: consistente en todas las páginas */
.nav.nav-premium{position:fixed!important;top:clamp(12px,2vw,26px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(1180px,calc(100% - 32px))!important;border:1px solid rgba(89,218,207,.34)!important;border-radius:22px!important;background:rgba(3,5,5,.92)!important;box-shadow:0 18px 55px rgba(0,0,0,.28)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:9990!important;overflow:visible}
.nav.nav-premium .wrap{width:100%;max-width:none!important;padding-inline:clamp(16px,2vw,30px)!important}
.nav.nav-premium .links a{color:#fff!important}.nav.nav-premium .links a:hover{color:var(--aqua)!important}
.nav.nav-premium .pill{border-color:var(--aqua)!important;background:transparent!important}
.nav.nav-premium .brand-full{max-width:245px!important;max-height:47px!important;object-fit:contain}

/* Lenguaje Benoist aplicado como recurso transversal, no como contenido nuevo. */
.pagehero,.service-pillars,.services-system,.projects-auto-showcase,.blog-listing,.contact-float-zone,.home-services-v14,.home-ecosystem-v14,.home-arce-v14,.home-team-v14,.home-culture-v14{position:relative;isolation:isolate}
.pagehero:after,.services-system:after,.projects-auto-showcase:after,.blog-listing:after,.home-services-v14:after,.home-team-v14:after{content:"";position:absolute;z-index:0;width:150px;height:150px;pointer-events:none;opacity:.27;background-image:radial-gradient(circle,rgba(0,157,148,.9) 1.25px,transparent 1.6px);background-size:16px 16px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 72%);mask-image:linear-gradient(135deg,#000,transparent 72%)}
.pagehero:after{right:3vw;bottom:2vw}.services-system:after{left:2vw;top:8%}.projects-auto-showcase:after{right:2vw;top:5%}.blog-listing:after{left:2vw;bottom:8%}.home-services-v14:after{right:2vw;top:5%}.home-team-v14:after{left:2vw;top:6%}
.pagehero>.wrap,.services-system>.wrap,.projects-auto-showcase>.wrap,.blog-listing>.wrap,.home-services-v14>.wrap,.home-team-v14>.wrap{position:relative;z-index:1}

.benoist-media{position:relative;overflow:hidden;border-radius:clamp(18px,2.4vw,34px);background:#063f44;box-shadow:0 28px 74px rgba(0,50,54,.17);isolation:isolate}
.benoist-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .65s ease;filter:saturate(.86) contrast(1.04)}
.benoist-media:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(0,157,148,.24),transparent 44%,rgba(0,54,59,.5));mix-blend-mode:multiply;pointer-events:none}
.benoist-media:after{content:"";position:absolute;left:-7%;bottom:-18%;width:44%;aspect-ratio:1;border-radius:55% 45% 62% 38% / 48% 60% 40% 52%;z-index:3;background:rgba(0,157,148,.23);filter:blur(.2px);pointer-events:none}
@media(hover:hover){.benoist-media:hover img{transform:scale(1.055)}}

/* HOME — aplicar la dirección visual también debajo del hero */
.home-services-v14{background:#050808!important;color:#fff;padding-block:clamp(72px,8vw,118px)!important;overflow:hidden}
.home-services-v14 .section-head h2,.home-services-v14 h3,.home-services-v14 p{color:inherit}.home-services-v14 .service{background:rgba(255,255,255,.025);border-color:var(--v14-line)!important;border-radius:22px;overflow:hidden;transition:transform .4s ease,background .4s ease}.home-services-v14 .service:hover{background:rgba(0,157,148,.08);transform:translateY(-6px)}
.home-ecosystem-v14{background:linear-gradient(180deg,#f6faf8,#eaf4f2)!important;overflow:hidden}
.home-ecosystem-v14 .service-row{border-radius:18px;background:rgba(255,255,255,.74);box-shadow:0 10px 40px rgba(0,50,54,.06);padding-inline:clamp(18px,2.5vw,32px)!important}
.home-arce-v14{overflow:hidden;background:radial-gradient(circle at 80% 30%,rgba(0,157,148,.17),transparent 30%),#050808!important}.home-arce-v14 .arce article{border:1px solid rgba(255,255,255,.12)!important;border-radius:20px;background:rgba(255,255,255,.03)}
.home-team-v14{background:#071012!important;color:#fff;overflow:hidden;border-block:1px solid rgba(0,157,148,.22)}
.home-team-v14 .section-head h2,.home-team-v14 .lead{color:#fff!important}.home-team-v14 .team-band-card{background:#0b1516!important;border-color:rgba(66,210,199,.18)!important}
.home-culture-v14{padding-block:clamp(76px,9vw,132px)!important;overflow:hidden}.home-culture-v14>.wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:clamp(32px,6vw,92px);align-items:center}.culture-ambient-v14{min-height:440px;grid-column:2;grid-row:1/6}.culture-ambient-v14 img{position:absolute;inset:0}

/* SERVICES — ahora la referencia visual continúa dentro de la página */
.services-hero{background:radial-gradient(circle at 78% 35%,rgba(0,157,148,.21),transparent 25%),linear-gradient(145deg,#071011,#020404)!important;color:#fff!important;overflow:hidden}
.services-hero h1,.services-hero .lead{color:#fff!important}.services-hero span{color:var(--aqua)!important}
.benoist-service-media{height:clamp(310px,42vw,560px);margin:0 0 clamp(54px,7vw,94px)}
.service-pillars{padding-top:clamp(68px,8vw,110px)!important;background:linear-gradient(180deg,#f5faf8,#fff)}
.service-pillar{border-radius:26px!important;overflow:hidden!important;box-shadow:0 18px 60px rgba(0,56,61,.07);margin-bottom:24px!important}.service-pillar:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 45%,rgba(0,157,148,.07))}
.services-system{overflow:hidden}.services-editorial{display:grid;gap:18px}.service-editorial{border:1px solid rgba(0,90,95,.12)!important;border-radius:20px;padding:clamp(22px,3vw,38px)!important;background:#fff;box-shadow:0 12px 42px rgba(0,50,54,.05)}
.services-philosophy{background:radial-gradient(circle at 15% 10%,rgba(0,157,148,.2),transparent 28%),#050808!important;overflow:hidden}.services-philosophy:after{content:"";position:absolute;right:-6%;top:10%;width:360px;height:360px;border-radius:50%;border:1px solid rgba(0,157,148,.14);box-shadow:0 0 0 70px rgba(0,157,148,.025),0 0 0 140px rgba(0,157,148,.018);pointer-events:none}
.services-cta{background:linear-gradient(140deg,#ecf8f5,#fff)!important}

/* PROJECTS — imagen protagonista + barras automáticas, sin cambiar los textos */
.projects-hero{background:linear-gradient(90deg,rgba(1,5,5,.96),rgba(1,5,5,.72)),url('assets/img/proyectos/46.png') center/cover no-repeat!important;color:#fff!important;min-height:clamp(500px,66svh,720px);display:flex;align-items:end;padding-bottom:clamp(64px,8vw,110px)!important}.projects-hero h1,.projects-hero .lead{color:#fff!important}
.projects-auto-showcase{background:#050808!important;color:#fff;padding-top:clamp(50px,6vw,80px)!important;overflow:hidden}.projects-auto-intro p{color:rgba(255,255,255,.7)!important}
.benoist-project-media{width:min(1180px,calc(100% - 32px));height:clamp(280px,38vw,520px);margin:0 auto clamp(42px,6vw,76px);border:1px solid rgba(66,210,199,.22)}.benoist-project-media img{object-fit:contain;background:#081314;padding:clamp(18px,3vw,42px)}
.project-auto-card{border-color:rgba(66,210,199,.19)!important;background:#0a1011!important}.project-auto-card figcaption{background:linear-gradient(180deg,rgba(5,8,8,.36),rgba(5,8,8,.96))!important;color:#fff!important}

/* BLOG — editorial + imagen ambiental como en la referencia */
.blog-hero{background:radial-gradient(circle at 78% 30%,rgba(0,157,148,.18),transparent 28%),#050808!important;color:#fff!important;min-height:520px;display:flex;align-items:end}.blog-hero h1,.blog-hero .lead{color:#fff!important}
.benoist-media-band{background:#050808;padding:0 0 clamp(46px,6vw,78px);margin-top:-1px}.blog-visual-band .benoist-media{height:clamp(280px,36vw,500px);border:1px solid rgba(66,210,199,.21)}
.blog-listing{background:linear-gradient(180deg,#f4faf8,#fff)!important;padding-top:clamp(60px,7vw,100px)!important}.blog-process article,.blog-process .step{border-radius:20px!important;background:#fff;box-shadow:0 14px 48px rgba(0,50,54,.06)}

/* CONTACTO / INICIAR PROYECTO — misma familia visual, paneles flotantes */
.contact-page-v13,.page-start-v14 main{background:linear-gradient(180deg,#eaf5f2,#f8fbfa)!important}
.contact-float-card{border:1px solid rgba(0,157,148,.28)!important;box-shadow:0 32px 100px rgba(0,32,35,.2)!important}
.start-hero-v14{background:linear-gradient(90deg,rgba(1,5,5,.94),rgba(1,5,5,.7)),url('assets/img/creative-team.jpg') center/cover no-repeat!important;color:#fff!important;min-height:clamp(650px,90svh,880px);display:flex;align-items:center;overflow:hidden}.start-hero-v14>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(34px,6vw,90px);align-items:center}.start-hero-v14 h1,.start-hero-v14 .lead{color:#fff!important}.start-hero-media{height:clamp(360px,46vw,610px);border:1px solid rgba(66,210,199,.28)}

/* ARTICLE */
.article-hero-v14{background:linear-gradient(90deg,rgba(1,5,5,.95),rgba(1,5,5,.72)),url('assets/img/proyectos/49.png') center/cover no-repeat!important;color:#fff!important;min-height:500px;display:flex;align-items:end}.article-hero-v14 h1,.article-hero-v14 .lead{color:#fff!important}

/* Animación inspirada en la referencia, con contenido visible siempre. */
@keyframes v14Float{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-12px,0)}}
.pagehero:after,.services-system:after,.projects-auto-showcase:after,.blog-listing:after,.home-services-v14:after,.home-team-v14:after{animation:v14Float 5s ease-in-out infinite alternate}

@media(max-width:980px){
 .nav.nav-premium{width:calc(100% - 22px)!important;border-radius:18px!important}.nav.nav-premium .brand-full{max-width:205px!important}
 .home-culture-v14>.wrap{grid-template-columns:1fr}.culture-ambient-v14{grid-column:auto;grid-row:auto;min-height:360px;order:4}
 .start-hero-v14>.wrap{grid-template-columns:1fr}.start-hero-media{height:390px;max-width:680px}
}
@media(max-width:680px){
 .nav.nav-premium{top:8px!important;width:calc(100% - 16px)!important}.nav.nav-premium .brand-full{max-width:150px!important}.nav.nav-premium .navin{min-height:58px!important}
 .pagehero:after,.services-system:after,.projects-auto-showcase:after,.blog-listing:after,.home-services-v14:after,.home-team-v14:after{width:88px;height:88px;background-size:12px 12px;opacity:.18}
 .benoist-service-media,.blog-visual-band .benoist-media,.benoist-project-media{height:270px;border-radius:18px}.benoist-project-media{width:calc(100% - 22px)}
 .projects-hero{min-height:560px}.blog-hero{min-height:480px}.start-hero-v14{min-height:760px;padding-top:110px!important}.start-hero-media{height:330px}
 .home-culture-v14>.wrap{display:block}.culture-ambient-v14{margin-top:34px;min-height:300px}
}
@media(prefers-reduced-motion:reduce){.pagehero:after,.services-system:after,.projects-auto-showcase:after,.blog-listing:after,.home-services-v14:after,.home-team-v14:after{animation:none!important}.benoist-media img{transition:none!important}}