:root{--pink:#ed40a9;--plum:#541b5c;--ink:#302735;--surface:#f6f3f7;--line:#e5dee7;--space:clamp(22px,4vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button,a,input,textarea:focus{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.wrap{padding-inline:var(--space)}h2{font-size:clamp(45px,6vw,88px);line-height:1.03;letter-spacing:-.055em;font-weight:600}.eyebrow{font-size:13px;letter-spacing:.12em;font-weight:bold;text-transform:uppercase}.pill{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:100px;padding:15px 24px;background:var(--plum);color:#fff;font-size:15px;font-weight:bold;letter-spacing:0}.pill:hover{background:#702b79}.text-link{font-size:15px;letter-spacing:0;border-bottom:1px solid #aaa;padding-bottom:4px}.header{position:fixed;inset:0 0 auto;z-index:30;background:#ffffffed;backdrop-filter:blur(16px);height:88px;padding:0 var(--space);display:flex;gap:25px;align-items:center;border-bottom:1px solid #eee}.brand{display:block;width:145px;margin-right:auto}.brand img{width:100%}.header nav{display:flex;gap:32px;font-size:15px;letter-spacing:0}.header nav a:hover{color:var(--pink)}.menu-toggle{display:none;border:0;background:none;font-size:15px}.mobile-menu{position:fixed;inset:88px 0 0;z-index:29;background:#fff;padding:40px var(--space)}.mobile-menu a{display:block;font-size:38px;margin-bottom:25px;letter-spacing:-.04em}.mobile-menu[hidden]{display:none}.hero{padding-top:145px;padding-bottom:75px;min-height:95svh;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}.hero h1{font-size:clamp(54px,6.4vw,102px);letter-spacing:-.065em;line-height:1.01;font-weight:600;margin-top:25px}.hero h1 em{font-style:normal;color:var(--pink)}.hero p{font-size:21px;line-height:1.5;max-width:510px;margin-top:30px;color:#666}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:35px}.hero-preview{border:1px solid var(--line);border-radius:20px;padding:18px;background:#f8f8f8;box-shadow:0 22px 50px #00000009}.preview-top{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:12px;letter-spacing:.06em;padding:8px 5px 20px}.preview-top span:last-child{color:#888}.hero-preview img{border-radius:8px;width:100%;height:450px;object-fit:cover;object-position:top}.preview-bottom{display:flex;gap:12px;align-items:center;padding:20px 5px 5px;font-size:15px}.preview-bottom span{color:var(--pink);font-size:26px;font-weight:600}.intro{border-top:1px solid var(--line);padding-block:65px;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.intro h2{font-size:clamp(30px,3vw,47px)}.intro p{font-size:21px;line-height:1.5;color:#666}.work{padding-block:85px;background:#fff}.work h2{margin-bottom:40px}.work-subtitle{font-size:17px;color:#666;margin-top:20px;margin-bottom:30px}.work-viewport{min-width:0}.work-track{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--space);scrollbar-width:none}.work-card{flex:0 0 calc(100vw - 2 * var(--space));min-height:520px;display:grid;grid-template-columns:1.3fr 1fr;border:1px solid var(--line);background:var(--surface);border-radius:20px;overflow:hidden;scroll-snap-align:center;text-align:left;padding:0}.project-media{position:relative;overflow:hidden;background:#ececec}.project-image{width:100%;height:100%;object-fit:cover;object-position:top}.molar-image{object-position:bottom}.work-copy{padding:clamp(28px,4vw,65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px}.work-copy small{font-size:12px;letter-spacing:.09em;color:#777;line-height:1.6}.work-copy h3{font-size:clamp(36px,4vw,64px);letter-spacing:-.055em;line-height:1.05;font-weight:600}.work-copy p{font-size:19px;line-height:1.45;color:#666}.project-link{font-size:15px;border-bottom:1px solid #999;padding-bottom:8px;display:flex;align-items:center;gap:35px;letter-spacing:0}.project-link b{color:var(--pink);font-size:25px;font-weight:400}.video-cover{height:100%;min-height:450px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(30px,5vw,80px);background:#f1f1f1}.video-cover>span:nth-child(2){font-size:clamp(45px,5vw,80px);letter-spacing:-.06em;line-height:1.04;font-weight:600}.play-symbol{display:grid;place-items:center;width:80px;height:80px;background:var(--plum);color:#fff;border-radius:100px;font-size:27px;padding-left:5px;margin-bottom:35px}.video-cover small{font-size:12px;letter-spacing:.12em;margin-top:30px}.carousel-tools{display:flex;align-items:center;gap:12px;margin-top:22px}.carousel-tools button{border:1px solid #ccc;border-radius:100px;padding:10px 18px;background:#fff;font-size:14px;letter-spacing:0}.carousel-tools button:disabled{opacity:.35;cursor:default}.count{margin-left:auto;letter-spacing:.07em;font-size:14px}.work.scroll-gallery{padding-block:0;height:var(--work-scroll-height,100svh)}.scroll-gallery .work-pin{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding-top:112px;padding-bottom:22px;background:#fff}.scroll-gallery h2{font-size:clamp(45px,6vw,85px);margin-bottom:20px;flex:none}.scroll-gallery .work-subtitle{margin-top:0;margin-bottom:28px}.scroll-gallery .work-viewport{flex:1;min-height:0;overflow:clip}.scroll-gallery .work-track{height:100%;overflow:visible;scroll-snap-type:none;will-change:transform}.scroll-gallery .work-card{height:100%;min-height:0}.scroll-gallery .carousel-tools{flex:none;margin-top:20px}.services{padding-block:100px 130px;background:#f7f7f7}.services>p{font-size:23px;line-height:1.45;max-width:760px;color:#666;margin-top:28px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.service{padding-top:25px;border-top:1px solid #bdbdbd}.service>span{color:var(--pink);font-size:18px}.service h3{font-size:30px;letter-spacing:-.04em;line-height:1.15;margin:25px 0 20px;font-weight:600}.service p{font-size:18px;line-height:1.55;color:#666}.solutions{padding-block:110px;--stack-step:20px;--stack-header:88px;--stack-height:clamp(440px,calc(100svh - 88px - 4 * var(--stack-step) - 40px),800px);--stack-top:max(106px,calc((100svh - var(--stack-height) - 4 * var(--stack-step) + 88px) / 2))}.section-deck{font-size:23px;line-height:1.5;color:#666;max-width:740px;margin:30px 0 65px}.solutions-grid{display:flex;flex-direction:column;gap:clamp(80px,12vh,150px);isolation:isolate;padding-bottom:160px}.solution-stack-item{position:sticky;top:calc(var(--stack-top) + var(--stack-index) * var(--stack-step));z-index:calc(var(--stack-index) + 1);width:100%;flex:none}.solution{width:100%;height:var(--stack-height);position:relative;border:1px solid #e3e3e3;background:var(--surface);border-radius:22px;text-align:left;padding:clamp(28px,4.5vw,65px);display:flex;flex-direction:column;align-items:flex-start;transform:scale(var(--stack-scale,1));transform-origin:50% 0;filter:blur(var(--stack-blur,0px));box-shadow:0 -10px 30px #00000005}.solution::after{content:'';position:absolute;inset:0;border-radius:inherit;background:#d1d1d1;opacity:var(--stack-dim,0);pointer-events:none}.phase-top{width:100%;display:flex;gap:25px;justify-content:space-between;align-items:center}.number{font-size:clamp(45px,5vw,75px);font-weight:600;letter-spacing:-.07em;color:var(--pink)}.phase-top small{font-size:14px;color:#777;letter-spacing:0}.solution h3{font-size:clamp(46px,7vw,105px);line-height:1.04;letter-spacing:-.06em;font-weight:600;max-width:1000px;margin-top:30px;margin-bottom:25px}.solution-bottom{width:100%;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:clamp(21px,2.3vw,34px);line-height:1.25;margin-top:auto;max-width:1100px}.solution-bottom b{display:grid;place-items:center;flex:none;border:1px solid #aaa;border-radius:100px;width:48px;height:48px;font-size:28px;font-weight:400;color:var(--pink)}.studio{padding-block:60px 110px;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.studio .eyebrow{margin-bottom:22px;display:block}.studio p{font-size:22px;line-height:1.5;color:#666;margin-top:28px}.studio-points{padding-top:20px}.studio-points>div{padding:25px 0;border-bottom:1px solid var(--line)}.studio-points h3{font-size:24px}.studio-points p{font-size:17px;line-height:1.5;margin-top:10px}.clients{padding-block:65px;border-top:1px solid var(--line)}.clients-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.clients h2{font-size:37px}.clients p{font-size:17px;line-height:1.5;color:#777;max-width:400px}.client-list{display:flex;flex-wrap:wrap;gap:25px 45px;margin-top:50px;align-items:center}.client-list span{font-size:20px;color:#555;font-weight:600;letter-spacing:-.03em}.contact{padding-block:90px 100px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:60px}.contact h2{font-size:clamp(47px,6vw,88px)}.contact p{font-size:22px;color:#666;line-height:1.4;max-width:620px;margin-top:25px}.contact .pill{flex:none;padding:20px 30px}.footer{padding-block:50px 25px}.footer-main{display:flex;justify-content:space-between;gap:35px}.footer .brand{width:155px}.footer-links{display:flex;gap:25px;font-size:14px;letter-spacing:0;flex-wrap:wrap}.footer-bottom{display:flex;gap:25px;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:12px;color:#777;letter-spacing:0;line-height:1.5}.notes-button{border:0;background:none;color:#777;font-size:12px;padding:0;letter-spacing:0;text-decoration:underline}.dialog{width:min(1100px,94vw);max-height:92svh;overflow:auto;border:1px solid #eee;border-radius:20px;background:#fff;padding:55px;color:#222}.dialog::backdrop{background:#2227;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:18px;border:1px solid #bbb;border-radius:100px;background:#fff;padding:9px 18px;font-size:14px}.dialog small{font-size:12px;letter-spacing:.1em;color:#888}.dialog h2{font-size:clamp(36px,5vw,66px);margin:25px 0;max-width:920px}.dialog p{font-size:20px;line-height:1.5;color:#666}.dialog ul{font-size:21px;line-height:1.6;padding-left:25px;margin-block:30px}.dialog img{max-height:650px;width:100%;object-fit:contain;margin-top:30px}.dialog iframe{width:100%;aspect-ratio:16/9;border:0;margin-top:30px;background:#f5f5f5}.dialog .pill{margin-top:25px}.note{font-size:14px!important;margin-top:25px;line-height:1.5!important}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.contact-form label{font-size:15px;display:grid;gap:10px;letter-spacing:0}.contact-form input,.contact-form textarea{border:1px solid #bbb;border-radius:6px;padding:13px;font-size:17px;min-width:0;background:white}.contact-form .full{grid-column:1/-1}.contact-form .pill{justify-self:start;margin-top:0}.gallery-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}.gallery-list button{border:1px solid #ddd;border-radius:10px;padding:25px;text-align:left;background:#f5f5f5;font-size:22px;line-height:1.25}.gallery-list small{display:block;margin-bottom:15px;line-height:1.5}.gallery-list button:hover{border-color:var(--pink)}
@media(max-width:800px){.header{height:75px;gap:15px}.header nav{display:none}.brand{width:120px}.header .pill{font-size:13px;padding:12px 16px}.menu-toggle{display:block}.mobile-menu{top:75px}.hero{grid-template-columns:1fr;gap:50px;padding-top:125px;min-height:0;padding-bottom:60px}.hero h1{font-size:clamp(52px,12.5vw,78px)}.hero p{font-size:19px}.hero-preview img{height:310px}.intro{grid-template-columns:1fr;gap:25px;padding-block:45px}.intro p{font-size:19px}.work-card{grid-template-columns:1fr;grid-template-rows:1fr 1fr;min-height:700px;flex-basis:calc(100vw - 44px)}.work-copy{padding:24px;gap:15px}.work-copy h3{font-size:32px}.work-copy p{font-size:17px}.work-copy small{font-size:11px}.project-link{font-size:14px;gap:20px}.video-cover{min-height:0;padding:25px}.video-cover>span:nth-child(2){font-size:42px}.video-cover small{margin-top:15px}.play-symbol{width:45px;height:45px;font-size:19px;margin-bottom:20px}.scroll-gallery .work-pin{padding-top:96px;padding-bottom:20px}.scroll-gallery h2{font-size:43px;margin-bottom:16px}.scroll-gallery .work-subtitle{font-size:15px;margin-bottom:20px}.scroll-gallery .work-card{min-height:0;grid-template-rows:43% 57%}.scroll-gallery .work-copy{justify-content:flex-start;gap:12px;padding:20px}.scroll-gallery .work-copy h3{font-size:30px}.scroll-gallery .work-copy p{font-size:16px}.scroll-gallery .project-link{margin-top:auto}.services{padding-block:65px}.services>p,.section-deck{font-size:20px}.services-grid{grid-template-columns:1fr;gap:40px;margin-top:45px}.service h3{font-size:29px}.solutions{padding-block:70px;--stack-header:75px;--stack-step:10px;--stack-height:clamp(440px,calc(100svh - 75px - 4 * var(--stack-step) - 30px),640px);--stack-top:max(90px,calc((100svh - var(--stack-height) - 4 * var(--stack-step) + 75px) / 2))}.solutions-grid{gap:70px;padding-bottom:100px}.solution{padding:27px}.phase-top{align-items:flex-start}.phase-top small{font-size:12px;max-width:140px;text-align:right;line-height:1.5}.solution h3{font-size:clamp(42px,11vw,66px);margin-top:40px}.solution-bottom{font-size:22px;gap:20px}.solution-bottom b{width:35px;height:35px;font-size:24px}.studio{grid-template-columns:1fr;gap:35px;padding-block:40px 70px}.studio p{font-size:20px}.studio-points p{font-size:17px}.clients-top{flex-direction:column;gap:20px}.client-list{gap:25px;font-size:17px}.contact{flex-direction:column;align-items:flex-start;gap:35px;padding-block:65px}.contact p{font-size:20px}.footer-main,.footer-bottom{flex-direction:column;gap:25px}.footer-links{gap:15px}.dialog{padding:55px 25px 30px}.dialog h2{font-size:40px}.dialog p{font-size:18px}.contact-form,.gallery-list{grid-template-columns:1fr}}
@media(max-height:620px){.solution-stack-item{position:relative;top:auto}.solution{height:auto;min-height:360px;transform:none!important;filter:none!important}.solution::after{display:none}.solution-bottom{margin-top:35px}.solutions-grid{gap:18px;padding-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.solution{transform:none!important;filter:none!important}.scroll-gallery .work-track{will-change:auto}}

/* V6 — Logo actualizado y composición de portada de la versión 1. */
.header{border-bottom:1px solid #eee8f0;background:#ffffffed}.brand{width:156px;height:50px;display:flex;align-items:center}.brand img{width:100%;height:auto;max-height:48px;object-fit:contain}.header nav a:hover{color:var(--plum)}h2{color:var(--plum)}.work-copy h3,.service h3,.solution h3{color:var(--plum)}.work-copy small,.phase-top small{color:#6f5b74}.number{color:var(--pink)}.services,.contact{background:var(--surface)}.solution{background:#f8f6f9;border-color:var(--line)}.video-cover{background:#f4eef6;color:var(--plum)}.play-symbol{background:var(--plum);color:white}.project-link b,.solution-bottom b{color:var(--plum);border-color:#d8c9dc}.footer{background:#fff}.footer .brand{width:180px}.notes-button{color:#69556e}.hero-v1{position:relative;display:block;height:max(760px,100svh);min-height:760px;padding:0;overflow:hidden;background:#fff}.hero-mark{position:absolute;top:16%;left:50%;transform:translateX(-50%);width:min(62vw,750px);text-align:right;pointer-events:none}.hero-mark img{width:100%;height:auto}.hero-mark>span{display:block;margin-top:12px;font-size:clamp(14px,1.8vw,25px);letter-spacing:.35em;color:var(--plum);padding-right:1%}.hero-text{position:absolute;left:var(--space);bottom:54px;right:var(--space)}.hero-v1 h1{font-size:clamp(125px,16vw,220px);font-weight:600;letter-spacing:-.075em;line-height:.85;color:var(--plum);margin:0}.hero-v1 p{font-size:clamp(25px,3vw,44px);font-weight:500;line-height:1.08;color:var(--ink);max-width:650px;margin-top:28px}.scroll-cue{position:absolute;right:var(--space);bottom:58px;display:flex;align-items:center;gap:24px;font-size:15px;letter-spacing:0;color:var(--plum);border-bottom:1px solid #d2bed6;padding-bottom:12px}.scroll-cue>span:last-child{font-size:28px;color:var(--pink)}.scroll-cue:hover{border-color:var(--pink)}
@media(min-width:801px) and (max-height:800px){.hero-v1{height:800px}.hero-mark{top:16%;width:min(60vw,750px)}}
@media(max-width:800px){.brand{width:126px;height:42px}.hero-v1{height:max(720px,100svh);min-height:720px;padding:0}.hero-mark{top:27%;width:86vw}.hero-mark>span{font-size:14px;margin-top:12px}.hero-text{bottom:118px}.hero-v1 h1{font-size:clamp(115px,27vw,195px)}.hero-v1 p{font-size:clamp(24px,6.1vw,34px);margin-top:24px;max-width:100%}.scroll-cue{left:var(--space);right:var(--space);bottom:35px;justify-content:space-between;font-size:14px}.footer .brand{width:150px}}

/* V6: fuentes PNG directas, muestras restauradas y fondo original. */
.brand{position:relative;overflow:hidden;display:block;width:156px;height:49px;flex-shrink:0}.brand img{position:absolute;width:114.45%;max-width:none;max-height:none;height:auto;left:-9.45%;top:-98.2%;object-fit:initial}.footer .brand{height:56px}.hero-background{position:absolute;inset:88px 0 0;width:100%;height:calc(100% - 88px);object-fit:cover;object-position:center;pointer-events:none}.hero-mark{top:15%;left:var(--space);transform:none;width:clamp(180px,20vw,300px);text-align:left;z-index:1;mix-blend-mode:multiply}.logo-crop{width:100%;aspect-ratio:180/56;position:relative;overflow:hidden}.hero-mark .logo-crop img{position:absolute;left:-9.45%;top:-98.2%;width:114.45%;max-width:none;height:auto}.hero-mark>span{font-size:13px;letter-spacing:.32em;margin-top:13px;padding-left:2px}.hero-text{z-index:1;right:auto;width:min(780px,65vw)}.hero-v1 p{max-width:700px;font-size:clamp(25px,2.8vw,42px);line-height:1.12;text-wrap:balance}.scroll-cue{z-index:2;background:#ffffffb8;padding:12px 16px;backdrop-filter:blur(8px);border-radius:4px;border-bottom:1px solid #d2bed6}.hero-v1{background:white}.project-image{opacity:1;visibility:visible}.molar-image{object-position:bottom}
@media(max-width:800px){.brand{width:126px;height:39px}.footer .brand{width:150px;height:47px}.hero-background{inset:75px 0 0;height:calc(100% - 75px);object-position:62% center}.hero-mark{top:17%;left:var(--space);width:190px;transform:none}.hero-mark>span{font-size:12px}.hero-text{width:calc(100% - 2 * var(--space));bottom:130px}.hero-v1 p{font-size:27px;max-width:440px}.hero-v1::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#ffffffed 80%);pointer-events:none}.hero-text,.scroll-cue{z-index:2}.hero-mark{z-index:2}}

/* V7: portada viva y transición por superposición con scroll nativo. */
.opening-stage{position:relative;isolation:isolate}.opening-stage>.hero{position:sticky;top:0;z-index:0}.opening-stage>.intro{position:relative;z-index:3;background:#fff;min-height:82svh;align-content:center;margin-top:-1px;border-radius:36px 36px 0 0;box-shadow:0 -24px 65px #541b5c12;padding-block:130px;scroll-margin-top:88px}.hero-art{position:absolute;inset:68px -22px -22px;transform:translate3d(0,0,0) scale(1);transform-origin:65% 45%;will-change:transform;pointer-events:none}.hero-art .hero-background{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:65% 45%;animation:pixelate-breathe 18s ease-in-out infinite alternate;will-change:transform}.hero-text{will-change:transform,opacity}.motion-toggle{position:absolute;right:var(--space);top:118px;z-index:4;display:inline-flex;gap:9px;align-items:center;padding:10px 15px;border:1px solid #541b5c25;background:#ffffffcf;backdrop-filter:blur(10px);border-radius:100px;color:var(--plum);font-size:12px;letter-spacing:0}.motion-toggle:hover{border-color:var(--plum);background:white}.motion-toggle span{font-size:16px}.hero-motion-off .hero-background,.hero-outside .hero-background{animation-play-state:paused}.hero-motion-off .hero-art{transform:none!important}.hero-motion-off .hero-background{animation:none;transform:scale(1.035)}
@keyframes pixelate-breathe{0%{transform:translate3d(-7px,5px,0) scale(1.035) rotate(-.25deg)}100%{transform:translate3d(7px,-5px,0) scale(1.075) rotate(.25deg)}}
@media(max-width:800px){.hero-art{inset:57px -15px -15px}.hero-art .hero-background{object-position:62% center}.motion-toggle{top:96px;font-size:11px;padding:9px 12px}.opening-stage>.intro{min-height:85svh;border-radius:26px 26px 0 0;padding-block:85px;scroll-margin-top:75px}.hero-v1::after{z-index:1}}
@media(prefers-reduced-motion:reduce){.opening-stage>.hero{position:relative}.hero-art,.hero-text{transform:none!important;will-change:auto}.hero-art .hero-background{animation:none;transform:none;will-change:auto}.motion-toggle{display:none}.opening-stage>.intro{border-radius:0;box-shadow:none}.hero-text{opacity:1!important}}

/* V9: escala editorial de V1, frase fija y párrafo debajo. */
.opening-stage>.intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;min-height:max(850px,100svh);padding-top:110px;padding-bottom:100px;padding-inline:clamp(22px,3vw,60px)}.opening-stage>.intro h2{max-width:1450px;width:100%;font-size:clamp(56px,9.7vw,150px);font-weight:600;line-height:.98;letter-spacing:-.075em;color:#222}.opening-stage>.intro h2 em{color:var(--pink);font-style:normal}.opening-stage>.intro p{font-size:clamp(21px,2vw,30px);line-height:1.45;letter-spacing:-.025em;color:#655e68;max-width:950px;margin-top:clamp(35px,4vw,65px)}
@media(max-width:800px){.opening-stage>.intro{min-height:85svh;padding-top:95px;padding-bottom:80px}.opening-stage>.intro h2{font-size:clamp(52px,10vw,80px);line-height:1;letter-spacing:-.065em}.opening-stage>.intro p{font-size:20px;line-height:1.5;margin-top:35px}}
@media(max-width:420px){.opening-stage>.intro h2{font-size:clamp(43px,12vw,52px)}.opening-stage>.intro p{font-size:19px}}
@media(max-height:620px){.opening-stage>.intro{min-height:0;padding-block:85px}.opening-stage>.intro h2{font-size:clamp(56px,8vw,115px)}}

/* V10: proporción del bloque editorial y cambio cromático del portfolio. */
.opening-stage>.intro{min-height:max(650px,80svh);justify-content:center;padding-top:75px;padding-bottom:75px}.opening-stage>.intro h2{color:var(--plum)}.opening-stage>.intro p{margin-top:clamp(30px,3vw,45px)}
.work{--work-bg:#fff;--work-text:#541b5c;--work-muted:#655e68;--work-card:#f6f3f7;--work-cover:#f4eef6;--work-border:#e5dee7;background:var(--work-bg);color:var(--work-text)}.work.scroll-gallery .work-pin{background:var(--work-bg)}.work h2,.work .work-copy h3{color:var(--work-text)}.work h2 em{font-style:normal;color:var(--pink)}.work .work-subtitle{color:var(--work-muted);max-width:1250px;font-size:clamp(16px,1.4vw,21px);line-height:1.45}.work .work-card{background:var(--work-card);border-color:var(--work-border);color:var(--work-text)}.work .work-copy p,.work .work-copy small{color:var(--work-muted)}.work .video-cover{background:var(--work-cover);color:var(--work-text)}.work .play-symbol{background:var(--work-text);color:var(--work-cover)}.work .project-link{border-color:var(--work-border)}.work .project-link b{color:var(--pink)}.work .carousel-tools button{background:transparent;color:var(--work-text);border-color:var(--work-border)}.work .carousel-tools button:hover:not(:disabled){background:#ffffff18}.work .count{color:var(--work-text)}
@media(max-width:800px){.opening-stage>.intro{min-height:0;padding-top:90px;padding-bottom:75px}.opening-stage>.intro p{margin-top:30px}.work .work-subtitle{font-size:15px;line-height:1.4}.scroll-gallery .work-copy{gap:10px}.scroll-gallery .work-copy h3{font-size:clamp(24px,6.8vw,30px)}}
@media(max-height:620px){.opening-stage>.intro{min-height:0;padding-block:65px}}

/* V12: cuatro áreas que emergen y se distribuyen con el scroll. */
.capabilities{padding:0;background:#f8f6f9;position:relative}.capabilities-pin{padding-block:95px 75px;position:relative;overflow:hidden}.capabilities-heading h2{font-size:clamp(58px,7vw,110px);line-height:1;color:var(--plum)}.capabilities-heading h2 em{font-style:normal;color:var(--pink)}.capabilities-heading>p{font-size:clamp(19px,1.5vw,25px);line-height:1.4;max-width:900px;margin-top:24px;color:#655e68}.capabilities-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:65px var(--space) 0}.capability-card{background:#fff;border:1px solid #e5dce8;border-radius:22px;padding:clamp(24px,2.2vw,40px);display:flex;flex-direction:column;min-height:470px;box-shadow:0 14px 35px #541b5c0c;color:var(--plum)}.capability-card:nth-child(2){background:#f0e9f3}.capability-card:nth-child(3){background:#fff0f8}.capability-card:nth-child(4){background:#ece5f0}.capability-number{font-size:14px;letter-spacing:.08em;color:var(--pink);margin-bottom:25px}.capability-card h3{font-size:clamp(28px,2.6vw,42px);line-height:1.04;letter-spacing:-.055em;font-weight:600;overflow-wrap:normal}.capability-body{margin-top:auto;padding-top:35px}.capability-body h4{font-size:clamp(17px,1.3vw,21px);line-height:1.3;letter-spacing:-.025em;margin:0 0 16px}.capability-body p{font-size:clamp(15px,1.05vw,18px);line-height:1.45;letter-spacing:-.01em;color:#655e68}.capabilities.services-reveal{height:var(--capabilities-height);padding:0}.services-reveal .capabilities-pin{position:sticky;top:0;height:100svh;padding-top:115px;padding-bottom:0}.services-reveal .capabilities-deck{position:absolute;inset:0;display:block;padding:0;pointer-events:none}.services-reveal .capability-card{position:absolute;top:0;left:0;margin:0;min-height:0;height:var(--capability-height);width:var(--capability-width);pointer-events:auto;will-change:transform;transform-origin:50% 80%;box-shadow:0 20px 50px #541b5c18}
@media(max-width:1099px){.capabilities-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card{min-height:420px}.capability-card h3{font-size:36px}.services-reveal .capabilities-heading h2{font-size:clamp(48px,7vw,80px)}.services-reveal .capabilities-heading>p{font-size:18px;max-width:740px}.services-reveal .capability-card{padding:30px}.services-reveal .capability-card h3{font-size:38px}.services-reveal .capability-body p{font-size:18px}}
@media(max-width:600px){.capabilities-pin{padding-block:75px 60px}.capabilities-heading h2{font-size:50px}.capabilities-heading>p{font-size:18px}.capabilities-deck{grid-template-columns:1fr;padding-top:35px}.capability-card{min-height:390px}.capability-card h3{font-size:35px}.capability-body p{font-size:17px}.services-reveal .capabilities-pin{padding-top:100px}.services-reveal .capabilities-heading>p{font-size:16px;margin-top:18px}.services-reveal .capability-card{padding:25px}.services-reveal .capability-card h3{font-size:34px}.services-reveal .capability-number{margin-bottom:20px}.services-reveal .capability-body{padding-top:24px}.services-reveal .capability-body p{font-size:16px}.services-reveal .capability-body h4{font-size:18px}}
@media(prefers-reduced-motion:reduce){.capability-card{will-change:auto!important;transform:none!important}}

/* V13: el texto alcanza el centro antes de comenzar la secuencia de tarjetas. */
.services-reveal .capabilities-heading{position:relative;z-index:0;will-change:transform}.services-reveal .capabilities-deck{z-index:1}
@media(prefers-reduced-motion:reduce){.capabilities-heading{transform:none!important;will-change:auto!important}}

/* V14: contraste localizado y abanico central con solapamiento. */
.capabilities{transition:background-color .45s ease}
.capabilities.capabilities-dark{background:#38143f}
.capabilities-dark .capabilities-heading h2{color:#fff}
.capabilities-dark .capabilities-heading>p{color:#f0e7f2}
.services-reveal .capability-card{border-color:transparent;box-shadow:0 20px 55px #16091b35}
.services-reveal .capability-card{z-index:calc(var(--card-index) + 1)}
.services-reveal .capability-card:focus-visible{outline:3px solid var(--pink);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.capabilities{transition:none}}

/* V15: continuidad cromática entre capacidades y metodología. */
.solutions{background:var(--method-bg,#fff)}
.solutions>h2{color:var(--method-title,var(--plum))}
.solutions>.section-deck{color:var(--method-copy,#666)}

/* V16: contacto visible y jerarquía numérica estable en las tarjetas. */
.footer-main{display:grid;grid-template-columns:180px minmax(200px,1fr) minmax(240px,auto);align-items:start;gap:clamp(30px,5vw,90px)}
.footer-links{align-content:start;padding-top:8px;line-height:1.6}
.footer-contact{font-style:normal;display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;color:var(--plum)}
.footer-contact-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#655e68;margin-bottom:2px}
.footer-contact a{text-decoration:none;overflow-wrap:anywhere}
.footer-contact a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--pink)}
.footer-contact a:focus-visible{outline:2px solid var(--pink);outline-offset:5px}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr}.footer-main>.brand{grid-column:1/-1}}
@media(max-width:600px){.footer-main{grid-template-columns:1fr;gap:28px}.footer-contact{font-size:16px}}

/* V17: palabras destacadas y logos originales sobre una franja de contraste. */
.solutions>h2 em,.studio h2 em{font-style:normal;color:var(--pink)}
.client-list.client-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 40px;margin-top:45px;padding:48px 40px;background:var(--plum);border-radius:22px}
.client-logo{display:flex;align-items:center;justify-content:center;min-height:100px}
.client-logo img{display:block;width:100%;max-width:225px;height:95px;object-fit:contain}
.client-logo img[hidden],.client-logo-fallback[hidden]{display:none}
.client-list .client-logo-fallback{color:#fff;font-size:22px;text-align:center;letter-spacing:-.03em;line-height:1.2}
@media(max-width:900px){.client-list.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding:35px 28px}}
@media(max-width:480px){.client-list.client-logos{gap:18px;padding:28px 18px}.client-logo{min-height:80px}.client-logo img{height:75px}.client-list .client-logo-fallback{font-size:17px}}

/* V18: sección morada completa y una sola fila de logos en movimiento continuo. */
.clients{background:var(--plum);color:#fff;border-top:0;padding-block:75px 45px;overflow:hidden}
.clients h2,.clients p{color:#fff}
.client-list.client-logos{display:block;grid-template-columns:none;padding:0;margin-top:50px;background:transparent;border-radius:0;overflow:hidden;gap:0}
.client-logo-track{display:flex;width:max-content;animation:client-logo-slide 38s linear infinite;will-change:transform}
.client-logo-group{display:flex;flex:none;align-items:center;gap:60px;padding-right:60px}
.client-logo-group .client-logo{flex:0 0 240px;width:240px;min-height:120px}
.client-logo-group .client-logo img{width:240px;max-width:240px;height:115px;object-fit:contain}
.client-list.client-logos:hover .client-logo-track,.client-list.client-logos:focus-within .client-logo-track,.clients.logos-paused .client-logo-track{animation-play-state:paused}
.client-carousel-controls{display:flex;justify-content:flex-end;margin-top:22px}
.client-carousel-pause{font:inherit;font-size:13px;letter-spacing:0;color:#fff;background:transparent;border:1px solid #ffffff65;border-radius:30px;padding:8px 18px;cursor:pointer}
.client-carousel-pause:hover{background:#ffffff15}.client-carousel-pause:focus-visible{outline:2px solid #fff;outline-offset:4px}
@keyframes client-logo-slide{to{transform:translateX(-50%)}}
@media(max-width:600px){.clients{padding-block:55px 35px}.client-list.client-logos{padding:0;margin-top:35px}.client-logo-group{gap:35px;padding-right:35px}.client-logo-group .client-logo{width:180px;flex-basis:180px;min-height:95px}.client-logo-group .client-logo img{width:180px;max-width:180px;height:90px}}
@media(prefers-reduced-motion:reduce){.client-logo-track{animation:none;transform:none;will-change:auto}.client-list.client-logos{overflow-x:auto}.client-logo-group[aria-hidden="true"],.client-carousel-controls{display:none}}

/* V23: base V18, páginas institucionales y logo SVG original sin recorte. */
.brand img{position:static;width:100%;height:100%;max-width:100%;max-height:100%;left:auto;top:auto;object-fit:contain}
.header nav{gap:22px;font-size:14px;white-space:nowrap}
.institutional-pages{--section-title:clamp(56px,8.3vw,144px);--section-lead:clamp(22px,2.4vw,36px)}
[hidden]{display:none!important}
.institutional-pages{padding-top:155px;padding-bottom:100px;min-height:75svh;background:#fff}
.institutional-back{display:inline-block;font-size:16px;margin-bottom:45px;color:var(--plum)}
.institutional-page h1{font-size:var(--section-title);font-weight:600;line-height:1;letter-spacing:-.06em;color:var(--plum);max-width:1250px;margin:0}
.institutional-page h1 em{font-style:normal;color:var(--pink)}
.institutional-lead,.ethics-content>p{font-size:var(--section-lead);line-height:1.3;letter-spacing:-.03em;max-width:1120px;margin:35px 0;color:#655e68}
.policy-content{max-width:1120px;margin-top:60px}
.policy-item{padding:30px 0;border-top:1px solid var(--line)}
.policy-item h2{font-size:clamp(27px,2.4vw,36px);line-height:1.15;letter-spacing:-.04em;margin-bottom:15px}
.policy-item p{font-size:clamp(19px,1.6vw,24px);line-height:1.5;letter-spacing:-.02em;color:#655e68;max-width:1000px}
.ethics-content{margin-top:45px}.institutional-document{display:inline-flex;align-items:center;gap:25px;white-space:normal;margin-top:15px;line-height:1.4;text-align:left}
.header nav a[aria-current="page"]{color:var(--pink)}

@media(max-width:1240px){.header nav{display:none}.menu-toggle{display:block}}
@media(max-width:900px){.institutional-pages{--section-title:clamp(52px,9vw,80px);--section-lead:clamp(21px,3.3vw,27px);padding-top:125px}}
@media(max-width:600px){.institutional-pages{--section-title:clamp(44px,10.5vw,62px);--section-lead:clamp(20px,4.9vw,24px);padding-top:110px;padding-bottom:65px}.institutional-back{margin-bottom:30px}.policy-content{margin-top:40px}}

/* V24: página de proyectos con imágenes amplias y jerarquía editorial. */
.project-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 35px;margin-top:65px}
.project-case{display:flex;flex-direction:column;min-width:0;width:100%;border:0;background:transparent;padding:0;text-align:left;color:var(--plum);cursor:pointer;font:inherit;letter-spacing:inherit}
.project-case.project-video{grid-column:1/-1}
.project-case .project-media{width:100%;height:auto;aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--surface)}
.project-case.project-video .project-media{aspect-ratio:2.1/1}
.project-case .project-image{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform .5s ease}
.project-case .molar-image{object-fit:contain;object-position:center;background:#f3eff5}
.project-case:last-child .project-image{object-fit:contain;object-position:center;background:#eee8f0}
.project-case .video-cover{height:100%;min-height:0}
.project-case .work-copy{display:flex;flex-direction:column;gap:16px;padding:24px 0 0;justify-content:flex-start}
.project-case .work-copy small{font-size:12px;line-height:1.4;letter-spacing:.08em;color:#655e68}
.project-case .work-copy h3{font-size:clamp(30px,3.2vw,52px);line-height:1.05;letter-spacing:-.055em;max-width:1000px}
.project-case .work-copy p{font-size:clamp(18px,1.55vw,23px);line-height:1.4;letter-spacing:-.02em;max-width:950px;color:#655e68}
.project-case .project-link{align-self:flex-start;margin-top:8px}
.project-case:hover .project-image{transform:scale(1.025)}
.project-case:focus-visible{outline:3px solid var(--pink);outline-offset:8px;border-radius:18px}
.projects-closing{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:85px;padding-top:45px;border-top:1px solid var(--line)}
.projects-closing h2{font-size:clamp(30px,3.5vw,52px);max-width:850px}
@media(max-width:700px){.project-cases{grid-template-columns:1fr;gap:45px;margin-top:40px}.project-case.project-video .project-media{aspect-ratio:16/9}.projects-closing{flex-direction:column;align-items:flex-start;margin-top:60px}.project-case .work-copy h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.project-case .project-image{transition:none}.project-case:hover .project-image{transform:none}}

.dialog .project-full-image{width:100%;height:auto;max-height:none;object-fit:contain;margin-top:30px;border-radius:8px}

/* Project actions appear only over the cover, on hover or keyboard focus. */
.project-case .project-media{isolation:isolate}
.project-hover-link{position:absolute;inset:auto auto 24px 24px;z-index:2;display:inline-flex;align-items:center;gap:30px;background:#fff;color:var(--plum);border-radius:100px;padding:14px 22px;font-size:16px;letter-spacing:0;line-height:1.2;box-shadow:0 4px 20px #0002;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.project-hover-link span{font-size:23px;line-height:1;color:var(--pink)}
.project-case:hover .project-hover-link,.project-case:focus-visible .project-hover-link{opacity:1;transform:translateY(0)}
@media(hover:none),(pointer:coarse){.project-hover-link{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.project-hover-link{transition:none;transform:none}}

/* Repeated portfolio blocks: reveal each cover as it enters the viewport. */
.project-case.reveal-ready{opacity:0;transform:translateY(48px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.project-case.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.project-case.reveal-ready{opacity:1;transform:none;transition:none}}

:root{--pink:var(--wp--preset--color--magenta,#ed40a9);--plum:var(--wp--preset--color--morado,#541b5c)}
.wp-site-blocks{padding:0}.wp-site-blocks > *{margin-block-start:0}.wp-block-post-content{margin:0}.admin-bar .header{top:32px}.admin-bar .mobile-menu{top:120px}.project-case.project-video{grid-column:1/-1}.project-case.project-video .project-media{aspect-ratio:2.1/1}.project-case.project-video .project-image{object-fit:cover}.project-case.project-image-card .project-media{aspect-ratio:1}.dialog video{width:100%;max-height:65vh;margin-top:30px}.pixelate-general-content{padding:140px var(--space) 80px}.pixelate-general-content h1{margin-bottom:35px}.project-media:has(.video-cover){background:var(--surface)}@media(max-width:782px){.admin-bar .header{top:46px}.admin-bar .mobile-menu{top:134px}}