:root{--ink:#30253f;--purple:#3c2b57;--muted:#655e6b;--paper:#faf9f5;--lime:#e3f1a8;--line:#ddd9e0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8050c7;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(46px,5.7vw,82px);margin-bottom:28px}h2{font-size:clamp(34px,3.5vw,50px);margin-bottom:25px}h3{font-size:27px;margin-bottom:12px}p{margin-bottom:22px}li{margin-bottom:9px}ul{padding-left:20px}.wrap{width:min(1224px,calc(100% - 104px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:25px 52px;border-bottom:1px solid var(--line);gap:25px;background:var(--paper)}.brand{font-size:24px;font-weight:700;text-decoration:none;letter-spacing:-1.2px;white-space:nowrap}.brand span{color:#6c4a91;margin-left:10px;font-size:29px}.header nav{display:flex;align-items:center;gap:32px}.header nav a{text-decoration:none;font-size:14px;padding:9px 0}.header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.header nav .nav-cta{background:var(--purple);color:white;border-radius:6px;padding:12px 21px}.menu{display:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;margin-bottom:24px;line-height:1.5}.emphasis{font-family:inherit;font-style:italic;font-weight:400}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding-block:67px 72px;align-items:center}.hero-copy>p:not(.eyebrow){max-width:470px;color:var(--muted);font-size:17px;line-height:1.7}.status-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#608038;margin-right:8px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;min-height:48px;padding:14px 23px;border:1px solid var(--purple);background:var(--purple);color:white;border-radius:5px;text-decoration:none;font-size:13px;font-weight:600;line-height:1.5}.button span{font-size:20px}.button.secondary{color:var(--ink);background:transparent;border-color:#b8b2bf}.button:hover,.nav-cta:hover{background:#594373;color:white}.hero-art{background:#e9e4ee;position:relative;padding:28px 29px 24px;border-radius:3px;overflow:hidden;min-height:550px}.art-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;font-weight:bold;margin-bottom:25px}.browser{width:81%;margin:0 auto;box-shadow:0 15px 35px #3b244a26;transform:rotate(-5deg);height:390px;overflow:hidden;background:white;border-radius:7px}.browser-top{height:24px;display:flex;align-items:center;gap:3px;background:#fff;padding:0 8px}.browser-top i{height:4px;width:4px;border-radius:50%;background:#b6b1ba}.browser-top span{font-size:6px;margin:auto}.browser img{width:100%}.note{position:absolute;right:9px;bottom:93px;transform:rotate(5deg);background:var(--lime);display:flex;align-items:center;gap:15px;padding:17px 22px;box-shadow:2px 8px 17px #30253f16}.note>span{font-size:42px}.note p{font-size:13px;margin:0;line-height:1.6}.art-link{display:flex;justify-content:space-between;margin-top:32px;font-size:12px;text-decoration:none}.ticker{background:var(--purple);color:white;display:flex;align-items:center;justify-content:space-evenly;gap:24px;padding:22px 30px;font-size:11px;letter-spacing:2px}.ticker b{color:var(--lime);font-size:20px}.section{padding-block:90px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px;gap:25px}.section-top h2{margin:0}.text-link{text-decoration:none;border-bottom:1px solid var(--ink);padding-block:9px;font-size:13px;white-space:nowrap}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project{text-decoration:none;display:block}.project-image{height:355px;position:relative;overflow:hidden;border-radius:3px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project:hover img{transform:scale(1.025)}.image-tag{position:absolute;top:18px;left:18px;background:var(--paper);padding:7px 11px;font-size:9px;letter-spacing:1px;font-weight:600;border-radius:2px}.project-line{display:flex;justify-content:space-between;gap:15px;padding-top:23px}.project-line .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:10px}.project-line h3{font-size:28px}.project-line p:last-child{font-size:14px;color:var(--muted)}.circle{border:1px solid #bcb6c5;display:grid;place-items:center;border-radius:50%;width:40px;height:40px;flex-shrink:0;margin-top:15px}.shubox-art{background:#e9e7e0;display:flex;align-items:center;justify-content:center}.shubox-art strong{font-size:clamp(35px,5vw,75px);font-weight:900;font-style:italic;letter-spacing:-5px;transform:rotate(-6deg);border-bottom:12px solid #d57d40;line-height:1.1}.shubox-art strong span{font-size:12px;letter-spacing:8px;display:block;text-align:center;font-style:normal;padding:12px}.art-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.service-band{background:var(--purple);color:var(--paper)}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:75px}.service-layout>div>p:last-child{max-width:400px;color:#e0d8e8}.service-list article{display:flex;gap:25px;border-top:1px solid #6b5b80;padding:24px 0 0}.service-list article>span{font-size:11px;color:var(--lime)}.service-list h3{font-size:25px}.service-list p{font-size:14px;color:#e0d8e8}.about-teaser{padding-block:90px;text-align:center}.about-teaser h2{font-size:clamp(32px,3vw,43px);line-height:1.3}.about-teaser>p:last-child{max-width:750px;margin-inline:auto}.cta{background:var(--lime);padding:47px 52px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:3px;margin-bottom:75px}.cta h2{font-size:48px}.cta p:last-child{margin-bottom:0;font-size:14px}.cta .eyebrow{font-size:10px}.cta .button{flex-shrink:0}footer{border-top:1px solid var(--line);padding-block:35px;display:grid;grid-template-columns:1fr auto;gap:12px}footer p,footer>a:not(.brand),footer small{font-size:12px;color:var(--muted);margin:0}footer .brand{grid-row:1}footer>p{grid-column:1}footer>a:not(.brand){grid-row:1;grid-column:2;align-self:center}footer small{grid-column:2;grid-row:2}.page-head{padding-block:74px 50px}.page-head h1{font-size:clamp(43px,5vw,70px)}.intro{max-width:750px;font-size:18px;color:var(--muted)}.service-band .intro{color:#e5ddec}.no-top{padding-top:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filters button{border:1px solid #b8b1c0;border-radius:30px;background:transparent;padding:10px 20px;color:var(--ink);font-size:13px;min-height:44px}.filters button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:white}.principle{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;padding:50px 0 80px;border-top:1px solid var(--line)}.principle .eyebrow{grid-column:1/-1}.principle h2{grid-row:2/4}.case-meta{display:flex;gap:80px;border-block:1px solid var(--line);padding-block:22px;margin-bottom:42px}.case-meta p{font-size:13px;margin:0}.case-meta b{display:block;margin-bottom:7px;font-size:10px;text-transform:uppercase;letter-spacing:1.3px}.wide-image img{width:100%;height:480px;object-fit:cover;object-position:center 45%}figcaption{font-size:12px;color:var(--muted);margin-top:12px}.case-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:75px;border-bottom:1px solid var(--line)}.case-section h2{font-size:40px}.learning{background:#eeebf2;padding:20px;font-size:14px;border-left:3px solid #74568c;margin-top:25px}.case-feature{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:center;padding-block:70px}.case-feature img{max-height:600px;margin:auto}.dashboard{padding:30px;background:#eeebf2}.dashboard img{width:100%}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.three-col article{border-top:1px solid #b7afbf;padding-top:25px}.three-col p{color:var(--muted);font-size:15px}.step{font-size:13px;display:block;margin-bottom:25px}.three-col h3{font-size:24px}details{border-bottom:1px solid #c6bfcc;padding:22px 0}summary{cursor:pointer;font-size:17px;font-weight:500;min-height:30px}details p{max-width:850px;margin:22px 0 0;font-size:15px}.shubox-banner{background:#e9e7e0;padding:70px 50px;display:flex;flex-direction:column;align-items:center}.shubox-banner strong{font-size:clamp(60px,12vw,140px);font-weight:900;letter-spacing:-8px;font-style:italic;line-height:1.3}.shubox-banner span{font-size:11px;letter-spacing:2px}.tasks{padding-block:65px}.tasks h2{font-size:27px}.tasks li{font-size:15px}.about-layout{display:grid;grid-template-columns:.8fr 1fr;gap:85px;align-items:center;padding-block:10px 50px}.voice-art{background:var(--purple);color:white;padding:40px;min-height:430px;display:flex;flex-direction:column;justify-content:space-between}.voice-art>span{font-size:48px;line-height:1.1;letter-spacing:-2px}.voice-art p{font-size:12px;letter-spacing:2px;margin:0}.wave{font-size:31px;white-space:nowrap;color:var(--lime)}.timeline article{display:grid;grid-template-columns:180px 1fr;gap:35px;padding:30px 0;border-top:1px solid var(--line)}.timeline article>span{font-size:12px}.timeline h3{font-size:25px;letter-spacing:-.6px}.timeline p{font-size:15px;margin-bottom:9px}.pill{color:#364616;font-weight:700}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-bottom:70px;align-items:center}.contact-card{background:var(--lime);padding:40px}.contact-card h2,.contact-side h2{font-size:34px}.small{font-size:12px;margin-top:20px;margin-bottom:0}.message-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-block:55px}.message-section h2{font-size:34px}blockquote{margin:0 0 20px;padding:23px;background:#eeeaf2;font-size:17px}.somalina{text-align:center;background:var(--purple);color:white;padding:65px 35px}.somalina h2{font-size:clamp(55px,9vw,115px);letter-spacing:-6px}.somalina-ending{font-style:italic}.somalina .button{background:var(--lime);color:var(--ink)}.faq h2{font-size:35px}.skip{position:absolute;top:-100px;left:20px;z-index:10;padding:15px;background:var(--lime)}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(min-width:1500px){.header{padding-inline:calc((100vw - 1224px)/2)}}@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.header{padding-inline:30px}.header nav{gap:20px}.hero{gap:30px}.hero-art{min-height:490px;padding-inline:20px}.browser{height:340px;width:90%}.hero h1{font-size:57px}.hero .eyebrow{font-size:9px}.actions .button{padding:12px 16px;gap:10px}.service-layout,.case-section,.about-layout,.case-feature{gap:40px}.project-image{height:300px}.cta{padding:40px 30px}.cta h2{font-size:40px}.contact-grid{gap:30px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{padding:18px 20px;position:relative;flex-wrap:wrap}.brand{font-size:22px}.menu{display:flex;gap:12px;align-items:center;background:none;border:1px solid #b8b1c0;border-radius:4px;padding:8px 12px;min-height:44px;color:var(--ink)}.header nav{display:none;flex-direction:column;width:100%;align-items:stretch;gap:4px;padding-top:10px}.header nav.open{display:flex}.header nav a{padding:12px}.hero{grid-template-columns:1fr;padding-block:40px;gap:35px}.hero h1{font-size:58px}.hero-art{min-height:500px;max-width:460px;width:100%;margin:auto}.browser{width:78%;height:360px}.hero-copy>p:not(.eyebrow){font-size:16px}.ticker{flex-wrap:wrap;gap:12px 20px;font-size:9px;padding:18px}.ticker b{display:none}.section{padding-block:55px}.section-top{align-items:start;flex-direction:column;gap:15px}.projects-grid,.service-layout,.case-section,.case-feature,.three-col,.about-layout,.contact-grid,.message-section{grid-template-columns:1fr;gap:30px}.project-image{height:330px}.service-layout{padding-block:50px}.about-teaser{padding-block:55px;text-align:left}.about-teaser h2{font-size:32px}.cta{display:block;padding:30px 24px;margin-bottom:45px}.cta h2{font-size:40px}.cta .button{margin-top:25px;font-size:12px;gap:14px}footer{grid-template-columns:1fr;gap:16px}footer>a:not(.brand),footer small,footer p{grid-column:1;grid-row:auto}.page-head{padding-block:45px 25px}.page-head h1{font-size:46px}.intro{font-size:16px}.principle{grid-template-columns:1fr;padding-block:35px;gap:0}.principle h2{grid-row:auto}.case-meta{gap:20px;flex-wrap:wrap}.case-meta p{flex:1;min-width:120px}.wide-image img{height:290px}.case-section{padding-block:40px}.case-section h2{font-size:34px}.case-feature{padding-block:40px}.case-feature img{max-height:450px}.dashboard{padding:12px}.tasks{padding-block:35px}.shubox-banner{padding:40px 18px}.shubox-banner strong{letter-spacing:-5px}.shubox-banner span{font-size:9px;letter-spacing:1px}.voice-art{min-height:370px}.timeline article{grid-template-columns:1fr;gap:12px}.timeline h3{font-size:23px}.contact-card{padding:30px 24px}.contact-grid{margin-bottom:35px}.message-section{padding-block:35px}.somalina{padding:45px 20px}.somalina h2{letter-spacing:-4px}.no-top{padding-top:0}.three-col{gap:24px}.shubox-art strong{font-size:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Logo original facilitado por Sofía. */
.shubox-art,.shubox-banner{background:#fff}.shubox-art img.shubox-logo,.shubox-banner img.shubox-logo{width:min(370px,85%);height:auto;object-fit:contain;transform:none;transition:none}.shubox-banner img.shubox-logo{margin-bottom:28px}

.contact-actions{margin-top:24px;gap:12px}.contact-actions .button{flex:1 1 210px}.contact-card .small{max-width:48ch}
/* Portfolio: retrato, muestras de trabajo y evidencia de Instagram. */
.shubox-work-preview{background:#f0eae1;isolation:isolate;display:flex;align-items:center;padding:30px;gap:12px}.shubox-work-preview .image-tag{z-index:3}.shubox-preview-copy{width:48%;z-index:2;margin-top:12px}.project-image .shubox-card-logo{width:100%;height:auto;object-fit:contain;margin-bottom:18px;mix-blend-mode:multiply}.shubox-preview-copy>span{font-size:clamp(18px,2.2vw,30px);line-height:1.2;letter-spacing:-.8px;display:block}.project-image img.shubox-preview-feed{position:absolute;right:7%;top:30px;width:39%;height:auto;object-fit:contain;transform:rotate(7deg);border:5px solid white;border-radius:15px;box-shadow:0 10px 28px #44322824}.project:hover .shubox-preview-feed{transform:rotate(5deg)}.shubox-work-preview .art-bottom{z-index:3;background:#f0eae1eF;padding:8px;bottom:10px;left:15px;right:15px}.shubox-showcase{background:#efeae3;display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;padding:42px;margin-block:12px 25px;border-radius:4px;align-items:center}.showcase-logo{width:190px;mix-blend-mode:multiply;margin-bottom:30px}.showcase-copy h2{font-size:clamp(28px,2.5vw,38px);line-height:1.12}.showcase-copy>p{font-size:15px}.showcase-copy .small{font-size:12px;color:var(--muted)}.showcase-phones{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.evidence-card{margin:0;min-width:0}.showcase-phones .evidence-card:nth-child(2){padding-top:35px}.media-zoom{display:block;position:relative;text-decoration:none;border-radius:5px;overflow:hidden;background:#f2f0f4}.showcase-phones .media-zoom{border:5px solid white;border-radius:15px;box-shadow:0 14px 25px #44322815}.media-zoom img{width:100%;height:auto;object-fit:contain}.zoom-label{position:absolute;bottom:10px;right:10px;border:1px solid #d7d1dd;background:var(--paper);color:var(--ink);font-size:11px;padding:7px 11px;border-radius:3px;font-weight:bold;line-height:1.4}.media-zoom:hover .zoom-label{background:var(--purple);color:white}.showcase-phones figcaption{font-size:11px;line-height:1.45;padding-inline:3px}.shubox-metrics{padding-block:65px;background:#efebf3;margin-block:15px 70px}.shubox-metrics h2{margin:0}.metrics-context{max-width:320px;margin:0;color:var(--muted);font-size:15px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:38px 0 20px}.metric-grid>div{border-top:1px solid #c1b6cb;padding-top:18px}.metric-grid dt{font-size:12px;line-height:1.5;min-height:38px}.metric-grid dd{font-size:clamp(38px,4.3vw,60px);line-height:1.1;letter-spacing:-2px;margin:12px 0}.metric-grid dd span{font-size:13px;color:var(--muted);margin:10px 0 0;display:block;line-height:1.5;letter-spacing:0}.metrics-source{font-size:12px;color:var(--muted);max-width:760px}.evidence-details{margin-top:10px}.evidence-details summary{font-size:15px}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.evidence-grid .media-zoom{background:white;padding:12px}.evidence-grid img{height:320px;width:100%;object-fit:contain}.evidence-grid figcaption{font-size:12px;line-height:1.4}.portrait-panel{margin:0;background:#eee6ed;padding:27px 30px 30px;min-width:0;border-radius:3px}.portrait-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;font-weight:bold;margin-bottom:20px}.portrait-label>span:last-child{font-size:26px;line-height:1}.portrait-panel>img{width:min(100%,280px);height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto;border-radius:4px}.portrait-panel figcaption{margin-top:23px;color:var(--ink);text-align:center}.portrait-panel strong{font-size:27px;display:block;font-weight:500;letter-spacing:-1px;line-height:1.2;margin-bottom:9px}.portrait-panel figcaption span,.portrait-panel figcaption small{display:block;font-size:12px;line-height:1.6}.portrait-panel figcaption small{font-size:11px;margin-top:8px;color:var(--muted)}.teaser-portrait{width:112px;height:112px;object-fit:cover;border-radius:50%;margin:0 auto 24px}.somalina-work{border-top:1px solid var(--line);padding-top:65px}.somalina-work .section-top{align-items:center}.somalina-intro{max-width:820px;color:var(--muted);font-size:17px}.somalina-video-layout{display:grid;grid-template-columns:1fr .8fr;gap:80px;padding-block:30px 65px;align-items:center}.video-description h3{font-size:clamp(30px,3.4vw,46px);line-height:1.1;margin-bottom:25px}.video-description .small{font-size:13px;color:var(--muted);line-height:1.7}.video-piece{margin:0 auto;width:100%;max-width:300px}.video-piece video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#24202a;border-radius:7px}.video-piece figcaption{font-size:11px;line-height:1.5}.carousel-heading{display:flex;gap:35px;justify-content:space-between;align-items:center;margin-bottom:22px}.carousel-heading h3{font-size:32px}.carousel-heading p:last-child{font-size:15px;color:var(--muted);max-width:650px;margin:0}.carousel-heading .eyebrow{margin-bottom:12px}.carousel-controls{display:flex;gap:9px;flex-shrink:0}.gallery-button{width:46px;height:46px;display:inline-grid;place-items:center;border:1px solid #a89cae;border-radius:50%;font-size:20px;color:var(--ink);background:var(--paper)}.gallery-button:hover:not(:disabled){background:var(--purple);color:white}.gallery-button:disabled{opacity:.35;cursor:default}.carousel-track{list-style:none;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;margin:0;scrollbar-width:thin;scrollbar-color:#78618e #e9e3ee;scroll-behavior:smooth}.carousel-track>li{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;margin:0}.carousel-track img{aspect-ratio:1;object-fit:contain}.carousel-help{display:flex;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}.carousel-help>[data-slide-status]{white-space:nowrap}.carousel-transcript{margin-top:15px}.carousel-transcript summary{font-size:14px}.carousel-transcript ol{max-width:830px;margin-top:22px;padding-left:22px}.carousel-transcript li{font-size:15px;line-height:1.65;margin-bottom:16px}.image-viewer{border:1px solid #bdb4c5;padding:0;border-radius:10px;background:var(--paper);color:var(--ink);width:min(1000px,calc(100vw - 40px));max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:0 20px 80px #0005}.image-viewer::backdrop{background:#22182de0}.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 20px;border-bottom:1px solid var(--line)}.viewer-top h2{font-size:17px;letter-spacing:-.3px;margin:0;line-height:1.3}.viewer-close{font-size:13px;background:var(--purple);color:white;border:0;border-radius:4px;min-height:44px;padding:10px 16px;flex-shrink:0}.viewer-scroll{max-height:calc(100dvh - 180px);overflow:auto;overscroll-behavior:contain;padding:20px;display:flex;align-items:flex-start;justify-content:center}.viewer-scroll img{width:auto;height:auto;max-width:100%;max-height:min(72dvh,1500px);object-fit:contain}.image-viewer.is-zoomed .viewer-scroll img{max-height:none;width:100%;max-width:1080px}.viewer-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 20px;border-top:1px solid var(--line)}.viewer-bottom p{font-size:12px;line-height:1.4;margin:0;color:var(--muted)}.viewer-zoom{font-size:13px;min-height:44px;white-space:nowrap;flex-shrink:0}.viewer-nav{display:flex;gap:8px}.viewer-bottom .gallery-button{width:44px;height:44px}.viewer-zoom:focus-visible,.viewer-close:focus-visible,.image-viewer:focus-visible,.media-zoom:focus-visible{outline:3px solid #8050c7;outline-offset:3px}
@media(max-width:1000px){.shubox-showcase{gap:28px;padding:30px}.showcase-phones{gap:14px}.showcase-copy h2{font-size:28px}.showcase-copy>p{font-size:14px}.showcase-copy .eyebrow{font-size:10px}.somalina-video-layout{gap:40px}.portrait-panel{padding:25px}.evidence-grid{gap:16px}}
@media(max-width:720px){.shubox-showcase{grid-template-columns:1fr;padding:26px 20px;gap:25px}.showcase-copy h2{font-size:32px}.showcase-copy>p{font-size:15px}.showcase-logo{width:170px;margin-bottom:20px}.showcase-phones{gap:15px;max-width:460px;margin:auto}.showcase-phones .media-zoom{border-width:3px;border-radius:11px}.showcase-phones .evidence-card:nth-child(2){padding-top:24px}.zoom-label{font-size:10px;bottom:6px;right:6px;padding:7px}.shubox-metrics{padding-block:40px;margin-block:10px 40px}.metrics-context{max-width:100%}.metric-grid{grid-template-columns:1fr;gap:17px;margin-top:27px}.metric-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding-top:16px}.metric-grid dt{min-height:0;font-size:13px}.metric-grid dd{font-size:39px;letter-spacing:-1.5px;margin:0;text-align:right}.metric-grid dd span{font-size:11px;margin-top:7px;letter-spacing:0}.evidence-grid{grid-template-columns:1fr;gap:25px;max-width:340px;margin-inline:auto}.evidence-grid img{height:380px}.portrait-panel{max-width:430px;width:100%;margin:auto}.teaser-portrait{margin-inline:0}.somalina-work{padding-top:45px}.somalina-work .section-top{align-items:flex-start}.somalina-intro{font-size:16px}.somalina-video-layout{grid-template-columns:1fr;gap:25px;padding-block:10px 45px}.video-description h3{font-size:34px}.video-piece{max-width:280px}.video-piece figcaption{text-align:center}.carousel-heading{gap:12px;align-items:flex-end;flex-wrap:wrap}.carousel-heading h3{font-size:29px}.carousel-track{gap:15px}.carousel-track>li{flex-basis:86%}.carousel-help{flex-direction:column;gap:5px}.carousel-transcript li{font-size:14px}.shubox-preview-copy>span{font-size:23px}.image-viewer{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.viewer-top{padding:10px 12px;gap:10px}.viewer-top h2{font-size:15px}.viewer-scroll{padding:10px;max-height:calc(100dvh - 174px)}.viewer-scroll img{max-height:calc(100dvh - 200px)}.viewer-bottom{padding:8px 12px;gap:8px;flex-wrap:wrap}.viewer-bottom p{font-size:11px;order:3;width:100%}.viewer-zoom{font-size:12px;padding:10px}.viewer-close{padding:9px 12px}.viewer-nav{gap:6px}}
@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}}
.showcase-logo{height:auto;clip-path:inset(2px)}.image-viewer.is-zoomed .viewer-scroll{display:block}.image-viewer.is-zoomed .viewer-scroll img{width:auto;min-width:100%;max-width:none;max-height:none}

.shubox-card-logo{clip-path:inset(2px)}.case-jumps{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:22px}.case-jumps a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid #b9b0c3;font-size:13px}.case-jumps a:hover{color:#704697}@media(max-width:720px){.case-jumps{gap:10px 18px}.case-jumps a{font-size:12px}}

/* Tipografía uniforme y controles con etiquetas de texto. */
body{font-family:Helvetica,Arial,sans-serif}.emphasis{font-family:inherit;font-style:italic}input,select,textarea,button{font-family:inherit}.button{justify-content:center;gap:0}.ticker{gap:25px}.note{gap:0}.brand{letter-spacing:-1px}.project-line{justify-content:flex-start}.portrait-label{min-height:24px}.carousel-controls .gallery-button,.viewer-nav .gallery-button{width:auto;min-width:78px;height:44px;border-radius:4px;padding:9px 13px;font-size:13px;line-height:1.4}.viewer-bottom .viewer-nav{gap:8px}.viewer-bottom .gallery-button{width:auto;min-width:76px}.art-bottom{justify-content:flex-start}.art-link{border-bottom:1px solid #bcb4c6;padding-bottom:8px}.menu{min-width:72px;justify-content:center}.button.secondary:hover{color:white}@media(max-width:720px){.ticker{gap:12px 25px}.viewer-bottom{gap:8px}.viewer-bottom .viewer-zoom{padding:10px;font-size:11px}.viewer-nav .gallery-button{min-width:64px;padding:8px 9px;font-size:11px}.carousel-controls .gallery-button{min-width:78px}.portrait-label{min-height:24px}.showcase-copy h2{font-size:31px}}

.product-work{border-top:1px solid var(--line);padding-block:65px}.product-work .section-top{align-items:center}.product-intro{max-width:350px;font-size:15px;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.product-grid figure{min-width:0;margin:0}.product-grid .media-zoom{border:1px solid #e2dce6;background:white;border-radius:3px}.product-grid img{width:100%;height:auto;object-fit:contain}.product-grid figcaption{font-size:12px;line-height:1.5}.product-overview{grid-column:1/-1}.iwa-live{display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center;background:#eeeaf1;padding:42px;margin-top:60px}.iwa-live p{font-size:15px}.iwa-live figure{margin:0;max-width:365px;justify-self:center;min-width:0}.iwa-live .media-zoom{max-height:460px;overflow:hidden;border:1px solid #d9d2df}.iwa-live img{width:100%;height:auto}.iwa-live figcaption{font-size:11px;line-height:1.5}.iwa-live .button{margin-top:6px}.iwa-live h2{font-size:42px}@media(max-width:720px){.product-work{padding-block:40px}.product-intro{max-width:100%;font-size:15px}.product-grid{grid-template-columns:1fr;gap:24px}.product-overview{grid-column:auto}.product-overview .zoom-label{position:static;display:block;text-align:center;margin:0;border:0;border-top:1px solid var(--line);padding:12px;font-size:12px}.iwa-live{grid-template-columns:1fr;gap:25px;padding:25px 20px;margin-top:35px}.iwa-live h2{font-size:34px}.iwa-live figure{width:100%;max-width:290px}.iwa-live .media-zoom{max-height:380px}.iwa-live .button{width:100%;font-size:12px}}

.hero-work{min-height:0;padding:28px;background:#eeeaef}.hero-work-banner{width:100%;height:auto;aspect-ratio:1920/900;object-fit:contain}.hero-work .art-label{font-size:10px;letter-spacing:1.2px;margin-bottom:22px}.hero-work-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-top:24px}.hero-work-bottom>p{font-size:20px;line-height:1.25;letter-spacing:-.5px;margin:0}.hero-work-products{display:flex;gap:10px}.hero-work-products img{width:80px;height:80px;object-fit:contain;background:white}.hero-work .art-link{margin-top:24px}.iwa-reference-banner{height:auto!important;object-fit:contain!important;aspect-ratio:1920/900}.iwa-live .iwa-catalog-preview{max-width:100%;width:100%}.iwa-catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.iwa-catalog-grid img{aspect-ratio:1;object-fit:contain}.iwa-live .iwa-catalog-grid .media-zoom{max-height:none;background:white}.iwa-live .iwa-catalog-grid .zoom-label{position:static;display:block;font-size:11px;text-align:center;padding:10px;border:none;border-top:1px solid #dfd8e5;border-radius:0}@media(max-width:1000px){.hero-work-products img{width:60px;height:60px}.hero-work-bottom>p{font-size:18px}.hero-work-bottom{gap:10px}}@media(max-width:720px){.hero-work{min-height:0;padding:22px;max-width:460px}.hero-work .art-label{font-size:9px}.hero-work-bottom{gap:14px}.hero-work-products img{width:60px;height:60px}.hero-work-bottom>p{font-size:17px}.iwa-catalog-grid{gap:10px}.iwa-live .iwa-catalog-grid .zoom-label{font-size:10px}.iwa-catalog-grid img{width:100%}}
@media(max-width:720px){.hero h1{font-size:clamp(42px,13vw,52px)}}

/* A stronger personal wordmark, using the same Helvetica family. */
.header .brand{font-size:38px;font-weight:700;line-height:1.04;letter-spacing:-1.5px}.brand .brand-first,.brand .brand-last{font:inherit;color:inherit;margin:0}.header{gap:22px}.curated-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}.curated-products .media-zoom{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:22px;border-color:#e8e3eb;border-radius:2px}.curated-products .media-zoom img{width:100%;height:100%;object-fit:contain}.curated-products .product-from-selection img{width:min(100%,222px);height:auto;aspect-ratio:1}.curated-products figcaption{font-size:12px;padding-top:2px;color:var(--muted)}.curated-products .zoom-label{font-size:10px;background:#faf9f5eF;border-color:#e4dfe7}.social-proof{border-top:1px solid var(--line);padding-block:60px 75px}.social-proof .section-top{margin-bottom:30px}.testimonial-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px}.testimonial{margin:0;padding:28px 0 20px;border-top:1px solid #c4bbc8}.testimonial blockquote{margin:0 0 22px;padding:0;background:none;min-height:85px}.testimonial blockquote p{font-size:clamp(22px,2.1vw,29px);font-style:italic;font-family:inherit;line-height:1.4;letter-spacing:-.5px;margin:0;max-width:620px}.testimonial figcaption{font-size:11px;line-height:1.6;letter-spacing:.4px;color:var(--muted)}@media(min-width:721px) and (max-width:900px){.header .brand{font-size:27px}.header nav{gap:15px}.header{gap:15px}}@media(max-width:900px){.curated-products{grid-template-columns:repeat(2,minmax(0,1fr))}.curated-products .media-zoom{padding:18px}}@media(max-width:720px){.header .brand{font-size:28px;line-height:.98;letter-spacing:-1px}.header .brand-first,.header .brand-last{display:block}.header{align-items:center}.curated-products{grid-template-columns:1fr 1fr;gap:24px 16px}.curated-products .media-zoom{padding:10px}.curated-products .zoom-label{bottom:5px;right:5px;font-size:9px;padding:6px}.curated-products figcaption{font-size:11px;line-height:1.5}.social-proof{padding-block:40px 45px}.testimonial-grid{grid-template-columns:1fr;gap:10px}.testimonial{padding-block:23px}.testimonial blockquote{min-height:0;margin-bottom:16px}.testimonial blockquote p{font-size:23px;line-height:1.4}.social-proof .section-top{margin-bottom:20px}}

/* Reading rhythm and access across screen sizes and input methods. */
h1,h2,h3,.eyebrow{text-wrap:balance}p,li,figcaption,blockquote,dt,dd span{text-wrap:pretty}
main:focus{outline:none}.hero .eyebrow{font-size:11px;letter-spacing:1.35px}
.header>*{min-width:0}.hero>*,.service-layout>*,.case-section>*,.case-feature>*,.about-layout>*,.contact-grid>*,.message-section>*{min-width:0}
.button.secondary,.menu,.filters button,.gallery-button{border-color:#8b8096}
summary{min-height:44px;padding-block:6px}a,button,summary{touch-action:manipulation}
.viewer-load-status{margin:12px 20px;font-size:13px;color:var(--muted)}.viewer-load-status:empty{display:none}
@media(max-width:720px){
 .header .brand{font-size:32px;line-height:1;letter-spacing:-1.2px}
 .header .menu{display:none}.header nav{display:flex}
 .js .header .menu{display:flex}.js .header nav:not(.open){display:none}
 main h1 br,main h2 br,.video-description h3 br,.hero-work-bottom>p br{display:none}
 .hero h1 br{display:initial}
 .hero-work-bottom{flex-wrap:wrap}.hero-work-bottom>p{flex:1 1 170px}.hero-work-products{flex-shrink:0}
 .curated-products figcaption{font-size:12px}.curated-products .zoom-label{font-size:11px}
 .portrait-panel figcaption small,.testimonial figcaption{font-size:12px}
 .carousel-help>[data-slide-status]{white-space:normal}
 .button,.text-link{max-width:100%;white-space:normal;text-wrap:balance}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(forced-colors:active){.button,.nav-cta,.menu,.gallery-button,.filters button{border:1px solid ButtonText}.filters button[aria-pressed=true],.header nav a[aria-current=page]{outline:2px solid Highlight;outline-offset:2px}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:Highlight}}
.text-end{display:inline-block;max-inline-size:100%;text-wrap:balance}
.page-head h1{max-inline-size:22ch}.cta h2{max-inline-size:15ch}.service-layout h2{max-inline-size:18ch}.social-proof h2{max-inline-size:16ch}.about-teaser h2{max-inline-size:36ch;margin-inline:auto}
@media(min-width:721px) and (max-width:1000px){.hero{grid-template-columns:1fr;max-width:720px}.hero-copy{max-width:600px}.hero-art{max-width:600px;width:100%;margin-inline:auto}.hero h1{font-size:clamp(52px,7.4vw,70px)}}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:35px}.contact-card{max-width:680px}.contact-card h2{max-inline-size:22ch}}
.video-transcript{margin-top:20px}.video-transcript summary{font-size:14px}.video-transcript p,.video-transcript li{font-size:15px;line-height:1.65}.video-transcript ol{padding-left:23px;margin-top:18px}

.testimonial-author{display:block;color:var(--ink);font-size:14px;font-weight:600;letter-spacing:0;line-height:1.5;overflow-wrap:anywhere;margin-bottom:5px}.testimonial figcaption>span{display:block}

.product-series+.product-series{margin-top:45px}.product-series h3{font-size:24px;margin-bottom:22px;letter-spacing:-.6px}.product-series .curated-products .media-zoom{aspect-ratio:3/2;padding:8px}.product-series .curated-products figcaption{font-size:13px}.viewer-scroll:focus-visible{outline:3px solid #8050c7;outline-offset:-4px}@media(max-width:720px){.product-series h3{font-size:22px;margin-bottom:18px}.product-series+.product-series{margin-top:35px}.product-series .curated-products{gap:24px 14px}.product-series .curated-products figure:first-child{grid-column:1/-1}.product-series .curated-products .media-zoom{padding:4px}.product-series .curated-products figcaption{font-size:12px}}

/* Brand collaborations and video samples. */
.brand-strip{padding-block:30px 65px}.brand-strip h2{max-inline-size:23ch}.brand-grid{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.brand-grid>li{margin:0;text-align:center;border-top:1px solid var(--line);padding-top:10px;min-width:0}.brand-mark{height:128px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-mark img{width:160px;max-width:90%;height:88px;object-fit:contain}.brand-mark img.legacy-brand{height:160px;object-fit:cover;flex-shrink:0}.brand-name{display:block;font-size:13px;font-weight:600;line-height:1.5;padding-top:8px;text-wrap:balance}.brand-video-link{display:inline-block;font-size:12px;line-height:1.6;padding:12px 0;min-height:44px;text-underline-offset:4px}.collaboration-work{border-top:1px solid var(--line);padding-top:65px}.collaboration-work .intro{max-width:760px}.collaboration-work h2{max-inline-size:25ch}.video-work-heading{margin-top:70px;align-items:end}.video-work-heading h3{font-size:34px;margin:0}.video-work-heading>p{font-size:14px;max-width:320px;color:var(--muted);margin:0}.ugc-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.ugc-card{margin:0;min-width:0}.ugc-card video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#eeeaf1;border-radius:4px}.ugc-card figcaption{margin-top:23px;font-size:14px;color:var(--ink)}.ugc-card .eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.1px;margin-bottom:12px}.ugc-card h4{font-size:24px;line-height:1.15;margin-bottom:14px}.ugc-card figcaption>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:15px}.ugc-card figcaption>.video-duration{font-size:12px}.ugc-card details{padding:0;border-color:var(--line)}.ugc-card summary{font-size:13px}.ugc-card details p{font-size:14px;line-height:1.7;margin-block:12px 18px}.video-file-link{display:inline-block;min-height:44px;padding:12px 0;font-size:12px;text-underline-offset:4px}.ugc-error{font-size:13px;color:var(--ink);margin-top:12px}
@media(max-width:1000px){.ugc-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.ugc-card video{max-height:570px}.brand-grid{gap:25px 14px}.brand-mark img{width:140px}}
@media(max-width:720px){.brand-strip{padding-block:10px 45px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;margin-top:28px}.brand-mark{height:110px}.brand-mark img{width:140px;height:76px}.brand-mark img.legacy-brand{height:140px}.brand-name{font-size:12px}.brand-video-link{font-size:12px}.collaboration-work{padding-top:45px}.video-work-heading{margin-top:45px;align-items:start}.video-work-heading h3{font-size:30px}.video-work-heading>p{max-width:100%;font-size:14px}.ugc-card .eyebrow{font-size:11px}.ugc-card figcaption{margin-top:20px}.ugc-video-grid{gap:35px 20px}}
@media(max-width:540px){.ugc-video-grid{grid-template-columns:1fr;max-width:340px;margin-inline:auto;gap:45px}.ugc-card video{max-height:none}.ugc-card h4{font-size:26px}.ugc-card .eyebrow{font-size:11px}}

.ugc-card h4{margin-top:0;font-weight:500;letter-spacing:-.04em;text-wrap:balance}
.brand-mark img[src$="brand-maybelline.svg"]{filter:brightness(0)}
.product-series .curated-products{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){.product-series .curated-products{grid-template-columns:repeat(2,minmax(0,1fr))}}