.logo-rail{width:fit-content;max-width:calc(100% - 32px);margin:75px auto 90px;padding:30px clamp(24px,4vw,50px);overflow:hidden;border-radius:20px;background:var(--dark);box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}.logo-rail-track{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(24px,4vw,54px);width:auto}.logo-rail-track img{flex:0 0 auto;width:clamp(46px,4.6vw,68px);height:clamp(46px,4.6vw,68px);object-fit:contain;border-radius:16px}
.logo-rail{width:fit-content;max-width:calc(100% - 32px);margin:75px auto 90px;padding:30px clamp(24px,4vw,50px);overflow:hidden;border-radius:20px;background:var(--dark);box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}.logo-rail-track{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(24px,4vw,54px);width:auto}.logo-rail-track img{flex:0 0 auto;width:clamp(46px,4.6vw,68px);height:clamp(46px,4.6vw,68px);object-fit:contain;border-radius:16px}
@font-face{font-family:Roc;src:url('../Fuente/RocGroteskCondensedExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Roc;src:url('../Fuente/RocGroteskCondensedMedium.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Roc;src:url('../Fuente/RocGroteskCondensedLight.woff2') format('woff2');font-weight:300;font-display:swap}
:root{--orange:#eb5b30;--orange-hot:#ff6b3c;--dark:#101513;--dark-2:#202321;--paper:#f1eee7;--ink:#141715;--muted:#777a75;--line:rgba(20,23,21,.18);--white-line:rgba(241,238,231,.17);--shell:min(92vw,1480px);--header:98px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header);background:var(--dark);width:100vw;max-width:100vw;overflow-x:hidden;touch-action:auto;overscroll-behavior-x:none}
body{margin:0;width:100vw;max-width:100vw;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;touch-action:auto;overscroll-behavior-x:none;position:relative}
main,section,.section-shell{max-width:100%;overflow-x:clip}
.astronaut-rig{max-width:100vw}
body.menu-open{overflow:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--orange);color:var(--dark)}
::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--orange)}
.scroll-progress{position:fixed;z-index:1001;top:0;left:0;width:100%;height:3px;background:transparent}.scroll-progress span{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(var(--page-progress,0));transform-origin:left}
.section-shell{width:var(--shell);margin-inline:auto}
.section-dark{background:var(--dark);color:var(--paper)}
.section-light{background:var(--paper);color:var(--ink)}
.eyebrow{display:flex;align-items:center;gap:11px;font:700 11px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.eyebrow i{color:var(--orange);font-size:22px;font-style:normal}
.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:44px;padding:0 16px;border:1px solid var(--orange);color:var(--paper);font:800 11px/1 Roc,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:.25s ease}.outline-button:hover{background:var(--orange);color:var(--dark);transform:translateY(-3px)}.outline-dark{color:var(--ink)}
.text-link{display:inline-flex;gap:20px;align-items:center;padding-bottom:7px;border-bottom:1px solid currentColor;font:800 12px/1 Roc,Impact,sans-serif;letter-spacing:.07em;text-transform:uppercase}.text-link span{color:var(--orange);font-size:20px}

.site-header{position:fixed;z-index:1000;inset:0 0 auto;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:var(--paper);border-bottom:1px solid transparent;transition:background .35s,border-color .35s,height .35s;mix-blend-mode:normal}.site-header.is-scrolled{height:82px;background:rgba(16,21,19,.94);border-color:var(--white-line);backdrop-filter:blur(15px)}
.brand{display:flex;align-items:center;gap:14px;height:58px}.brand-cat{width:52px;height:52px;object-fit:contain}.brand-word{width:auto;height:50px;object-fit:contain}
.site-nav{display:contents}.nav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(20px,2.4vw,42px)}.site-nav a{position:relative;font:800 13px/1 Roc,Impact,sans-serif;letter-spacing:.07em;text-transform:uppercase}.nav-links>a::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .25s}.nav-links>a:hover::after{transform:scaleX(1);transform-origin:left}.nav-contact{display:flex;align-items:center;gap:18px;padding:15px 20px;border-radius:999px;background:var(--orange);color:var(--dark)}.nav-contact span{font-size:18px}
.menu-toggle{display:none;background:none;border:0;color:inherit}

.hero{position:relative;min-height:max(780px,100svh);padding:calc(var(--header) + 34px) 4vw 35px;overflow:hidden;isolation:isolate;background:var(--dark);color:var(--paper)}
.hero::before{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(circle at 65% 42%,rgba(235,91,48,.26),transparent 23%),linear-gradient(rgba(241,238,231,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(241,238,231,.035) 1px,transparent 1px),var(--dark);background-size:auto,44px 44px,44px 44px,auto}
.hero-noise{position:absolute;z-index:-2;inset:0;opacity:.16;background:url('../assets/opt/congreso-nacion.webp') center/cover;mix-blend-mode:luminosity;filter:contrast(1.4)}
.hero-meta{position:absolute;top:132px;left:4vw;display:flex;align-items:center;gap:18px;font:700 14px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em}.hero-meta p{margin:0}.mini-faces{display:flex}.mini-faces img{width:38px;height:38px;object-fit:contain;border-radius:50%;background:var(--paper);border:2px solid var(--dark);margin-left:-10px}.mini-faces img:first-child{margin:0}
.hero-kicker{position:absolute;z-index:4;left:0;top:184px;width:100%;margin:0;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--paper);font:800 13px/1 Roc,Impact,sans-serif;letter-spacing:.09em;text-transform:uppercase;text-align:center}
.hero-kicker-tag{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--orange);border-radius:999px;color:var(--paper)}
.hero-title{position:absolute;z-index:1;left:0;top:27%;margin:0;width:100%;text-align:center;font:800 clamp(90px,13vw,215px)/.94 Roc,Impact,sans-serif;letter-spacing:-.04em;text-transform:uppercase;pointer-events:none;translate:0 calc(var(--hero-exit,0) * -45px);opacity:calc(1 - (var(--hero-exit,0) * .72));will-change:translate,opacity}.title-row{display:block;overflow:hidden;white-space:nowrap}.title-row b{display:block;transform:translateY(112%);animation:hero-title-in 1s var(--ease) forwards}.title-row:nth-child(2) b{animation-delay:.13s}.title-row-accent{display:block;color:var(--orange);margin-top:-.1em}@keyframes hero-title-in{to{transform:none}}
.astronaut-rig{--astronaut-start:var(--header);--astronaut-y:0px;--astronaut-rope:42px;position:fixed;top:var(--astronaut-start);right:clamp(6px,2.5vw,40px);z-index:1;width:clamp(72px,7.5vw,120px);height:0;pointer-events:none}
.astronaut-rope{position:absolute;top:calc(var(--astronaut-start) * -1);left:50%;width:4px;height:calc(var(--astronaut-start) + var(--astronaut-rope));border-radius:999px;background:linear-gradient(180deg,rgba(241,238,231,.18),rgba(241,238,231,.86) 16%,rgba(235,91,48,.92));box-shadow:0 0 0 6px rgba(241,238,231,.04);transform:translateX(-50%)}
.scroll-astronaut{position:absolute;top:0;left:50%;width:100%;opacity:.9;filter:drop-shadow(0 24px 32px rgba(0,0,0,.35));animation:astronautFloat 5.2s ease-in-out infinite;transform-origin:top center}
.scroll-astronaut img{width:100%;height:auto;display:block}
@keyframes astronautFloat{0%,100%{transform:translate3d(-50%,var(--astronaut-y),0) rotate(-2deg)}50%{transform:translate3d(-50%,calc(var(--astronaut-y) - 13px),0) rotate(2deg)}}
@media(max-width:1050px){.astronaut-rig{right:-26px;width:92px}.scroll-astronaut{opacity:.75}}
@media(max-width:760px){.astronaut-rig{right:8px;width:96px}.astronaut-rope{width:3px;top:0;height:var(--astronaut-rope)}.scroll-astronaut{opacity:.85}}
@media(max-width:430px){.astronaut-rig{width:74px;right:6px}.scroll-astronaut{opacity:.85}}
.hero-info{position:absolute;z-index:5;left:0;top:68%;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.hero-info>p{max-width:480px;margin:0;font-size:16px;line-height:1.55;color:rgba(241,238,231,.8)}
.hero-stats{display:flex;justify-content:center;gap:44px}.hero-stats>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:13px;border-top:1px solid var(--white-line)}.hero-stats strong{font:800 46px/.8 Roc;color:var(--paper)}.hero-stats strong::after{content:"+";color:var(--orange);font-size:.5em}.hero-stats>div:last-child strong::after{content:""}.hero-stats span{font-size:11px;line-height:1.3;text-transform:uppercase;color:rgba(241,238,231,.65);text-align:center}
.hero-scroll{position:absolute;z-index:5;right:4vw;bottom:5%;display:flex;align-items:center;gap:18px;font:800 12px/1 Roc;text-transform:uppercase;letter-spacing:.09em}.hero-scroll i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--orange);color:var(--dark);font-style:normal;font-size:22px;animation:bob 1.7s ease-in-out infinite}@keyframes bob{50%{transform:translateY(7px)}}

.ticker{position:relative;z-index:8;width:104%;margin-left:-2%;overflow:hidden;background:var(--orange);color:var(--dark);border-block:2px solid var(--dark);transform:rotate(1deg)}.ticker div{width:max-content;padding:15px 0 12px;white-space:nowrap;font:800 clamp(25px,2.6vw,42px)/1 Roc,Impact,sans-serif;animation:ticker 24s linear infinite}.ticker i{padding:0 21px;color:var(--paper);font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}

.services{padding:130px 0 145px}.section-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:end;margin:22px 0 68px}.section-intro h2,.work-head h2,.experience-main>h2,.process-head h2,.testimonial-head h2,.insights-head h2{max-width:1050px;margin:0;font:800 clamp(54px,7.2vw,112px)/.82 Roc,Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service-card{position:relative;min-height:340px;padding:28px;background:#282b29;overflow:hidden;transition:transform .35s var(--ease)}.service-card:hover{transform:translateY(-12px)}.service-card-accent{background:var(--orange);color:var(--dark)}.service-top{display:flex;justify-content:space-between;align-items:center}.service-top span{font:800 13px/1 Roc}.service-top i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--orange);color:var(--dark);font-style:normal;font-size:21px}.service-card-accent .service-top i{background:var(--dark);color:var(--paper)}.service-card h3{margin:30px 0 16px;font:800 clamp(36px,3.3vw,55px)/.86 Roc,Impact,sans-serif}.service-card p{max-width:300px;margin:0;font-size:11px;line-height:1.6;color:rgba(241,238,231,.65)}.service-card-accent p{color:rgba(16,21,19,.72)}.service-card img,.service-card video{position:absolute;left:28px;right:28px;bottom:28px;width:calc(100% - 56px);height:280px;object-fit:cover;filter:saturate(.75);transition:transform .7s var(--ease),filter .4s}.service-card:hover img,.service-card:hover video{transform:scale(1.04);filter:saturate(1)}.service-card:not(:has(img,video))::after{content:attr(data-mark);position:absolute;right:20px;bottom:-.1em;font:300 clamp(90px,9vw,130px)/1 Roc,Impact,sans-serif;color:transparent;-webkit-text-stroke:1px rgba(241,238,231,.14);pointer-events:none}.service-card-accent:not(:has(img,video))::after{-webkit-text-stroke:1px rgba(16,21,19,.35)}

.about{padding:145px 0 0;background-image:linear-gradient(rgba(20,23,21,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,23,21,.035) 1px,transparent 1px);background-size:42px 42px}.about-grid{display:grid;grid-template-columns:.88fr .8fr .7fr;gap:clamp(35px,5vw,78px);align-items:center}.about-copy h2,.expert-copy h2{margin:24px 0;font:800 clamp(56px,6vw,94px)/.83 Roc,Impact,sans-serif}.about-copy>p,.expert-copy>p{max-width:450px;font-size:13px;line-height:1.75;color:#555a55}.about-copy ul{list-style:none;padding:0;margin:27px 0}.about-copy li{margin:12px 0;font:800 13px/1.2 Roc;text-transform:uppercase}.about-copy li b{color:var(--orange);padding-right:9px}.about-portrait{position:relative;align-self:end;transform:translateY(var(--parallax-y,0))}.about-portrait>img{width:100%;height:650px;object-fit:cover;object-position:center top;filter:grayscale(.12) contrast(1.05)}.portrait-label{position:absolute;z-index:2;left:-30px;bottom:35px;padding:18px 24px;background:var(--dark);color:var(--paper);font:800 15px/1.4 Roc;letter-spacing:.02em;text-transform:uppercase;transform:rotate(-3deg)}.about-data{display:grid;gap:30px}.about-data>div{padding-bottom:19px;border-bottom:1px solid var(--line)}.about-data small{display:block;font:800 10px/1 Roc;letter-spacing:.06em}.about-data strong{display:block;margin-top:7px;font:800 clamp(45px,5vw,75px)/1 Roc;color:var(--orange)}.about-data p{font-size:12px;line-height:1.7;color:#5f625e}.logo-rail{width:var(--shell);margin:75px auto 90px;padding:30px 0;overflow:hidden;border-radius:20px;background:var(--dark);box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}.logo-rail-track{display:flex;align-items:center;width:max-content;gap:clamp(34px,5vw,64px);padding:0 clamp(24px,4vw,50px);animation:logo-rail-scroll 20s linear infinite}.logo-rail-track img{flex:0 0 auto;width:clamp(46px,4.6vw,68px);height:clamp(46px,4.6vw,68px);object-fit:contain;border-radius:16px}@keyframes logo-rail-scroll{to{transform:translateX(-50%)}}

.manifesto{position:relative;min-height:auto;padding:min(15vh,150px) 5vw;display:grid;place-items:center;overflow:hidden}
.manifesto-text{position:relative;z-index:2;max-width:1420px;text-align:center;text-wrap:balance;font:800 clamp(28px,4.1vw,60px)/1.22 Roc,Impact,sans-serif;color:#8a8d88;text-transform:uppercase}
.ed-frag{display:inline-block;overflow:hidden;vertical-align:top}
.ed-frag .ed-line{display:inline-block;will-change:transform,opacity}
.ed-outline{color:transparent;-webkit-text-stroke:1px var(--orange)}
.ed-cap{display:inline-block;font:inherit;padding:.08em .3em;border-radius:999px;background:var(--orange);color:var(--dark);-webkit-text-stroke:0;will-change:transform,opacity;transition:transform .25s var(--ease)}
.ed-cap:nth-of-type(odd){transform:rotate(-3deg)}
.ed-cap:nth-of-type(even){transform:rotate(2deg)}
.ed-img{display:inline-block;vertical-align:middle;width:clamp(110px,11vw,190px);height:clamp(40px,4.4vw,64px);object-fit:cover;border-radius:999px;margin:0 6px -6px;filter:saturate(1.05);will-change:transform,clip-path}
.ed-img-logo{width:clamp(46px,4.6vw,68px);object-fit:contain;background:var(--dark);padding:8px;border:2px solid var(--orange)}
@media(hover:hover) and (pointer:fine){.ed-cap:hover{transform:scale(1.04) rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.ed-frag .ed-line,.ed-cap,.ed-img{opacity:1!important;transform:none!important;clip-path:none!important}.ed-cap:nth-of-type(odd),.ed-cap:nth-of-type(even){transform:none!important}}
.work{padding:145px 0}.work-head{display:grid;grid-template-columns:1.6fr .55fr;gap:65px;align-items:end;margin-bottom:80px}.work-head>div:last-child{padding-bottom:8px}.work-head p,.process-head>p,.insights-head>p{font-size:12px;line-height:1.7;color:#5d615c}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 55px;align-items:start}.work-card{display:block}.work-card:nth-child(even){margin-top:100px}.work-card img{width:100%;height:470px;object-fit:cover;background:#d2d2ce;transition:transform .8s var(--ease),filter .5s}.work-card:hover img{transform:scale(.985);filter:saturate(1.12)}.work-wide img{height:570px}.work-card>span{display:block;margin-top:17px;color:var(--orange);font:800 10px/1 Roc;letter-spacing:.08em}.work-card h3{margin:8px 0 0;font:800 clamp(33px,3.8vw,58px)/.88 Roc,Impact,sans-serif}.work-cta{align-self:stretch;min-height:310px;padding:34px;background:var(--dark);color:var(--paper);display:flex;flex-direction:column;justify-content:flex-end}.work-cta h3{margin:0;font:800 clamp(42px,4vw,66px)/.85 Roc}.work-cta p{font-size:11px;color:rgba(241,238,231,.62)}.work-cta a{align-self:flex-start;margin-top:22px;padding:12px 15px;border:1px solid var(--orange);font:800 10px/1 Roc;text-transform:uppercase}
.work-cta{border-radius:18px}.wc-cta{margin-top:16px}
.work-categories{display:grid;gap:14px}
.wc-item{border-radius:18px;background:var(--dark);color:var(--paper);overflow:hidden;border:1px solid transparent;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease)}
.wc-item[open]{border-color:rgba(235,91,48,.35);box-shadow:0 24px 50px -28px rgba(0,0,0,.65)}
.wc-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:22px 24px;-webkit-tap-highlight-color:transparent;transition:background .2s}
.wc-item summary::-webkit-details-marker{display:none}
.wc-item summary:active{background:rgba(255,255,255,.06)}
.wc-num{font:800 12px/1 Roc;color:var(--orange)}
.wc-thumb{width:44px;height:44px;flex:0 0 auto;border-radius:10px;overflow:hidden;background:rgba(235,91,48,.12);display:grid;place-items:center}
.wc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wc-thumb-icon{color:var(--orange);font:800 15px/1 Roc}
.wc-item h3{margin:0;flex:1;font:800 20px/1 Roc;text-transform:uppercase}
.wc-chevron{font-style:normal;font-size:20px;line-height:1;color:var(--orange);transition:transform .3s var(--ease)}
.wc-item[open] .wc-chevron{transform:rotate(180deg)}
.wc-body{padding:0 24px 26px}
.wc-tags{display:flex;flex-wrap:wrap;gap:8px}
.wc-tags a{padding:8px 14px;border:1px solid var(--white-line);border-radius:999px;font:700 11px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--paper);transition:background .2s,border-color .2s,transform .15s;-webkit-tap-highlight-color:transparent}
.wc-tags a:hover,.wc-tags a:active{background:var(--orange);border-color:var(--orange);color:var(--dark);transform:scale(.97)}
.wc-sublist{display:grid;gap:10px}
.wc-sub{border-radius:14px;background:rgba(255,255,255,.04);overflow:hidden;transition:background .2s;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;font:800 17px/1.2 Roc;text-transform:uppercase;letter-spacing:.02em;color:var(--paper);-webkit-tap-highlight-color:transparent}
.wc-sub:only-child{grid-column:1/-1}
.wc-sub:hover,.wc-sub:active{background:rgba(255,255,255,.07)}
.wc-sub i{font-style:normal;color:var(--orange);font-size:16px;transition:transform .3s var(--ease)}
.wc-sub:hover i{transform:translate(3px,-3px)}
.wc-more{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:196px;margin-top:4px;padding:13px 15px;border:1px solid rgba(235,91,48,.52);border-radius:8px;background:rgba(235,91,48,.1);font:800 11px/1 Roc;color:var(--paper);text-transform:uppercase;letter-spacing:.05em;transition:background .2s,border-color .2s,color .2s,transform .2s; -webkit-tap-highlight-color:transparent}
.wc-more span{color:var(--orange);font-size:16px;line-height:0;transition:transform .2s ease}
.wc-more:hover,.wc-more:focus-visible{background:var(--orange);border-color:var(--orange);color:var(--dark);transform:translateY(-2px);outline:none}
.wc-more:hover span,.wc-more:focus-visible span{color:var(--dark);transform:translate(2px,-2px)}
.wc-more:active{transform:translateY(0);opacity:.85}
@media(min-width:761px){.wc-sublist{grid-template-columns:repeat(2,1fr)}}
.wc-video-grid{display:grid;gap:12px}
.wc-video{border-radius:12px;overflow:hidden;background:#000}
.wc-video video{width:100%;display:block;max-height:320px;object-fit:cover}
.wc-video span{display:block;padding:8px 4px 0;font:700 10px/1 Roc;color:rgba(241,238,231,.6);text-transform:uppercase;letter-spacing:.04em}
.wc-web-group{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--white-line)}
.wc-web-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.wc-web-group h4{margin:0 0 14px;font:800 12px/1 Roc;color:var(--orange);text-transform:uppercase;letter-spacing:.08em}
.wc-web-group{display:grid;grid-template-columns:1fr;gap:14px}
.wc-web-group h4{grid-column:1/-1}
.wc-link{display:flex;flex-direction:column;gap:6px;padding:18px 20px;margin-bottom:0;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,.05);color:var(--paper);transition:transform .15s,background .2s,border-color .2s;-webkit-tap-highlight-color:transparent}
.wc-link:hover,.wc-link:active{transform:scale(.98);background:rgba(255,255,255,.09);border-color:var(--white-line)}
.wc-link-title{font:800 16px/1.3 Roc;text-transform:none;color:var(--paper)}
.wc-link-title i{font-style:normal;color:var(--orange);font-size:15px}
.wc-link-desc{font-size:13px;line-height:1.5;color:var(--paper)}
.wc-link small{font:600 10px/1.4 Arial,sans-serif;color:rgba(241,238,231,.45);text-transform:uppercase;letter-spacing:.03em}
.wc-badge{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:var(--orange);color:var(--dark);font:800 9px/1.6 Roc;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle}
.wc-link-soon{opacity:.85}
.wc-intro{margin:0 0 20px;font-size:13px;line-height:1.65;color:var(--paper);max-width:560px}
.wc-sub-label{margin:0 0 14px;font:800 11px/1 Roc;color:var(--orange);text-transform:uppercase;letter-spacing:.06em}
@media(min-width:480px){.wc-web-group{grid-template-columns:repeat(2,1fr)}}
.wc-img-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.wc-img-grid img{width:100%;height:150px;object-fit:cover;border-radius:12px}
@media(min-width:761px){
  .work-categories{gap:18px}
  .wc-item{border-radius:22px;transition:background .3s,transform .3s var(--ease),box-shadow .3s}
  .wc-item:hover{background:#1b1f1d;transform:translateY(-3px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
  .wc-item summary{padding:32px 42px;gap:24px}
  .wc-num{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(241,238,231,.25);font-size:12px;transition:border-color .3s,background .3s,color .3s}
  .wc-item:hover .wc-num{background:var(--orange);border-color:var(--orange);color:var(--dark)}
  .wc-thumb{width:64px;height:64px;border-radius:14px}
  .wc-thumb-icon{font-size:20px}
  .wc-item h3{font-size:36px;letter-spacing:-.01em}
  .wc-chevron{font-size:26px;transition:transform .3s var(--ease),color .3s}
  .wc-item:hover .wc-chevron{color:var(--paper)}
  .wc-body{padding:0 42px 42px 100px}
  .wc-tags a{font-size:12px;padding:10px 18px}
  .wc-video-grid{grid-template-columns:repeat(3,1fr);gap:18px}
  .wc-video video{max-height:260px}
  .wc-web-group{grid-template-columns:repeat(2,1fr)}
  .wc-link{padding:20px 22px}
  .wc-link-title{font-size:17px}
  .wc-link-desc{font-size:13.5px}
  .wc-img-grid{grid-template-columns:repeat(4,1fr);gap:14px}
  .wc-img-grid img{height:190px}
  .wc-cta{margin-top:22px}
}

.experience{padding:140px 0}.experience-grid{display:grid;grid-template-columns:.3fr 1fr .5fr;gap:40px;align-items:center}.experience-main>p{margin:28px 0 65px;max-width:520px;color:rgba(241,238,231,.62);font-size:12px;line-height:1.7}.experience-list{border-top:1px solid var(--white-line)}.experience-list>a,.experience-list>div{display:grid;grid-template-columns:45px 1fr 1fr 50px;gap:20px;align-items:center;min-height:105px;border-bottom:1px solid var(--white-line);color:var(--paper);text-decoration:none;transition:padding .25s,background .25s}.experience-list>a:hover,.experience-list>div:hover{padding-inline:18px;background:rgba(235,91,48,.08)}.experience-list span,.experience-list small,.experience-list b{font-size:9px;letter-spacing:.06em}.experience-list span,.experience-list b{color:var(--orange)}.experience-list h3{margin:0;font:800 clamp(24px,2.5vw,38px)/1 Roc}.experience-list small{color:rgba(241,238,231,.55)}.experience-phone{display:flex;justify-content:center}.experience-phone-frame{position:relative;width:min(280px,88%);aspect-ratio:9/19;border:10px solid #050505;border-radius:34px;overflow:hidden;background:#000;box-shadow:0 30px 60px -20px rgba(0,0,0,.55)}.experience-phone-frame img{width:100%;height:100%;object-fit:cover}.experience-phone-frame img.phone-slide{position:absolute;inset:0;opacity:0;animation:phoneSlide 8s infinite}.experience-phone-frame img.phone-slide:nth-child(2){animation-delay:4s}.experience-phone-frame img.phone-slide:first-child{opacity:1}@media(prefers-reduced-motion:reduce){.experience-phone-frame img.phone-slide{animation:phoneSlide 8s infinite!important}.experience-phone-frame img.phone-slide:nth-child(2){animation-delay:4s!important}}@keyframes phoneSlide{0%,45%{opacity:1}55%,100%{opacity:0}}

.expert{padding:60px 0;background-image:linear-gradient(rgba(20,23,21,.03) 1px,transparent 1px);background-size:100% 42px}.expert-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;max-width:1040px;margin:0 auto}.expert-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.expert-copy h2{width:100%;font-size:clamp(34px,5.1vw,68px);white-space:nowrap;margin-bottom:4px}.expert-copy>p{margin:0 auto;max-width:420px}.expert-numbers{display:flex;justify-content:center;gap:55px;margin-top:35px}.expert-numbers strong{display:block;font:800 65px/1 Roc;color:var(--orange)}.expert-numbers span{font:800 10px/1 Roc;text-transform:uppercase}.expert-gallery{display:grid;grid-template-columns:1fr 1fr;height:570px;overflow:hidden}.expert-gallery figure{position:relative;margin:0;overflow:hidden;background:#d9d8d2;border-right:5px solid var(--paper);transition:flex .4s}.expert-gallery img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(.15);transition:transform .7s var(--ease)}.expert-gallery figure:hover img{transform:scale(1.07)}.expert-gallery figcaption{position:absolute;left:15px;bottom:18px;padding:7px 9px;background:var(--dark);color:var(--paper);font:800 9px/1 Roc;text-transform:uppercase}
.expert-gallery-single{grid-template-columns:1fr;max-width:480px;margin:0 auto;height:auto;overflow:visible}.expert-gallery-single figure{background:none;border-right:none;overflow:visible}.expert-gallery-single img{width:100%;height:auto;object-fit:contain;object-position:50% 100%;padding:0;filter:none}.expert-gallery-single figure:hover img{transform:none}.expert-gallery-single figcaption{display:none}.expert-cat-idle{animation:expert-cat-idle 3.4s ease-in-out infinite;transform-origin:50% 100%}@keyframes expert-cat-idle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1deg)}}.expert-wait-dots{position:absolute;left:19%;top:46%;display:flex;gap:5px;padding:6px 8px;border-radius:20px;background:rgba(255,255,255,.9)}.expert-wait-dots i{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:expert-wait-bounce 1.2s ease-in-out infinite}.expert-wait-dots i:nth-child(2){animation-delay:.15s}.expert-wait-dots i:nth-child(3){animation-delay:.3s}@keyframes expert-wait-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}

.big-cta{position:relative;min-height:760px;display:flex;align-items:center;justify-content:flex-end;padding:7vw;overflow:hidden}.cta-backdrop{position:absolute;inset:-10%;background:linear-gradient(100deg,rgba(16,21,19,.55),rgba(16,21,19,.72)),url('../assets/opt/congreso-nacion.webp') center/cover;filter:grayscale(.5) contrast(1.1);transform:translateY(var(--parallax-y,0)) scale(1.12)}.cta-panel{position:relative;z-index:2;width:min(680px,100%);min-height:420px;padding:55px;background:var(--dark);color:var(--paper);overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.55)}.cta-panel h2{position:relative;z-index:2;margin:45px 0 35px;font:800 clamp(49px,5vw,80px)/.86 Roc}.cta-panel>img{position:absolute;right:26px;bottom:26px;width:96px;opacity:.95;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}

.process{padding:140px 0}.process-head,.insights-head{display:grid;grid-template-columns:1.5fr .65fr;gap:60px;align-items:end;margin-bottom:65px}
.process-timeline{position:relative;padding:36px 0 10px}
.process-timeline-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.process-timeline-track::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--line)}
.process-timeline-track::after{content:"";position:absolute;left:0;top:6px;height:2px;width:0;background:var(--orange);box-shadow:0 0 8px rgba(235,91,48,.55);animation:pt-line-fill 8s ease-in-out infinite}
@keyframes pt-line-fill{0%,20%{width:0}30%,45%{width:25%}55%,70%{width:50%}80%,95%{width:75%}99%{width:100%}100%{width:0}}
.pt-step{position:relative;padding-top:34px}
.pt-dot{position:absolute;z-index:2;top:1px;left:0;width:16px;height:16px;border-radius:50%;background:var(--ink);animation:pt-dot-cycle 8s ease-in-out infinite backwards}
.pt-step:nth-child(1) .pt-dot{animation-delay:0s}.pt-step:nth-child(2) .pt-dot{animation-delay:2s}.pt-step:nth-child(3) .pt-dot{animation-delay:4s}.pt-step:nth-child(4) .pt-dot{animation-delay:6s}
@keyframes pt-dot-cycle{0%,100%{background:var(--ink);box-shadow:0 0 0 0 rgba(235,91,48,0)}8%,22%{background:var(--orange);box-shadow:0 0 0 9px rgba(235,91,48,.16)}34%{background:var(--ink);box-shadow:0 0 0 0 rgba(235,91,48,0)}}
.pt-step b{position:absolute;top:-3px;left:32px;font:800 13px/1 Roc;color:var(--orange)}
.pt-step h3{margin:30px 0 10px;font:800 30px/1.05 Roc;transform-origin:left center;animation:pt-h-cycle 8s ease-in-out infinite backwards}
.pt-step:nth-child(1) h3{animation-delay:0s}.pt-step:nth-child(2) h3{animation-delay:2s}.pt-step:nth-child(3) h3{animation-delay:4s}.pt-step:nth-child(4) h3{animation-delay:6s}
@keyframes pt-h-cycle{0%,100%{opacity:.35;color:var(--ink);transform:scale(1)}8%,22%{opacity:1;color:var(--orange);transform:scale(1.05)}34%{opacity:.35;color:var(--ink);transform:scale(1)}}
.pt-step p{max-width:220px;margin:0;font-size:16px;line-height:1.5;color:#5d615c;text-wrap:balance;animation:pt-p-cycle 8s ease-in-out infinite backwards}
.pt-step:nth-child(1) p{animation-delay:0s}.pt-step:nth-child(2) p{animation-delay:2s}.pt-step:nth-child(3) p{animation-delay:4s}.pt-step:nth-child(4) p{animation-delay:6s}
@keyframes pt-p-cycle{0%,100%{opacity:.4}8%,22%{opacity:1}34%{opacity:.4}}

.testimonials{padding:135px 0}.testimonial-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.testimonial-controls{display:flex;gap:8px}.testimonial-controls button{width:46px;height:46px;border:1px solid var(--orange);background:transparent;color:var(--paper);cursor:pointer;font-size:20px}.testimonial-controls button:hover{background:var(--orange);color:var(--dark)}.testimonial-viewport{overflow:hidden}.testimonial-track{display:flex;gap:18px;transition:transform .65s var(--ease)}.testimonial-track article{flex:0 0 calc(50% - 9px);min-height:310px;padding:34px;background:#292c2a;display:flex;flex-direction:column}.stars{color:var(--orange);letter-spacing:4px}.testimonial-track blockquote{margin:40px 0;font-size:16px;line-height:1.6}.testimonial-track footer{margin-top:auto;display:flex;flex-direction:column;gap:5px}.testimonial-track footer strong{font:800 15px/1 Roc}.testimonial-track footer span{color:var(--orange);font-size:9px;text-transform:uppercase}

.insights{padding:140px 0}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-grid img,.insight-grid video{width:100%;height:390px;object-fit:cover;transition:transform .65s var(--ease)}.insight-grid a:hover img,.insight-grid a:hover video{transform:scale(.98)}.insight-grid small{display:inline-block;margin-top:15px;padding:6px 9px;background:var(--orange);font:800 9px/1 Roc}.insight-grid h3{margin:11px 0;font:800 clamp(25px,2.6vw,39px)/.92 Roc}

.contact{padding:30px 0 135px}.contact-panel{position:relative;min-height:410px;padding:60px 6%;display:grid;grid-template-columns:1.3fr .8fr;gap:60px;align-items:center;overflow:hidden;border-radius:20px;background:var(--dark);color:var(--paper)}.contact-panel h2{margin:28px 0 15px;font:800 clamp(50px,6vw,90px)/.84 Roc}.contact-panel p{color:rgba(241,238,231,.55);font-size:12px}.contact-links{position:relative;z-index:2;display:grid}.contact-links a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--white-line);font:800 15px/1 Roc}.contact-links a span{color:var(--orange)}.contact-cat{position:absolute;left:-55px;bottom:-90px;width:240px;opacity:.14;transform:rotate(18deg)}

.footer{position:relative;padding:85px 4vw 25px;overflow:hidden}.footer-grid{display:grid;grid-template-columns:1.2fr .55fr .65fr 1.25fr;gap:55px;position:relative;z-index:2}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img:first-child{width:55px}.footer-brand img:last-child{width:auto;height:46px;object-fit:contain}.footer h3{margin:0 0 18px;color:var(--orange);font:800 20px/1 Roc}.footer-grid>div>a{display:block;margin:10px 0;color:rgba(241,238,231,.55);font-size:11px}.footer-grid>div>a:hover{color:var(--orange)}.footer-contact strong{display:block;font:800 clamp(23px,2.7vw,42px)/1.1 Roc}.footer-contact p{color:rgba(241,238,231,.5);font-size:10px;line-height:1.6}.footer-word{margin:90px 0 -3.5vw;overflow:hidden;white-space:nowrap}.footer-word-track{display:inline-flex;width:max-content;animation:footer-word-scroll 16s linear infinite}.footer-word-track span{padding-right:.3em;font:800 clamp(105px,18vw,285px)/.7 Roc;color:transparent;-webkit-text-stroke:1px rgba(235,91,48,.36)}@keyframes footer-word-scroll{to{transform:translateX(-50%)}}.footer-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid var(--white-line);font:800 9px/1 Roc;letter-spacing:.08em}.footer-bottom a{color:var(--orange)}

[data-parallax]{will-change:transform}
[data-reveal]{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path 1s var(--ease)}
[data-reveal="up"]{transform:translateY(75px)}[data-reveal="left"]{transform:translateX(calc(-1 * var(--reveal-x,75px)))}[data-reveal="right"]{transform:translateX(var(--reveal-x,75px))}[data-reveal="clip"]{opacity:1;clip-path:inset(0 0 100% 0)}[data-reveal].is-visible{opacity:1;transform:none;clip-path:inset(0)}
[data-reveal="stick"]{opacity:0}
[data-reveal="stick"].is-visible{animation:mf-stick .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes mf-stick{0%{opacity:0;transform:translateX(-90px) rotate(-18deg) scale(.82)}100%{opacity:1;transform:rotate(-4deg) scale(1)}}
[data-reveal="wipe"]{opacity:0;transform:translateX(-26px)}
[data-reveal="wipe"].is-visible{animation:mf-wipe .4s var(--ease) forwards}
@keyframes mf-wipe{0%{opacity:0;transform:translateX(-26px)}100%{opacity:1;transform:translateX(0)}}
[data-reveal="pop"]{opacity:0}
[data-reveal="pop"].is-visible{animation:mf-pop .45s var(--ease) forwards}
@keyframes mf-pop{0%{opacity:0;transform:scale(.72)}100%{opacity:1;transform:scale(1)}}
[data-reveal="stick"].mf-settled,[data-reveal="pop"].mf-settled{animation:none;opacity:1}
.split-word{display:inline-block;overflow:hidden;vertical-align:bottom}.split-word>span{display:inline-block;transform:translateY(110%);transition:transform .75s var(--ease)}.is-split-visible .split-word>span{transform:none}.split-word:nth-child(3n+2)>span{transition-delay:.05s}.split-word:nth-child(3n)>span{transition-delay:.1s}

@media(max-width:1050px){:root{--shell:min(92vw,1040px)}.hero-title{font-size:16vw;top:26%}.hero-info{top:68%;gap:14px}.service-card{min-height:560px}.service-card img,.service-card video{height:230px}.about-grid{grid-template-columns:1fr 1fr}.about-data{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.about-data p{display:none}.work-card img{height:390px}.work-wide img{height:480px}.expert-gallery{height:470px}.process-timeline-track{grid-template-columns:1fr 1fr;row-gap:46px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){:root{--header:70px;--shell:calc(100vw - 34px)}.site-header{height:var(--header);padding:0 17px}.brand{position:absolute;left:62px;top:50%;transform:translateY(-50%);gap:8px}.brand-cat{width:48px;height:48px}.brand-word{display:none}.menu-toggle{position:absolute;left:17px;top:50%;z-index:1002;display:flex;flex-direction:column;justify-content:center;gap:6px;width:28px;height:28px;color:var(--paper);cursor:pointer;transform:translateY(-50%)}.menu-toggle span{width:28px;height:2px;background:currentColor;transition:.3s}.menu-open .menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.site-nav{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px 10vw;background:var(--dark);transform:translateX(100%);transition:transform .45s var(--ease)}.menu-open .site-nav{transform:none}.nav-links{position:static;transform:none;display:contents}.site-nav a{font-size:clamp(37px,11vw,58px)}.nav-contact{margin-top:20px;font-size:24px!important}.hero{min-height:auto;padding:calc(var(--header) + 46px) 20px 54px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-meta{display:none}.hero-kicker{display:none}.hero-title{position:static;width:100%;margin:0 0 2px;font-size:19vw;line-height:.92}.title-row{white-space:normal}.title-row-accent{margin-top:0}.hero-art{display:none}.hero-info{position:static;width:100%;max-width:340px;margin:0 auto;gap:20px}.hero-info>p{font-size:14px}.hero-stats{width:100%;gap:0;justify-content:space-between}.hero-stats>div{gap:5px;padding-top:12px}.hero-stats strong{font-size:30px}.hero-stats span{font-size:9px;line-height:1.25}.hero-scroll{display:none}.ticker{width:108%;margin-left:-4%}.ticker div{font-size:25px}.services,.about,.work,.experience,.expert,.process,.testimonials,.insights{padding-block:95px}.section-intro{grid-template-columns:1fr;margin-bottom:42px}.section-intro h2,.work-head h2,.experience-main>h2,.process-head h2,.testimonial-head h2,.insights-head h2{font-size:clamp(32px,9vw,48px);line-height:.92}.service-grid{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -17px;padding:4px 17px 12px}.service-grid::-webkit-scrollbar{display:none}.service-card{flex:0 0 80%;max-width:360px;scroll-snap-align:start;min-height:260px;padding:26px}.service-card h3{margin:22px 0 6px;font-size:38px}.service-card p{font-size:14px;max-width:none}.service-card:not(:has(img,video))::after{font-size:76px;opacity:.7}.about{padding-bottom:0}.about-grid{grid-template-columns:1fr}.about-portrait{grid-row:2}.about-portrait>img{height:340px}.portrait-label{left:14px;bottom:16px;padding:11px 15px;font-size:12px;transform:rotate(-2deg)}.about-data{grid-template-columns:repeat(3,1fr);gap:10px}.about-data>div{padding-bottom:12px}.about-data small{font-size:8px}.about-data strong{font-size:26px;margin-top:5px}.about-data p{display:block;grid-column:1/-1;font-size:12px}.logo-rail{width:calc(100% - 34px);margin:26px auto 40px;padding:20px 0}.manifesto{display:none}.work-head,.process-head,.insights-head{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr;gap:45px}.work-card:nth-child(even){margin-top:0}.work-card img,.work-wide img{height:105vw;max-height:510px}.experience-grid{grid-template-columns:1fr}.experience-list>a,.experience-list>div{grid-template-columns:35px 1fr 35px}.experience-list small{display:none}.expert-grid{grid-template-columns:1fr}.expert-gallery{height:430px}.expert-gallery-single{max-width:340px;margin:0 auto}.big-cta{min-height:650px;padding:17px}.cta-panel{min-height:390px;padding:35px 28px}.cta-panel>img{width:170px}.process-timeline-track{grid-template-columns:1fr 1fr;row-gap:46px;gap:28px}.pt-step p{max-width:170px}.testimonial-head{align-items:flex-end}.testimonial-track article{flex-basis:88%;min-height:350px}.insight-grid{grid-template-columns:1fr}.insight-grid img,.insight-grid video{height:110vw;max-height:520px}.contact{padding-bottom:90px}.contact-panel{grid-template-columns:1fr;padding:45px 25px}.footer{padding-inline:17px}.footer-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.footer-contact strong{font-size:25px}.footer-word{margin-top:65px}.footer-bottom{font-size:8px}}
@media(max-width:760px){.eyebrow{justify-content:center}.section-intro{text-align:center;justify-items:center}.service-card{text-align:center}.service-top{justify-content:center;gap:16px}.about-copy{text-align:center}.about-copy ul{padding-left:0}.about-copy li{justify-content:center}.about-data{text-align:center}.work-head{text-align:center}.process-head{text-align:center;justify-items:center}.work-card{text-align:center}.work-cta{align-items:center;text-align:center}.experience-main{text-align:center}.experience-list>div{text-align:center}.expert-copy{text-align:center}.expert-numbers{justify-content:center}.testimonial-head{text-align:center;flex-direction:column;gap:20px}.testimonial-controls{justify-content:center}.testimonial-track article{text-align:center}.testimonial-track footer{align-items:center}.insights-head{text-align:center}.insight-grid a{text-align:center}.contact-panel{text-align:center}.contact-links a{justify-content:center;gap:12px}.footer-brand{justify-content:center}.footer-grid>div{text-align:center}.footer-bottom{flex-direction:column;align-items:center;gap:8px;text-align:center}}
@media(max-width:430px){.hero-title{font-size:17vw}.hero-stats{gap:12px}.process-timeline-track{grid-template-columns:1fr;row-gap:34px}.process-timeline-track::before,.process-timeline-track::after{display:none}.testimonial-track article{flex-basis:94%;padding:27px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:not(.footer-brand):not(.footer-contact){display:none}}
.nav-links>a.is-active::after{transform:scaleX(1)!important;transform-origin:left!important}
/* Movimiento reducido: las animaciones terminan al instante (no se cancelan) para que el contenido llegue a su estado visible. */
/* Reducir movimiento: se respeta salvo que se haya elegido animación completa (?motion=full → html.motion-full). */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html:not(.motion-full) *,html:not(.motion-full) *::before,html:not(.motion-full) *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}html:not(.motion-full) [data-reveal]{opacity:1;transform:none;clip-path:none}html:not(.motion-full) .split-word>span{transform:none}}

.logo-rail{width:fit-content;max-width:calc(100% - 32px);padding-inline:clamp(24px,4vw,50px)}
.logo-rail-track{display:flex;justify-content:center;flex-wrap:wrap;width:auto;gap:clamp(24px,4vw,54px);padding:0;animation:none}

@media(max-width:760px){
  .site-nav{z-index:1001;visibility:hidden;pointer-events:none;transition:transform .45s var(--ease),visibility 0s linear .45s}
  .menu-open .site-nav{visibility:visible;pointer-events:auto;transition-delay:0s}
}

/* --- Menu mobile: mas dinamismo, sin que la linea tape el texto --------- */
@media(max-width:760px){
  .site-nav{justify-content:flex-start;padding-top:calc(var(--header,70px) + 34px)}
  .nav-links{display:flex;flex-direction:column;width:100%;counter-reset:navitem}
  .nav-links>a{counter-increment:navitem;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 0;border-bottom:1px solid rgba(241,238,231,.14)}
  .nav-links>a::before{content:counter(navitem,decimal-leading-zero);order:2;flex:0 0 auto;font:800 12px/1 Roc;letter-spacing:.08em;color:var(--orange)}
  .nav-links>a::after{left:0;right:auto;bottom:-1px;width:100%}
  .nav-links>a.is-active{color:var(--orange)}
  .nav-links>a.is-active::before{color:var(--paper)}
  .site-nav a:active{background:rgba(235,91,48,.1)}
  .nav-contact{margin-top:30px}
  .menu-open .nav-links>a{animation:mfNavIn .5s var(--ease) backwards}
  .menu-open .nav-links>a:nth-child(1){animation-delay:.08s}
  .menu-open .nav-links>a:nth-child(2){animation-delay:.15s}
  .menu-open .nav-links>a:nth-child(3){animation-delay:.22s}
  .menu-open .nav-links>a:nth-child(4){animation-delay:.29s}
  .menu-open .nav-contact{animation:mfNavIn .5s var(--ease) .36s backwards}
}
@keyframes mfNavIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}

/* Menu mobile estable: una sola capa, sin animaciones acumulables. */
@media(max-width:760px){
  .site-header{z-index:1100}
  .site-nav{box-sizing:border-box;display:block!important;inset:0;width:100%;height:100dvh;overflow-x:hidden;overflow-y:auto;padding:calc(var(--header,70px) + 28px) 24px 34px;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(100%,0,0);transition:transform .38s var(--ease),opacity .25s ease,visibility 0s linear .38s;contain:layout paint}
  .site-nav.is-open,.menu-open .site-nav{visibility:visible;opacity:1;pointer-events:auto;transform:translate3d(0,0,0);transition-delay:0s}
  .site-nav .nav-links{position:static!important;display:flex!important;flex-direction:column;align-items:stretch;gap:0;width:100%;transform:none!important}
  .site-nav .nav-links>a{box-sizing:border-box;display:flex;min-height:62px;margin:0;padding:15px 0;font-size:clamp(30px,10vw,48px);line-height:.88;white-space:normal;animation:none!important;transform:none!important}
  .site-nav .nav-contact{box-sizing:border-box;display:flex;width:max-content;max-width:100%;min-height:54px;margin:26px 0 0;padding:14px 20px;font-size:20px!important;line-height:1;animation:none!important;transform:none!important}
  .menu-toggle{touch-action:manipulation}
}

.service-grid,.testimonial-viewport,.case-story-steps,.carousel-strip,.ads-carousel-strip,.trabajos-carousel,.trabajos-project-layout,.video-intro-grid,.fashion-collage{touch-action:pan-x;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.service-grid,.case-story-steps,.carousel-strip,.ads-carousel-strip,.trabajos-carousel,.trabajos-project-layout,.video-intro-grid,.fashion-collage{cursor:grab}
.is-dragging{cursor:grabbing!important;scroll-snap-type:none!important;user-select:none}

/* Hero home: titulo compacto en dos lineas y sello orbital. */
.hero-title{
  left:50%;
  top:30%;
  width:max-content;
  max-width:88vw;
  font-size:clamp(72px,9vw,150px);
  line-height:.8;
  text-align:center;
  transform:translateX(-50%);
  overflow:visible;
}
.hero-title .title-row{overflow:visible}
.hero-title .title-row-accent{margin-top:.08em}
.hero-title-seal{
  position:absolute;
  z-index:3;
  top:-.38em;
  right:-.78em;
  width:clamp(62px,6.4vw,104px);
  height:auto;
  transform-origin:50% 50%;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));
  animation:heroSealSpin 20s linear infinite;
}
@keyframes heroSealSpin{to{rotate:1turn}}

.hero .hero-info{top:65%}

@media(max-width:760px){
  .hero-title{
    position:relative;
    left:auto;
    top:auto;
    width:max-content;
    max-width:92vw;
    margin:0 auto 0;
    font-size:clamp(54px,15vw,86px);
    line-height:.82;
    transform:none;
    translate:0 calc(var(--hero-exit,0) * -24px);
  }
  .hero-title .title-row{white-space:nowrap}
  .hero-title .title-row-accent{margin-top:.08em}
  .hero-title-seal{top:-.4em;right:-.62em;width:clamp(52px,14vw,72px)}
  .hero .hero-info{margin-top:62px}
}

/* El sello gira siempre, lento, también con movimiento reducido. */
@media(prefers-reduced-motion:reduce){.hero-title-seal .hero-seal-ring{animation:heroSealSpin 20s linear infinite!important}.hero-title-seal .hero-seal-cat{animation:heroSealCat 5s ease-in-out infinite!important}}

/* Manifiesto editorial: menos decoracion, mayor jerarquia. */
.manifesto{
  min-height:min(880px,100svh);
  padding:clamp(90px,11vw,165px) 4vw;
  display:grid;
  place-items:center;
  background:
    linear-gradient(rgba(241,238,231,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(241,238,231,.035) 1px,transparent 1px),
    var(--dark);
  background-size:44px 44px;
}
.manifesto::after{
  content:"";
  position:absolute;
  right:-8vw;
  bottom:-16vw;
  width:clamp(260px,36vw,600px);
  aspect-ratio:1;
  border:1px solid rgba(235,91,48,.3);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(235,91,48,.035),0 0 0 68px rgba(235,91,48,.02);
}
.manifesto-shell{position:relative;z-index:2;width:min(92vw,1460px);display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:clamp(45px,7vw,120px);align-items:start}
.manifesto-note{position:sticky;top:calc(var(--header) + 36px);padding-top:10px;border-top:4px solid var(--orange)}
.manifesto-note>span{display:block;margin-top:16px;color:var(--orange);font:800 11px/1 Roc;letter-spacing:.1em;text-transform:uppercase}
.manifesto-note>p{max-width:22ch;margin:32px 0;color:rgba(241,238,231,.66);font-size:14px;line-height:1.6}
.manifesto-sign{display:flex;align-items:center;gap:12px;padding-top:22px;border-top:1px solid rgba(241,238,231,.16)}
.manifesto-sign img{width:46px;height:46px;object-fit:contain}
.manifesto-sign b{font:800 9px/1.35 Roc;letter-spacing:.07em;color:rgba(241,238,231,.5)}
.manifesto-text{max-width:none;text-align:left;text-wrap:initial;font:800 clamp(48px,7.35vw,118px)/.82 Roc,Impact,sans-serif;color:var(--paper);letter-spacing:-.035em}
.manifesto-line{display:block;width:max-content;max-width:100%;overflow:hidden;white-space:nowrap}
.manifesto-line-small{margin:0 0 .25em;font-size:.52em;line-height:1;letter-spacing:.015em;color:rgba(241,238,231,.58)}
.manifesto-line-outline{font-size:1.04em;color:transparent;-webkit-text-stroke:1.5px var(--orange)}
.manifesto-line-outline .ed-line{color:transparent;-webkit-text-stroke:inherit}
.manifesto-duo{display:flex;justify-content:space-between;gap:.35em;margin:.26em 0 .32em;font-size:.55em;line-height:1}
.manifesto-punch{display:block;width:max-content;max-width:100%;margin:0;padding:.13em .2em .08em;border-radius:0;background:var(--orange);color:var(--dark);font:inherit;line-height:.85;letter-spacing:-.035em;transform:rotate(-1.5deg);box-shadow:12px 12px 0 rgba(241,238,231,.08)}
.manifesto-punch.ed-cap:nth-of-type(odd),.manifesto-punch.ed-cap:nth-of-type(even){transform:rotate(-1.5deg)}

@media(max-width:900px){
  .manifesto-shell{grid-template-columns:170px minmax(0,1fr);gap:32px}
  .manifesto-text{font-size:clamp(42px,7.4vw,68px)}
}
@media(max-width:760px){
  .manifesto{display:grid;min-height:auto;padding:92px 17px 105px}
  .manifesto-shell{width:100%;grid-template-columns:1fr;gap:58px}
  .manifesto-note{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding-top:0}
  .manifesto-note>span{grid-column:1/-1}
  .manifesto-note>p{margin:10px 0 0;font-size:13px}
  .manifesto-sign{align-self:end;padding-top:12px}
  .manifesto-text{font-size:clamp(42px,13.3vw,68px);line-height:.84}
  .manifesto-line-small{font-size:.48em}
  .manifesto-line-outline{white-space:normal;line-height:.88}
  .manifesto-duo{flex-direction:column;gap:.22em;font-size:.62em}
  .manifesto-punch{font-size:.8em;white-space:nowrap;box-shadow:8px 8px 0 rgba(241,238,231,.08)}
}

/* Manifiesto mas compacto y contenido dentro del viewport. */
.manifesto{min-height:clamp(560px,70svh,690px);padding:clamp(68px,7vw,105px) 4vw}
.manifesto-shell{grid-template-columns:minmax(160px,210px) minmax(0,1fr);gap:clamp(34px,5vw,76px)}
.manifesto-text{font-size:clamp(44px,5.8vw,90px)}
.manifesto-duo{justify-content:flex-start;gap:clamp(28px,5vw,84px);font-size:.46em}
.manifesto-punch{font-size:.84em}

/* Navegacion unica y estable en telefonos y tablets. */
@media(max-width:900px){
  html:has(body.menu-open){scrollbar-width:none}
  html:has(body.menu-open)::-webkit-scrollbar{display:none;width:0}
  body.menu-open{overflow:hidden!important}
  .site-header{z-index:1200}
  .site-header .menu-toggle{
    position:absolute;
    left:clamp(17px,3vw,28px);
    top:50%;
    z-index:1202;
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    width:32px;
    height:32px;
    padding:0;
    color:var(--paper);
    transform:translateY(-50%);
    touch-action:manipulation;
  }
  .site-header .menu-toggle span{display:block;width:28px;height:2px;margin:0;background:currentColor;transform-origin:center;transition:transform .28s ease,opacity .2s ease}
  .menu-open .menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-open .menu-toggle span:nth-child(2){opacity:0}
  .menu-open .menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .menu-open .site-header .menu-toggle{z-index:1300!important;display:flex!important;visibility:visible!important;opacity:1!important;color:var(--paper)!important}
  .menu-open .site-header .menu-toggle span{background:var(--paper)!important}
  .site-header .site-nav{
    position:fixed!important;
    z-index:1201!important;
    inset:0!important;
    box-sizing:border-box;
    display:block!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    margin:0!important;
    padding:calc(var(--header,76px) + 28px) clamp(24px,8vw,72px) 36px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:var(--dark)!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(100%,0,0)!important;
    transition:transform .36s var(--ease),opacity .24s ease,visibility 0s linear .36s!important;
    contain:layout paint;
    scrollbar-width:none;
  }
  .site-header .site-nav::-webkit-scrollbar{display:none}
  .site-header .site-nav.is-open,.menu-open .site-header .site-nav{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0)!important;
    transition-delay:0s!important;
  }
  .site-header .site-nav .nav-links{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .site-header .site-nav .nav-links>a{
    position:relative!important;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
    width:100%!important;
    min-height:62px;
    margin:0!important;
    padding:15px 0!important;
    border-bottom:1px solid rgba(241,238,231,.14);
    font-size:clamp(30px,7vw,52px)!important;
    line-height:.88!important;
    white-space:normal!important;
    animation:none!important;
    transform:none!important;
  }
  .site-header .site-nav .nav-contact{
    position:static!important;
    display:flex!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:52px;
    margin:26px 0 0!important;
    padding:14px 20px!important;
    font-size:19px!important;
    line-height:1!important;
    animation:none!important;
    transform:none!important;
  }
  .site-header .site-nav a{visibility:visible!important;opacity:1!important;color:var(--paper)!important}
  .site-header .site-nav .nav-contact{background:var(--orange)!important;color:var(--dark)!important}
  .menu-open .scroll-progress,
  .menu-open .service-scroll-progress,
  .menu-open .service-cat-guide,
  .menu-open .astronaut-rig{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  body.menu-open>.scroll-progress,
  body.menu-open>.service-scroll-progress{display:none!important}
}

@media(max-width:760px){
  .manifesto{min-height:auto;padding:70px 17px 78px}
  .manifesto-shell{gap:42px}
  .manifesto-text{font-size:clamp(38px,11.6vw,54px)}
  .manifesto-line-small{font-size:.43em}
  .manifesto-duo{gap:.18em;font-size:.54em}
  .manifesto-punch{font-size:.68em;padding:.16em .18em .1em}
}

/* --- Hero mobile: ocupa toda la pantalla al entrar ---------------------- */
@media(max-width:760px){
  .hero{min-height:100svh;justify-content:center;padding-top:calc(var(--header) + 30px);padding-bottom:30px}
}

/* --- Titulos del home mas juntos con su texto y centrados en mobile ----- */
@media(max-width:760px){
  .process-head,.insights-head{gap:10px;margin-bottom:34px}
  .process-head>div,.insights-head>div{margin:0}
  .process-head h2,.insights-head h2{max-width:300px;margin-left:auto;margin-right:auto}
  .process-head p,.insights-head p{margin-top:0;max-width:300px;margin-left:auto;margin-right:auto}
  .work-head{gap:10px;margin-bottom:34px}
  .work-head>div:last-child{padding-bottom:0}
  .work-head p{margin-top:0}
}

/* --- Timeline de proceso en mobile: etapas apiladas sobre una línea vertical ---
   Sin JS (o con movimiento reducido) se ven todas; con la narrativa, la línea se llena con el scroll (--pt-fill)
   y cada etapa se enciende al llegar. */
@media(max-width:760px){
  .process-timeline{padding:4px 0 10px}
  .process-timeline-track{display:grid;grid-template-columns:1fr;row-gap:30px;gap:30px;position:relative;min-height:0;padding:0 0 0 36px}
  .process-timeline-track::before{display:block;content:"";position:absolute;left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto;transform:none;background:var(--line);background-image:none;animation:none}
  .process-timeline-track::after{display:block;content:"";position:absolute;left:7px;right:auto;top:8px;bottom:auto;width:2px;max-width:none;height:calc((100% - 16px) * var(--pt-fill-n, 1));transform:none;background:var(--orange);box-shadow:0 0 8px rgba(235,91,48,.5);animation:none}
  .narrative-on .process-timeline-track::after{display:block;height:min(var(--pt-fill,0%),calc(100% - 16px))}
  .pt-step{position:relative;inset:auto;display:block;padding:0;text-align:left;opacity:1;transform:none;animation:none}
  .pt-dot{display:block;position:absolute;left:-36px;top:1px;width:16px;height:16px;border:2px solid var(--orange);border-radius:50%;background:var(--paper);animation:none;transition:background-color .35s,transform .35s var(--ease)}
  .pt-step b{position:static;display:block;margin-bottom:6px}
  .pt-step h3{margin:0 0 6px;font-size:clamp(24px,7vw,30px);animation:none;transition:color .35s}
  .pt-step p{max-width:none;animation:none}
  .narrative-on .pt-step{opacity:.35;transition:opacity .4s ease}
  .narrative-on .pt-step.is-active,.narrative-on .pt-step.is-done{opacity:1}
  .narrative-on .pt-step.is-active .pt-dot,.narrative-on .pt-step.is-done .pt-dot{background:var(--orange)}
  .narrative-on .pt-step.is-active .pt-dot{transform:scale(1.25)}
  .narrative-on .pt-step.is-active h3{color:var(--orange)}
}

/* --- Footer mobile: todo apilado en una sola columna, prolijo ----------- */
@media(max-width:760px){
  .footer-grid{grid-template-columns:1fr;gap:34px}
  .footer-grid>div:not(.footer-brand):not(.footer-contact){display:block}
  .footer-word{margin-top:60px}
}

/* Desplegable de proyectos en la navegación principal. */
.nav-projects{position:relative}
.nav-projects-trigger{display:flex;align-items:center;gap:7px}
.nav-projects-trigger>span{color:var(--orange);font-size:.9em;transition:transform .25s var(--ease)}
.nav-projects-menu{position:absolute;z-index:30;top:calc(100% + 18px);left:50%;display:grid;width:250px;padding:10px;border:1px solid rgba(241,238,231,.14);border-radius:14px;background:rgba(16,21,19,.98);box-shadow:0 18px 55px rgba(0,0,0,.34);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .22s ease,transform .22s var(--ease),visibility 0s linear .22s}
.nav-projects-menu::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20px}
.nav-projects-menu a{display:flex;padding:12px 13px;border-radius:9px;color:var(--paper);font-size:11px;line-height:1.15;white-space:nowrap;transition:background .2s,color .2s}
.nav-projects-menu a:hover,.nav-projects-menu a:focus-visible{background:var(--orange);color:var(--dark)}
.nav-projects:hover .nav-projects-menu,.nav-projects:focus-within .nav-projects-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:0s}
.nav-projects:hover .nav-projects-trigger>span,.nav-projects:focus-within .nav-projects-trigger>span{transform:rotate(180deg)}

@media(max-width:900px){
  .site-header .site-nav .nav-projects{counter-increment:navitem;width:100%;border-bottom:1px solid rgba(241,238,231,.14)}
  .site-header .site-nav .nav-projects-trigger{position:relative!important;display:flex!important;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%!important;min-height:62px;margin:0!important;padding:15px 0!important;border:0;font-size:clamp(30px,7vw,52px)!important;line-height:.88!important;white-space:normal!important}
  .site-header .site-nav .nav-projects-trigger>span{margin-left:auto;margin-right:16px;color:var(--orange);font-size:.55em}
  .site-header .site-nav .nav-projects-trigger::before{content:counter(navitem,decimal-leading-zero);order:3;flex:0 0 auto;font:800 12px/1 Roc;letter-spacing:.08em;color:var(--orange)}
  .site-header .site-nav .nav-projects-menu{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;padding:0 0 15px;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
  .site-header .site-nav .nav-projects-menu::before{display:none}
  .site-header .site-nav .nav-projects-menu a{display:flex!important;align-items:center;min-height:42px;padding:10px 12px!important;border:1px solid rgba(241,238,231,.13);border-radius:9px;background:rgba(241,238,231,.04);font-size:clamp(11px,2.7vw,14px)!important;line-height:1.15!important;white-space:normal!important}
}
/* Hero: descripcion cercana al titulo y 2026 tratado como sticker. */
.hero-kicker-tag{padding:8px 14px 7px;border:0;border-radius:8px;background:var(--orange);color:var(--dark);box-shadow:4px 4px 0 rgba(241,238,231,.16);transform:rotate(-4deg)}
.hero .hero-info{top:58.5%;gap:15px}
@media(max-width:760px){
  .hero .hero-kicker{position:static;display:flex;width:auto;margin:0 0 22px;order:0}
  .hero .hero-kicker>span:not(.hero-kicker-tag){display:none}
  .hero .hero-title{order:1}
  .hero .hero-info{order:2;margin-top:28px}
  .hero .hero-kicker-tag{padding:7px 12px 6px;font-size:11px}
}
/* Manifiesto 2026: placa editorial simple y consistente. */
.manifesto{display:block!important;min-height:0!important;padding:clamp(42px,5vw,72px) 4vw!important;background:var(--dark)}
.manifesto-card{position:relative;width:min(100%,1320px);margin-inline:auto;padding:clamp(24px,3.2vw,44px);overflow:hidden;border-radius:clamp(18px,2vw,30px);background:var(--orange);color:var(--dark);box-shadow:0 24px 70px rgba(0,0,0,.24)}
.manifesto-card::after{content:"✦";position:absolute;right:clamp(22px,4vw,60px);top:50%;color:rgba(16,21,19,.12);font:800 clamp(150px,24vw,360px)/1 Roc;transform:translateY(-48%) rotate(12deg);pointer-events:none}
.manifesto-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;padding-bottom:clamp(18px,2.5vw,30px);border-bottom:1px solid rgba(16,21,19,.28);font:800 11px/1 Roc;letter-spacing:.1em;text-transform:uppercase}
.manifesto-card h2{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;margin:clamp(22px,3.2vw,40px) 0;font:800 clamp(42px,6vw,84px)/.84 Roc,Impact,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.manifesto-card h2 span,.manifesto-card h2 mark{display:block;color:var(--dark);white-space:nowrap}
.manifesto-card h2 mark{margin-top:.1em;padding:.12em .18em .07em;background:var(--dark);color:var(--paper);font:inherit;transform:rotate(-1deg)}
.manifesto-card-bottom{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding-top:clamp(18px,2.5vw,30px);border-top:1px solid rgba(16,21,19,.28)}
.manifesto-card-bottom>p{max-width:520px;margin:0;font-size:clamp(15px,1.5vw,20px);line-height:1.45;font-weight:700}
.manifesto-card-sign{display:flex;align-items:center;gap:12px;flex:0 0 auto;text-align:left;font:800 10px/1.3 Roc;letter-spacing:.06em;text-transform:uppercase}
.manifesto-card-sign img{width:48px;height:48px;object-fit:contain;filter:brightness(.2)}
@media(max-width:760px){
  .manifesto{padding:36px 17px!important}
  .manifesto-card{padding:18px 17px 20px;border-radius:16px}
  .manifesto-card::after{right:-35px;top:42%;font-size:190px}
  .manifesto-card-top{align-items:flex-start;padding-bottom:16px;font-size:8px;line-height:1.25}
  .manifesto-card-top span:last-child{text-align:right}
  .manifesto-card h2{margin:24px 0;font-size:clamp(30px,10vw,44px);line-height:.88}
  .manifesto-card h2 span,.manifesto-card h2 mark{white-space:normal}
  .manifesto-card h2 mark{width:fit-content;max-width:100%;padding:.15em .16em .09em}
  .manifesto-card-bottom{display:grid;gap:18px;padding-top:17px}
  .manifesto-card-bottom>p{max-width:29ch;font-size:14px;line-height:1.45}
  .manifesto-card-sign{justify-self:start}
  .manifesto-card-sign img{width:40px;height:40px}
}
/* Manifiesto: interlínea afinada y entrada secuencial. */
.manifesto-card h2{line-height:.91}
.manifesto-card h2 span{opacity:0;clip-path:inset(0 0 100%);transform:translateY(24px);transition:opacity .55s ease,transform .75s var(--ease),clip-path .75s var(--ease)}
.manifesto-card h2 mark{opacity:0;clip-path:inset(0 0 100%);transform:translateY(24px) rotate(-1deg);transition:opacity .55s ease,transform .75s var(--ease),clip-path .75s var(--ease)}
.manifesto-card-top,.manifesto-card-bottom{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .65s var(--ease)}
.manifesto-card.is-visible .manifesto-card-top{opacity:1;transform:none;transition-delay:.08s}
.manifesto-card.is-visible h2 span,.manifesto-card.is-visible h2 mark{opacity:1;clip-path:inset(0);transform:none}
.manifesto-card.is-visible h2 span:nth-child(1){transition-delay:.18s}
.manifesto-card.is-visible h2 span:nth-child(2){transition-delay:.3s}
.manifesto-card.is-visible h2 mark{transform:rotate(-1deg);transition-delay:.42s}
.manifesto-card.is-visible .manifesto-card-bottom{opacity:1;transform:none;transition-delay:.58s}
.manifesto-card.is-visible::after{animation:manifestoStar 7s ease-in-out .8s infinite}
@keyframes manifestoStar{0%,100%{transform:translateY(-48%) rotate(12deg) scale(1)}50%{transform:translateY(-48%) rotate(18deg) scale(1.04)}}
@media(max-width:760px){.manifesto-card h2{line-height:.94}}
@media(prefers-reduced-motion:reduce){
  .manifesto-card h2 span,.manifesto-card h2 mark,.manifesto-card-top,.manifesto-card-bottom{opacity:1;clip-path:none;transform:none}
  .manifesto-card h2 mark{transform:rotate(-1deg)}
}
/* Manifiesto mobile: composición completamente centrada. */
@media(max-width:760px){
  .manifesto-card{text-align:center}
  .manifesto-card-top{flex-direction:column;align-items:center;gap:7px;text-align:center}
  .manifesto-card-top span:last-child{text-align:center}
  .manifesto-card h2{align-items:center;text-align:center}
  .manifesto-card h2 span,.manifesto-card h2 mark{margin-inline:auto;text-align:center}
  .manifesto-card-bottom{justify-items:center;text-align:center}
  .manifesto-card-bottom>p{margin-inline:auto}
  .manifesto-card-sign{justify-self:center;text-align:left}
}
/* Programas: cinta infinita en una sola línea, exclusivamente mobile. */
.logo-rail-group{display:contents}
.logo-rail-clone{display:none}
@media(max-width:760px){
  .logo-rail{width:calc(100% - 34px);max-width:none;margin:26px auto 40px;padding:17px 0;border-radius:18px}
  .logo-rail-track{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:max-content;gap:0;padding:0;animation:mobileLogoRail 17s linear infinite;will-change:transform}
  .logo-rail-group,.logo-rail-clone{display:flex;align-items:center;flex:0 0 auto;gap:28px;padding-right:28px}
  .logo-rail-group img{flex:0 0 48px;width:48px;height:48px;border-radius:12px}
  @keyframes mobileLogoRail{to{transform:translateX(-50%)}}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .logo-rail{overflow-x:auto;scrollbar-width:none}
  .logo-rail::-webkit-scrollbar{display:none}
  .logo-rail-track{animation:none}
  .logo-rail-clone{display:none}
}
/* Manifiesto mobile: sin antetítulo y firma centrada. */
@media(max-width:760px){
  .manifesto-card-top{display:none}
  .manifesto-card h2{width:100%;margin-top:8px}
  .manifesto-card h2 span,.manifesto-card h2 mark{width:fit-content;max-width:100%;margin-inline:auto}
  .manifesto-card-sign{flex-direction:column;align-items:center;gap:7px;text-align:center}
  .manifesto-card-sign img{width:46px;height:46px;filter:none}
}
/* Centrado geométrico del cierre del manifiesto en mobile. */
@media(max-width:760px){
  .manifesto-card-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}
  .manifesto-card-bottom>p{width:100%;max-width:30ch;margin:0 auto;text-align:center}
  .manifesto-card-sign{display:flex;width:100%;margin:0 auto;align-items:center;justify-content:center;text-align:center}
  .manifesto-card-sign span{display:block;text-align:center}
}
/* Testimonios largos: lectura completa sin cortes. */
.testimonial-track .testimonial-long{min-height:430px}
.testimonial-track .testimonial-long blockquote{margin:28px 0;font-size:14px;line-height:1.5}
.testimonial-track blockquote p{margin:0 0 .8em}
.testimonial-track blockquote p:last-child{margin-bottom:0}
.testimonial-track footer a{width:fit-content;color:var(--paper);text-decoration:none}
.testimonial-track footer a:hover strong,.testimonial-track footer a:focus-visible strong{color:var(--orange)}
@media(max-width:760px){
  .testimonial-track .testimonial-long{min-height:540px;padding:25px 22px}
  .testimonial-track .testimonial-long blockquote{margin:24px 0;font-size:13px;line-height:1.48}
}
/* Variante para recomendaciones especialmente extensas. */
.testimonial-track .testimonial-extended blockquote{margin:22px 0;font-size:12.5px;line-height:1.46}
.testimonial-track .testimonial-extended blockquote p{margin-bottom:.65em}
@media(max-width:760px){
  .testimonial-track .testimonial-extended{padding:22px 20px}
  .testimonial-track .testimonial-extended blockquote{margin:20px 0;font-size:11.5px;line-height:1.42}
}
/* Perfil creativo: mapa compacto de capacidades. */
.expert{padding:clamp(48px,6vw,78px) 0;background-image:linear-gradient(rgba(20,23,21,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,23,21,.035) 1px,transparent 1px);background-size:42px 42px}
.expert-stage{width:min(92vw,1120px)}
.expert-intro{text-align:center}
.expert-intro .eyebrow{justify-content:center}
.expert-intro h2{margin:12px 0 8px;font:800 clamp(38px,5vw,66px)/.9 Roc,Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase}
.expert-intro h2 span{color:var(--orange)}
.expert-intro p{max-width:590px;margin:0 auto;color:#555a55;font-size:13px;line-height:1.55}
.expert-map{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,360px) minmax(180px,1fr);align-items:center;gap:clamp(20px,4vw,62px);margin-top:clamp(26px,3vw,42px)}
.expert-core{position:relative;margin:0;display:grid;place-items:center;min-height:330px}
.expert-core::before{content:"";position:absolute;width:88%;aspect-ratio:1;border:1px solid rgba(235,91,48,.32);border-radius:50%;box-shadow:0 0 0 18px rgba(235,91,48,.045),0 0 0 36px rgba(235,91,48,.025)}
.expert-core img{position:relative;z-index:1;display:block;width:100%;max-height:330px;object-fit:contain;filter:none}
.expert-core .expert-wait-dots{z-index:2}
.expert-tags{display:flex;flex-direction:column;gap:18px}
.expert-tags-left{align-items:flex-end}
.expert-tags-right{align-items:flex-start}
.expert-tags span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 17px;border:1px solid rgba(16,21,19,.28);border-radius:999px;background:rgba(241,238,231,.88);box-shadow:5px 5px 0 rgba(235,91,48,.16);font:800 11px/1 Roc;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;animation:expertTagFloat 4s ease-in-out infinite}
.expert-tags span:nth-child(even){transform:translateX(20px);animation-delay:-2s}
.expert-tags-right span:nth-child(even){transform:translateX(-20px)}
@keyframes expertTagFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:760px){
  .expert{padding:45px 0 50px}
  .expert-stage{width:calc(100% - 34px)}
  .expert-intro h2{max-width:11ch;margin-inline:auto;font-size:clamp(34px,10.5vw,48px)}
  .expert-intro p{max-width:31ch;font-size:12px}
  .expert-map{grid-template-columns:1fr 1fr;grid-template-areas:"core core" "left right";gap:20px 10px;margin-top:22px}
  .expert-core{grid-area:core;min-height:230px}
  .expert-core img{max-width:260px;max-height:230px}
  .expert-core::before{width:210px}
  .expert-tags-left{grid-area:left}
  .expert-tags-right{grid-area:right}
  .expert-tags{align-items:stretch;gap:9px}
  .expert-tags span,.expert-tags span:nth-child(even),.expert-tags-right span:nth-child(even){min-height:38px;padding:9px 8px;font-size:8px;white-space:normal;text-align:center;transform:none}
}
/* Perfil creativo: personaje limpio y etiquetas completas. */
.expert-core::before{display:none!important}
.expert-tags{width:100%}
.expert-tags-left,.expert-tags-right{align-items:center}
.expert-tags span,.expert-tags span:nth-child(even),.expert-tags-right span:nth-child(even){box-sizing:border-box;width:min(100%,210px);min-height:44px;padding:12px 16px;border:1px solid rgba(16,21,19,.34);border-radius:999px;background:var(--paper);box-shadow:6px 6px 0 rgba(235,91,48,.2);transform:none!important;overflow:visible;white-space:normal;text-align:center}
@media(max-width:760px){
  .expert-tags span,.expert-tags span:nth-child(even),.expert-tags-right span:nth-child(even){width:100%;min-height:40px;padding:10px 7px;box-shadow:4px 4px 0 rgba(235,91,48,.18)}
}
/* Perfil creativo: frases libres alrededor del personaje. */
.expert-tags{gap:24px}
.expert-tags-left{align-items:flex-end;text-align:right}
.expert-tags-right{align-items:flex-start;text-align:left}
.expert-tags span,.expert-tags span:nth-child(even),.expert-tags-right span:nth-child(even){position:relative;display:block;width:auto;max-width:240px;min-height:0;padding:0 0 8px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--dark);font:800 clamp(15px,1.45vw,20px)/1.08 Roc;letter-spacing:-.01em;text-transform:uppercase;transform:none!important}
.expert-tags span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--orange);transform:scaleX(.28);transition:transform .3s var(--ease)}
.expert-tags-left span::after{transform-origin:right}
.expert-tags-right span::after{transform-origin:left}
.expert-tags span:hover::after{transform:scaleX(1)}
@media(max-width:760px){
  .expert-tags{gap:13px;text-align:center}
  .expert-tags-left,.expert-tags-right{align-items:center;text-align:center}
  .expert-tags span,.expert-tags span:nth-child(even),.expert-tags-right span:nth-child(even){width:100%;max-width:170px;min-height:0;padding:0 0 7px;font-size:11px;line-height:1.15;text-align:center}
  .expert-tags span::after{left:25%;right:25%;transform:scaleX(1)}
}
/* Perfil creativo: título fijado en dos líneas. */
.expert-intro h2 span{display:block;white-space:nowrap}
@media(max-width:760px){
  .expert-intro h2{max-width:100%;font-size:clamp(30px,8.8vw,42px)}
}
/* Corrección mobile: impedir el tercer renglón del título creativo. */
@media(max-width:760px){
  .expert-intro h2{width:100%;max-width:none;font-size:clamp(26px,7.6vw,34px);letter-spacing:-.035em}
  .expert-intro h2 span{display:block;width:100%;white-space:nowrap}
}
/* Perfil mobile: título amplio, bajada de dos líneas y capacidades en cinta. */
.expert-mobile-break,.expert-mobile-ticker{display:none}
@media(max-width:760px){
  .expert-intro h2{font-size:clamp(31px,8.6vw,38px);line-height:.9}
  .expert-intro h2 span{white-space:nowrap}
  .expert-intro p{max-width:100%;font-size:11.5px;line-height:1.45}
  .expert-mobile-break{display:inline}
  .expert-map{display:block;margin-top:20px}
  .expert-tags{display:none}
  .expert-core{min-height:225px}
  .expert-mobile-ticker{display:block;width:calc(100% + 34px);margin:18px -17px 0;overflow:hidden;border-block:1px solid rgba(16,21,19,.24);background:var(--orange)}
  .expert-mobile-ticker>div{display:flex;width:max-content;animation:expertMobileTicker 18s linear infinite;will-change:transform}
  .expert-mobile-ticker span{display:block;flex:0 0 auto;padding:11px 14px;font:800 10px/1 Roc;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
  @keyframes expertMobileTicker{to{transform:translateX(-50%)}}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.expert-mobile-ticker>div{animation:none}}
/* Hero desktop: título principal con mayor presencia. */
@media(min-width:761px){
  .hero-title{max-width:96vw;font-size:clamp(86px,11vw,180px);line-height:.79}
  .hero-title-seal{right:-.66em;width:clamp(66px,6vw,100px)}
}
/* Hero desktop: bloque informativo ligeramente más abajo. */
@media(min-width:761px){.hero .hero-info{top:62%}}
/* Navegacion mobile: proyectos se despliega solamente al tocarlo. */
@media(max-width:900px){
  .site-header .site-nav .nav-projects-menu,
  .site-header .site-nav .nav-projects:hover .nav-projects-menu,
  .site-header .site-nav .nav-projects:focus-within .nav-projects-menu{display:grid;max-height:0;gap:0;padding:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px)!important;transition:max-height .38s var(--ease),gap .3s ease,padding .3s ease,opacity .22s ease,transform .3s var(--ease),visibility 0s linear .38s}
  .site-header .site-nav .nav-projects.is-expanded .nav-projects-menu,
  .site-header .site-nav .nav-projects.is-expanded:hover .nav-projects-menu,
  .site-header .site-nav .nav-projects.is-expanded:focus-within .nav-projects-menu{max-height:320px;gap:7px;padding:0 0 15px;opacity:1;visibility:visible;pointer-events:auto;transform:none!important;transition-delay:0s}
  .site-header .site-nav .nav-projects:hover .nav-projects-trigger>span,
  .site-header .site-nav .nav-projects:focus-within .nav-projects-trigger>span{transform:none}
  .site-header .site-nav .nav-projects.is-expanded .nav-projects-trigger>span{transform:rotate(180deg)}
}

/* Hero mobile: composicion mas alta y compacta. */
@media(max-width:760px){
  .hero{justify-content:center;padding-top:calc(var(--header) + 20px);padding-bottom:20px;transform:translateY(-2vh)}
  .hero .hero-kicker{margin-bottom:13px}
  .hero .hero-info{margin-top:22px}
}
/* Sobre mi: presentacion personal con firma visual secundaria. */
.about-copy .about-lead{color:var(--dark);font-size:clamp(15px,1.25vw,18px);line-height:1.55;font-weight:700}
.about-copy .about-personal{max-width:500px;margin-top:14px;color:#555a55;font-size:13px;line-height:1.7}
.about-portrait .about-cat-signature{position:absolute;z-index:3;right:-24px;bottom:24px;width:clamp(58px,6vw,88px);height:auto;object-fit:contain;filter:none;transform:rotate(7deg);animation:aboutCatFloat 4s ease-in-out infinite;filter:drop-shadow(0 12px 14px rgba(0,0,0,.18))}
@keyframes aboutCatFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:2deg}}
@media(max-width:760px){
  .about-copy .about-lead,.about-copy .about-personal{max-width:34ch;margin-inline:auto}
  .about-copy .about-personal{font-size:12.5px}
  .about-copy ul{max-width:340px;margin-inline:auto}
  .about-portrait .about-cat-signature{right:8px;bottom:14px;width:64px}
}
@media(prefers-reduced-motion:reduce){.about-portrait .about-cat-signature{animation:none}}
/* Servicios: grilla bento + mockup de tarjeta */
.svc-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(250px,auto);gap:13px}
.svc-hero-tile{position:relative;grid-column:1/3;grid-row:1/3;display:flex;flex-direction:column;gap:10px;padding:32px;background:radial-gradient(70% 60% at 50% 72%,rgba(235,91,48,.34) 0%,rgba(235,91,48,0) 70%),#1b1f1d;color:var(--paper);overflow:hidden}
.svc-hero-tile::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(241,238,231,.03) 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,rgba(241,238,231,.03) 0 1px,transparent 1px 44px);-webkit-mask:linear-gradient(to bottom,transparent 0%,#000 45%);mask:linear-gradient(to bottom,transparent 0%,#000 45%);pointer-events:none}
.svc-hero-copy{position:relative;z-index:1}
.svc-tag{display:inline-block;padding:7px 12px;border:1px solid var(--orange);border-radius:999px;font:800 12px/1 Roc,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.svc-formula{margin:18px 0 0;font:800 clamp(34px,3.4vw,54px)/.9 Roc,Impact,sans-serif;text-transform:uppercase;color:var(--paper)}
.svc-formula i{font-style:normal;margin:0 .12em;color:var(--orange)}
.svc-formula b{color:var(--orange)}
.svc-hero-copy>p:not(.svc-formula){max-width:48ch;margin:14px 0 0;font-size:14.5px;line-height:1.6;color:rgba(241,238,231,.68)}
.svc-hero-copy strong{color:var(--paper)}
.svc-mockup{position:relative;display:grid;place-items:center;flex:1;width:100%;min-height:320px;margin:0;padding:10px 0 34px;border:0;background:none;cursor:pointer;perspective:1600px;-webkit-tap-highlight-color:transparent}
.svc-flip{position:relative;display:block;width:min(82%,520px);aspect-ratio:1063/591;transform-style:preserve-3d;transform:rotateX(14deg) rotateY(-16deg) rotateZ(3deg);transition:transform 1s cubic-bezier(.3,1.25,.4,1);animation:svcFloat 5s ease-in-out infinite}
.svc-mockup:hover .svc-flip{transform:rotateX(6deg) rotateY(-6deg) rotateZ(1deg)}
.svc-mockup.is-flipped .svc-flip{transform:rotateX(14deg) rotateY(164deg) rotateZ(-3deg)}
.svc-mockup.is-flipped:hover .svc-flip{transform:rotateX(6deg) rotateY(174deg) rotateZ(-1deg)}
.svc-face{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 40px 60px -20px rgba(0,0,0,.75)}
.svc-face-back{transform:rotateY(180deg)}
.svc-shadow{position:absolute;left:50%;bottom:22px;width:56%;height:26px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(18px);transform:translateX(-50%);animation:svcShadow 5s ease-in-out infinite;pointer-events:none}
.svc-mockup-hint{position:absolute;right:0;bottom:0;z-index:3;font:600 12px/1 Roc,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(241,238,231,.45)}
@keyframes svcFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes svcShadow{0%,100%{opacity:1;scale:1}50%{opacity:.7;scale:.9}}
.svc-tile{cursor:default;display:flex;flex-direction:column;gap:12px;padding:26px;background:#282b29;color:var(--paper);text-decoration:none;transition:transform .35s var(--ease),background .3s,color .3s}
.svc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}
.svc-top b{font:800 13px/1 Roc,Impact,sans-serif;color:var(--orange);transition:color .3s}
.svc-top i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--orange);color:var(--dark);font-style:normal;font-size:19px;transition:background .3s,color .3s,transform .35s var(--ease)}
.svc-tile strong{margin-top:28px;font:800 clamp(28px,2.4vw,40px)/.9 Roc,Impact,sans-serif;text-transform:uppercase}
.svc-tile small{font-size:12.5px;line-height:1.55;color:rgba(241,238,231,.62);transition:color .3s}
.svc-tile:hover,.svc-tile:focus-visible{transform:translateY(-8px);background:var(--paper);color:var(--dark)}
.svc-tile:hover small,.svc-tile:focus-visible small{color:rgba(16,21,19,.7)}
.svc-tile:hover .svc-top i,.svc-tile:focus-visible .svc-top i{background:var(--dark);color:var(--paper);transform:rotate(45deg)}
.svc-tile-cta{cursor:pointer;background:var(--orange);color:var(--dark)}
.svc-tile-cta small{color:rgba(16,21,19,.72)}
.svc-tile-cta .svc-top b{font-size:15px;color:var(--dark)}
.svc-tile-cta .svc-top i{background:var(--dark);color:var(--paper)}
@media(max-width:1050px){.svc-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(220px,auto)}.svc-hero-tile{grid-column:1/-1;grid-row:auto}.svc-mockup{min-height:360px}}
@media(max-width:760px){
  .svc-bento{gap:10px;grid-auto-rows:auto}
  .svc-hero-tile{padding:26px 18px 20px;text-align:center}
  .svc-formula{font-size:32px}
  .svc-hero-copy>p:not(.svc-formula){margin-inline:auto;font-size:14px}
  .svc-mockup{min-height:0;padding:26px 0 40px}
  .svc-flip{width:90%}
  .svc-mockup-hint{left:0;text-align:center;font-size:11px}
  .svc-tile{padding:18px 16px;gap:8px;min-height:200px}
  .svc-top i{width:32px;height:32px;font-size:15px}
  .svc-tile strong{margin-top:18px;font-size:24px}
  .svc-tile small{font-size:12px}
  .svc-tile:hover,.svc-tile:focus-visible{transform:none}
}
@media(prefers-reduced-motion:reduce){.svc-flip,.svc-shadow{animation:none}.svc-flip,.svc-tile,.svc-top i{transition:none}}

/* Trabajos: fotografía como fila fija (sin desplegable) */
.wc-static-row{display:flex;align-items:center;gap:16px;padding:22px 24px}
.wc-static-copy{flex:1;min-width:0}
.wc-static-copy p{margin:8px 0 0;max-width:560px;font-size:13px;line-height:1.6;color:rgba(241,238,231,.72)}
.wc-static-row .wc-more{flex:0 0 auto;margin:0}
@media(min-width:761px){.wc-static-row{padding:32px 42px;gap:24px}}
@media(max-width:760px){.wc-static-row{flex-wrap:wrap}.wc-static-copy{flex-basis:calc(100% - 120px)}.wc-static-row .wc-more{width:100%}}

/* Servicios: carrusel en mobile */
.svc-tiles{display:contents}
@media(max-width:760px){
  .svc-tiles{grid-column:1/-1;min-width:0;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;margin:0 -17px;padding:2px 17px 6px;scroll-padding-inline:17px}
  .svc-tiles::-webkit-scrollbar{display:none}
  .svc-tiles .svc-tile{flex:0 0 72%;min-height:190px;scroll-snap-align:start}
  .svc-tiles [data-reveal]{opacity:1;transform:none}
}

/* Sobre mí en mobile: título → foto → info, texto justificado */
@media(max-width:760px){
  .about-grid{row-gap:0}
  .about-copy{display:contents}
  .about-copy>.eyebrow{order:1}
  .about-copy>h2{order:2;margin:18px 0 26px;text-align:center}
  .about-portrait{order:3;grid-row:auto}
  .about-copy>.about-lead{order:4;margin:30px 0 0;max-width:none;text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
  .about-copy>.about-personal{order:5;margin:16px 0 0;max-width:none;text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
  .about-copy>ul{order:6;max-width:none;margin:24px 0 0;text-align:left}
  .about-copy li{justify-content:flex-start}
  .about-copy>.outline-button{order:7;justify-self:center;margin-top:28px}
  .about-data{order:8;margin-top:40px}
}

/* Manifiesto: gato a la derecha del texto, sin firma */
.manifesto-card-bottom{align-items:center}
@media(max-width:760px){
  .manifesto-card-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;text-align:left}
  .manifesto-card-bottom>p{flex:1;width:auto;max-width:none;margin:0;text-align:left}
  .manifesto-card-sign{flex:0 0 auto;width:auto;margin:0}
  .manifesto-card-sign img{width:54px;height:54px}
}

/* Hero desktop: flujo vertical (kicker, titulo, info) para que los textos nunca se superpongan. */
@media(min-width:761px){
  .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:calc(var(--header) + 40px);padding-bottom:100px}
  .hero .hero-kicker{position:relative;top:auto;left:auto;width:auto;margin:0 0 clamp(22px,4vh,44px)}
  .hero .hero-title{position:relative;top:auto;left:auto;transform:none;margin:0;font-size:clamp(76px,min(11vw,19vh),180px)}
  .hero .hero-info{position:relative;top:auto;left:auto;margin-top:clamp(26px,4.5vh,52px)}
}
/* Titulo del hero: brillo tenue que recorre las letras (capa aparte; el texto base queda solido). */
.hero-title{filter:drop-shadow(0 0 34px rgba(235,91,48,.16))}
.hero-title .title-row b{position:relative}
.hero-title .title-row b::after{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 40%,rgba(255,255,255,.75) 50%,transparent 60% 100%) 120% 0/300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none;animation:heroTitleShine 7s ease-in-out 1.4s infinite}
.hero-title .title-row-accent b::after{background-image:linear-gradient(100deg,transparent 0 40%,rgba(255,196,170,.7) 50%,transparent 60% 100%);animation-delay:1.9s}
@keyframes heroTitleShine{0%{background-position:120% 0}40%,100%{background-position:-20% 0}}
@media(prefers-reduced-motion:reduce){
  .hero-title .title-row b::after{animation:heroTitleShine 7s ease-in-out 1s infinite!important}
}

/* Sello: gira solo el anillo de texto; el gato del centro queda derecho. */
.hero-title-seal{display:block;aspect-ratio:1;animation:none}
.hero-title-seal img{position:absolute;inset:8%;width:84%;height:84%;display:block}
.hero-seal-ring{animation:heroSealSpin 20s linear infinite}
.hero-seal-cat{animation:heroSealCat 5s ease-in-out infinite}
@keyframes heroSealCat{0%,100%{rotate:-5deg}50%{rotate:5deg}}
/* Astronauta: el gancho del casco queda alineado con la cuerda aunque no haya animacion. */
.scroll-astronaut{transform:translate3d(-52.5%,var(--astronaut-y),0)}
@keyframes astronautFloat{0%,100%{transform:translate3d(-52.5%,var(--astronaut-y),0) rotate(-2deg)}50%{transform:translate3d(-52.5%,calc(var(--astronaut-y) - 13px),0) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.scroll-astronaut{animation:astronautFloat 5.2s ease-in-out infinite!important}}

/* Scroll suave (Lenis). */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:clip}

/* Hero: CTA en pastilla. */
.hero-cta{display:inline-flex;align-items:center;gap:12px;margin-top:6px;padding:14px 16px 13px 22px;border-radius:999px;background:var(--orange);color:var(--dark);font:800 13px/1 Roc,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .25s,transform .25s var(--ease)}
.hero-cta span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--dark);color:var(--orange);font-size:14px;transition:transform .25s var(--ease)}
.hero-cta:hover{background:var(--orange-hot);transform:translateY(-2px)}
.hero-cta:hover span{transform:rotate(45deg)}
.hero-cta:focus-visible{outline:2px solid var(--paper);outline-offset:4px}


/* Sobre mí: marcas con las que trabajé (reemplaza las cifras). Logo o nombre a la izquierda, rubro y qué se hizo a la derecha. */
.about-brands{align-self:center}
.about-brands-title{display:block;margin-bottom:6px;font:800 10px/1 Roc,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.about-brands ul{margin:0;padding:0;list-style:none}
.about-brands li{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.about-brands .brand-mark{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere;font:800 clamp(15px,1.3vw,21px)/.95 Roc,Impact,sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:var(--dark)}
/* Todos los logos viven en la misma caja y se ajustan sin deformarse (object-fit: contain). */
.about-brands img.brand-mark{display:block;box-sizing:border-box;width:min(100%,140px);height:50px;object-fit:contain;object-position:left center}
/* Maximus tiene texto blanco: va sobre una placa oscura en vez de cambiarle los colores. */
.about-brands img.brand-on-dark{height:44px;padding:9px 11px;border-radius:8px;background:var(--dark);object-position:center}
.about-brands b{display:block;font:800 9.5px/1.2 Roc,Impact,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--orange)}
.about-brands p{margin:5px 0 0;font-size:12.5px;line-height:1.5;color:#555a55}
@media(max-width:1050px){.about-brands{grid-column:1/-1}.about-brands ul{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}}
@media(max-width:760px){
  .about-brands{order:8;margin-top:44px;text-align:left}
  .about-brands-title{text-align:center;margin-bottom:4px}
  .about-brands ul{grid-template-columns:1fr}
  .about-brands li{grid-template-columns:104px 1fr;gap:14px;padding:16px 0}
  .about-brands .brand-mark{font-size:17px}
}

/* Manifiesto a sangre: sin tarjeta, toda la sección es naranja. El círculo que la revela (home-narrative.js) se abre sobre el crema de la página. */
.manifesto{padding:0!important;background:var(--paper)!important}
.manifesto-card{width:100%;max-width:none;min-height:clamp(520px,78svh,760px);display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,8vw,120px) max(5vw,calc((100% - 1320px) / 2));border-radius:0;box-shadow:none}
.manifesto-card::after{content:none}
.manifesto-star{position:absolute;z-index:0;right:max(3vw,calc((100% - 1460px) / 2));top:50%;margin-top:-.5em;color:rgba(16,21,19,.13);font:800 clamp(220px,32vw,500px)/1 Roc,Impact,sans-serif;pointer-events:none;transform:rotate(12deg)}
.manifesto-card h2{font-size:clamp(46px,7.2vw,112px)}
/* Las máscaras de entrada dejan aire arriba para que los acentos y la tilde de la Ñ no se corten. */
.manifesto-card h2 span{clip-path:inset(-.35em -.1em 100% -.1em)}
.manifesto-card h2 mark{clip-path:inset(-.35em -.1em 100% -.1em)}
.manifesto-card.is-visible h2 span,.manifesto-card.is-visible h2 mark{clip-path:inset(-.35em -.1em -.15em -.1em)}
@media(max-width:760px){
  .manifesto-card{min-height:0;padding:72px 20px 64px}
  .manifesto-card h2{font-size:clamp(34px,11vw,50px)}
  .manifesto-star{right:-60px;top:38%;font-size:260px}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.manifesto-card h2 span,.manifesto-card h2 mark{clip-path:none}}

/* Perfil creativo: el gato ("una mirada") en el centro y los lenguajes como stickers en una órbita elíptica.
   La posición de cada sticker sale de su ángulo (--i * 45° + --spin); home-narrative.js gira --spin con el scroll.
   Los de adelante (mitad inferior de la elipse) se ven más grandes; los de atrás, más chicos y tenues. */
.expert{overflow-x:clip}
.expert-orbit{--rx:min(470px,41vw);--ry:265px;--spin:0deg;position:relative;height:calc(var(--ry) * 2 + 90px);margin:clamp(18px,3vw,40px) auto 0}
.expert-orbit-track{position:absolute;left:50%;top:50%;width:calc(var(--rx) * 2);height:calc(var(--ry) * 2);transform:translate(-50%,-50%);border:1.5px dashed rgba(235,91,48,.38);border-radius:50%;pointer-events:none}
.expert-orbit .expert-core{position:absolute;z-index:1;left:50%;top:50%;width:min(290px,62vw);min-height:0;margin:0;transform:translate(-50%,-50%)}
.expert-orbit .expert-core img{max-height:300px}
.expert-ring{position:absolute;z-index:2;inset:0;margin:0;padding:0;list-style:none}
.expert-ring li{--a:calc(var(--i) * 45deg + 22.5deg + var(--spin));--d:sin(var(--a));position:absolute;left:calc(50% + cos(var(--a)) * var(--rx));top:calc(50% + var(--d) * var(--ry));transform:translate(-50%,-50%) scale(calc(.9 + var(--d) * .1));opacity:calc(.85 + var(--d) * .15)}
.expert-ring .sk{--tilt:-4deg;display:block;padding:16px 22px 14px;border-radius:12px;font:800 clamp(14px,1.25vw,18px)/1.1 Roc,Impact,sans-serif;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;box-shadow:5px 5px 0 rgba(16,21,19,.2);transform:rotate(var(--tilt))}
.expert-ring.is-ready .sk,html:not(.narrative-on) .expert-ring .sk{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.expert-ring li:nth-child(even) .sk{--tilt:3deg}
.expert-ring li:nth-child(3n) .sk{--tilt:-1.5deg}
.expert-ring .sk:hover{transform:rotate(0) scale(1.07);box-shadow:6px 6px 0 rgba(16,21,19,.22)}
.sk-paper{border:1.5px solid var(--dark);background:#fff;color:var(--dark)}
.sk-orange{background:var(--orange);color:var(--dark)}
.sk-dark{background:var(--dark);color:var(--paper)}
.sk-line{border:1.5px dashed var(--dark);background:var(--paper);color:var(--dark)}
@media(max-width:1050px){.expert-orbit{--rx:min(340px,37vw);--ry:235px}.expert-ring .sk{padding:13px 16px 11px;font-size:13px}}
@media(max-width:760px){
  .expert-orbit{--rx:calc(50vw - 58px);--ry:215px;height:520px;margin-top:10px}
  .expert-orbit .expert-core{width:min(190px,48vw)}
  .expert-orbit .expert-core img{max-height:200px}
  .expert-ring .sk{max-width:104px;padding:9px 10px 8px;font-size:10px;line-height:1.15;white-space:normal;text-align:center;box-shadow:3px 3px 0 rgba(16,21,19,.2)}
}

/* Sobre mí: foto más chica para que las marcas tengan protagonismo. */
.about-portrait{width:100%;max-width:400px;justify-self:center}
.about-portrait>img{height:clamp(420px,36vw,540px)}
@media(max-width:760px){.about-portrait{max-width:none}.about-portrait>img{height:340px}}

/* Cinta de servicios infinita: 4 grupos idénticos, se desplaza la mitad y empalma sin salto. Las estrellas giran al pasar. */
.ticker div{display:flex;animation:ticker 34s linear infinite}
.ticker-group{flex:0 0 auto;padding-right:.25em}
.ticker i{display:inline-block;animation:tickerStar 3.2s linear infinite}
@keyframes tickerStar{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ticker div{animation:ticker 34s linear infinite!important}.ticker i{animation:tickerStar 3.2s linear infinite!important}}

/* El astronauta siempre flota por encima del contenido (debajo del header y del menú, que lo oculta al abrirse). */
.astronaut-rig{z-index:1150}

/* CTA en mobile: el sello va chico en la esquina para no tapar el título. */
@media(max-width:760px){.cta-panel>img{width:96px!important;right:14px!important;bottom:14px!important;top:auto!important;opacity:.9}}

/* Hero: el párrafo va pegado al título (el bloque de CREATIVO ya deja aire debajo de las letras). */
@media(min-width:761px){.hero .hero-info{margin-top:clamp(-8px,-.5vw,-3px)}}
@media(max-width:760px){.hero .hero-info{margin-top:8px}}

/* Páginas de servicios (js/service-motion.js): palabras con máscara en los títulos. El aire arriba evita cortar tildes. */
.sm-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-top:.16em;margin-top:-.16em;padding-inline:.03em;margin-inline:-.03em}
.sm-word>span{display:inline-block}
/* La cinta de servicios sigue corriendo si se eligió animación completa. */
html.motion-full .service-note-track{animation:serviceTape 24s linear infinite!important}

/* Manifiesto después de Servicios (oscuro): el círculo naranja se abre sobre el mismo fondo oscuro. */
.manifesto{background:var(--dark)!important}
/* Títulos con palabras divididas ([data-split]): aire arriba en la máscara para que no se corten Ñ ni tildes. */
.split-word{padding-top:.18em;margin-top:-.18em}