/* Identidad visual y casos de estudio */
.cp-process__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(42px,7vw,100px)}.cp-process li{grid-template-columns:42px 150px minmax(0,1fr);column-gap:14px;row-gap:0;align-items:start}.cp-process li b{grid-column:2}.cp-process li span{grid-column:3;grid-row:1;line-height:1.55}@media(max-width:760px){.cp-process li{grid-template-columns:32px minmax(0,1fr);gap:4px 14px}.cp-process li::before{grid-row:1 / span 2}.cp-process li b,.cp-process li span{grid-column:2}.cp-process li span{grid-row:2}}
.cp-brand{display:block;width:175px;height:auto;line-height:0;overflow:visible}
.cp-brand img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.cp-cases{background:#fff}
.cp-cases__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cp-case{position:relative;min-height:335px;overflow:hidden;background:var(--cp-ink);color:#fff;display:flex;align-items:end}
.cp-case img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;filter:brightness(.65);transition:transform .45s ease}
.cp-case:hover img{transform:scale(1.04)}
.cp-case>div{position:relative;width:100%;padding:25px}
.cp-case span{color:#fff;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.cp-case h3{font-size:clamp(26px,3vw,40px);letter-spacing:-.05em;line-height:1;margin:9px 0 0}
.cp-case--featured{grid-row:span 2;min-height:688px}
.cp-case--text{background:var(--cp-accent)}
.cp-case--text p{max-width:360px;margin:20px 0 0;color:#fff}
@media(max-width:760px){.cp-brand{width:125px;height:auto}.cp-brand img{width:100%;height:auto}.cp-nav{gap:11px}.cp-cases__grid{grid-template-columns:1fr}.cp-case,.cp-case--featured{min-height:380px;grid-row:auto}}
.complemento-home-page{font-family:Roboto,Arial,sans-serif}.cp-hero h1,.cp-section h2,.cp-process h2,.cp-contact h2,.cp-case-hero h1,.cp-case-story h2,.cp-gallery h2{font-family:"Roboto Slab",Georgia,serif}.cp-hero--video{position:relative;overflow:hidden}.cp-hero--video>*:not(.cp-hero__video):not(.cp-hero__overlay){position:relative;z-index:2}.cp-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cp-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,35,61,.91),rgba(18,35,61,.57))}.cp-case{text-decoration:none}.cp-case em{display:inline-block;margin-top:20px;color:#fff;font-size:13px;font-style:normal;font-weight:700}.cp-case em b{font-size:19px;margin-left:5px}.cp-back{color:var(--cp-ink);font-size:14px;font-weight:700;text-decoration:none}.cp-case-hero{background:var(--cp-ink);color:#fff;padding:clamp(80px,13vw,170px) 0}.cp-case-hero h1{max-width:850px;margin:0;font-size:clamp(48px,8vw,102px);letter-spacing:-.06em;line-height:.98}.cp-case-hero>div>p:last-child{max-width:650px;margin:30px 0 0;color:#dbe1e8;font-size:clamp(19px,2.2vw,25px)}.cp-case-story{padding:clamp(70px,9vw,120px) 0}.cp-case-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.cp-case-story h2{margin:0;font-size:clamp(32px,4.2vw,54px);letter-spacing:-.05em;line-height:1.04}.cp-case-story__grid>div:last-child p{margin:0 0 22px;color:#536176;font-size:18px}.cp-gallery{padding:clamp(70px,9vw,120px) 0;background:var(--cp-sand)}.cp-gallery h2{margin:0;font-size:clamp(36px,5.5vw,68px);letter-spacing:-.055em;line-height:.98}.cp-gallery__hint{max-width:600px;margin:24px 0 30px;color:#536176}.cp-gallery code{font-size:.85em}.cp-carousel{display:flex;gap:18px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.cp-carousel figure{flex:0 0 min(78vw,760px);height:min(54vw,510px);margin:0;scroll-snap-align:start}.cp-carousel img{width:100%;height:100%;object-fit:cover}.cp-carousel::-webkit-scrollbar{height:8px}.cp-carousel::-webkit-scrollbar-thumb{background:var(--cp-accent)}@media(prefers-reduced-motion:reduce){.cp-hero__video{display:none}.cp-case img{transition:none}}@media(max-width:760px){.cp-hero__overlay{background:rgba(18,35,61,.74)}.cp-case-story__grid{grid-template-columns:1fr;gap:35px}.cp-case-hero{padding:90px 0}.cp-case-hero h1{font-size:clamp(45px,13vw,63px)}.cp-carousel figure{flex-basis:88vw;height:62vw}.cp-back{font-size:13px}}