
:root{--navy:#102c40;--dark:#091f30;--paper:#f7f7f1;--teal:#8be3ce;--ink:#193447;--muted:#526575;--line:#d6dfdf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #168c7e;outline-offset:6px}.wrap{width:min(1220px,88%);margin:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:26px;font-weight:650;letter-spacing:-1.2px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:5.8px;margin-top:9px;font-weight:550}.brand-mark{display:inline-block;color:#247e75;margin-right:8px}.nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav a:hover{color:#187e71}.pill{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 23px;border-radius:5px;font-size:15px;font-weight:600;background:var(--navy);color:white}.pill.light{background:var(--teal);color:var(--dark)}.menu{display:none}.hero{background:var(--dark);color:var(--paper);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;min-height:660px;padding:75px 0 65px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:650}.hero .eyebrow{color:var(--teal)}h1{font-size:clamp(42px,4.5vw,65px);font-weight:450;line-height:1.08;letter-spacing:-2.8px;margin:28px 0}h1 em{color:var(--teal);font-style:normal}.lead{color:#bdccd5;font-size:18px;max-width:570px}.actions{display:flex;gap:24px;align-items:center;margin-top:34px;flex-wrap:wrap}.text-link{font-size:14px;border-bottom:1px solid #657c89;padding:8px 0}.hero-note{font-size:12px;color:#91a7b5;letter-spacing:.4px;margin-top:38px}.diagram{position:relative;border:1px solid #365265;border-radius:12px;background:#102b3f;padding:26px;box-shadow:0 25px 70px #0003;transform:rotate(-2deg)}.diagram-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#abc1cf}.diagram svg{width:100%;height:auto;display:block;margin:15px 0}.diagram-bottom{display:flex;justify-content:space-between;border-top:1px solid #365265;padding-top:18px;color:#bed0db;font-size:12px}.strip{background:#e7ece8;padding:24px 0}.strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.strip span{font-size:13px;color:var(--muted)}.strip strong{font-size:17px;font-weight:550}.section{padding:96px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-head p{max-width:330px;color:var(--muted);font-size:16px}.kicker{color:#397368;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:650}h2{font-size:clamp(32px,3.1vw,44px);line-height:1.17;font-weight:450;letter-spacing:-1.4px;margin:15px 0}h3{font-size:25px;font-weight:500;line-height:1.25;letter-spacing:-.6px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.card{padding:30px 25px;background:#fff8;display:flex;flex-direction:column;align-items:start}.card+.card{border-left:1px solid var(--line)}.number{font-size:13px;color:#387c71}.card p{font-size:15px;color:var(--muted);margin-top:0}.card details{margin-top:auto;width:100%;font-size:14px}.card summary{cursor:pointer;list-style:none;padding:16px 0 3px;font-weight:600;color:#236a61}.card summary::after{content:' +';float:right}.card details[open] summary::after{content:' −'}.card details p{font-size:14px;margin-top:15px}.method{background:#eaf0ed}.method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.method-intro p{color:var(--muted)}.method-item{border-top:1px solid #baccc5;padding:24px 0;display:grid;grid-template-columns:36px 1fr;gap:15px}.method-item:last-child{border-bottom:1px solid #baccc5}.method-item h3{margin:0 0 9px;font-size:23px}.method-item p{margin:0;color:var(--muted);font-size:16px}.method-item span{color:#478173;font-size:13px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:45px}.process article{border-top:2px solid #a2bcb6;padding-top:20px}.process span{font-size:13px;color:#3c8175}.process h3{font-size:20px;margin:16px 0 8px}.process p{font-size:15px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:60px;margin-top:65px;border-top:1px solid var(--line)}.about p{color:var(--muted);margin:15px 0}.contact{background:var(--navy);color:white;padding:75px 0}.contact .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.contact .kicker{color:var(--teal)}.contact h2{font-size:42px}.contact p{color:#bdccd5}.contact details{margin-top:22px;font-size:14px;color:#d7e1e7}.contact summary{cursor:pointer}.contact details p{font-size:14px}.footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:32px 0;font-size:12px;color:var(--muted)}.footer .brand{font-size:20px}.footer .brand small{font-size:8px;letter-spacing:4px}.preview-note{font-size:12px;color:#657681;margin-top:8px}
@media(min-width:1500px){.hero-grid{min-height:720px}}@media(max-width:1000px){.nav{gap:18px}.hero-grid{gap:30px}.cards{grid-template-columns:repeat(2,1fr)}.card:nth-child(3){border-left:0;border-top:1px solid var(--line)}.card:nth-child(4){border-top:1px solid var(--line)}.method-grid{gap:45px}}@media(max-width:720px){.header{height:82px}.brand{font-size:24px}.menu{display:block;background:none;border:1px solid var(--line);padding:8px 13px;border-radius:5px;color:var(--ink);font-size:14px}.nav{display:none;position:absolute;top:82px;left:0;right:0;z-index:5;background:var(--paper);padding:24px 6%;border-bottom:1px solid var(--line)}.nav.open{display:flex;flex-direction:column;align-items:stretch}.hero-grid{grid-template-columns:1fr;padding:52px 0;gap:40px}h1{font-size:48px;letter-spacing:-2px}.lead{font-size:17px}.diagram{transform:none;max-width:450px;width:100%;margin:auto}.strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:15px}.strip span{grid-column:1/-1}.strip strong{font-size:14px}.section{padding:62px 0}.section-head{display:block;margin-bottom:30px}.section-head p{max-width:none}.cards{grid-template-columns:1fr}.card+.card{border-left:0;border-top:1px solid var(--line)}.card{padding:26px}.card h3{margin:16px 0}.method-grid,.about,.contact .wrap{grid-template-columns:1fr;gap:30px}.process{grid-template-columns:1fr 1fr;gap:25px}.about{padding-top:35px;margin-top:35px}.contact{padding:58px 0}.contact h2{font-size:36px}.footer{align-items:start;flex-direction:column}.hero-note{margin-top:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{display:block;flex-shrink:0}.brand img{display:block;width:200px;height:auto;mix-blend-mode:multiply}.footer .brand img{width:170px}@media(max-width:720px){.brand img{width:165px}}

body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px}.about-page .about{margin:0;padding:0;border:0}.contact{min-height:60vh;display:flex;align-items:center}.page-title{font-size:clamp(32px,3.1vw,44px);line-height:1.17;font-weight:450;letter-spacing:-1.4px;margin:15px 0}.contact .page-title{font-size:42px}@media(max-width:900px){.nav{gap:14px;font-size:13px}.brand img{width:165px}}
.experience-home{border-bottom:1px solid var(--line)}.experience-full{padding-top:10px}.experience-intro{color:var(--muted);max-width:750px}.client-sector{margin-top:42px}.client-sector>h3{font-size:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.client-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:25px 0 35px}.client-grid-home{grid-template-columns:repeat(4,minmax(0,1fr))}.client-logo{margin:0;min-width:0;text-align:center}.logo-space{height:105px;background:#fff;border:1px solid #e4e8e6;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:5px}.client-logo img{max-width:100%;max-height:70px;object-fit:contain;width:auto;height:auto}.client-logo figcaption{font-size:13px;line-height:1.4;margin-top:9px;color:var(--muted)}.logo-dark .logo-space{background:var(--navy)}@media(max-width:900px){.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.client-grid,.client-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-space{height:98px}.experience-full{padding-top:0}}
#cliente-coval img { transform: scale(0.8); }
.clients-gallery .client-logo.logo-mane img{width:140px;max-width:100%;height:auto}
.clients-gallery .client-logo img[alt="Adidas"]{transform:scale(1.5)}
.experience-home .client-logo.logo-coval img{filter:grayscale(1);transform:scale(.8)}
.experience-home .client-logo.logo-coval:hover img{filter:none}
.clients-gallery .client-logo.logo-dark .logo-space{background:transparent}
.clients-gallery .client-logo img[alt="Adidas"],.clients-gallery .client-logo img[alt="Privilege"]{filter:invert(1) grayscale(1);mix-blend-mode:multiply}
.clients-gallery .client-logo:hover img[alt="Adidas"],.clients-gallery .client-logo:hover img[alt="Privilege"]{filter:invert(1)}
.clients-gallery #cliente-coval img{filter:url(#coval-light) grayscale(1)}
.clients-gallery #cliente-coval:hover img{filter:url(#coval-light)}
.clients-gallery .client-logo img[alt="Privilege"],.clients-gallery .client-logo:hover img[alt="Privilege"]{filter:invert(1) grayscale(1) contrast(1.5)}
.clients-intro{padding-bottom:35px}.clients-intro .page-title{font-size:clamp(38px,4.5vw,62px)}.clients-intro .text-link{display:inline-block;margin-top:12px}.clients-gallery{padding-top:20px}.client-filters{display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);padding-bottom:24px}.client-filters[hidden]{display:none}.client-filters button{cursor:pointer;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);padding:10px 24px;font-size:14px}.client-filters button[aria-pressed="true"]{background:var(--navy);color:white;border-color:var(--navy)}.client-count{font-size:13px;color:var(--muted);margin:20px 0}.clients-gallery .client-sector[hidden]{display:none}.clients-gallery .client-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:35px 28px}.clients-gallery .logo-space{border:0;background:transparent;height:120px;padding:20px}.clients-gallery .client-logo img{filter:grayscale(1);max-height:78px;opacity:.85;transition:filter .2s,opacity .2s}.clients-gallery .client-logo:hover img{filter:none;opacity:1}.clients-gallery .logo-dark .logo-space{background:var(--navy)}.clients-gallery figcaption{font-size:12px}.testimonials{background:#eaf0ed}.testimonials p{max-width:650px;color:var(--muted)}.nav{gap:22px}@media(max-width:1000px){.nav{gap:12px;font-size:13px}.clients-gallery .client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.clients-gallery .client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.clients-gallery .logo-space{padding:14px}.client-filters button{padding:9px 17px}.clients-intro{padding-bottom:25px}}@media(prefers-reduced-motion:reduce){.clients-gallery .client-logo img{transition:none}}
.experience-home{background:#fff;text-align:center;overflow:hidden;padding:62px 0}.experience-home .experience-intro{margin:18px auto 0;font-size:15px}.experience-home .logo-window{overflow-x:auto;margin:32px 0}.experience-home .logo-track{display:flex;width:max-content}.experience-home .client-grid-home{display:flex;gap:0;margin:0;padding:0;flex:none}.experience-home .client-logo{width:220px;flex:none;padding:15px 30px}.experience-home .logo-space{border:0;background:transparent;padding:0;height:95px}.experience-home .client-logo img{filter:grayscale(1);opacity:.75;max-height:68px;transition:filter .2s,opacity .2s}.experience-home .client-logo:hover img{filter:none;opacity:1}.experience-home figcaption{font-size:12px}.logo-copy{display:none!important}.logo-animated .logo-copy{display:flex!important}.logo-animated .logo-window{overflow:hidden}.logo-animated .logo-track{animation:client-drift 45s linear infinite}.logo-animated .logo-window:hover .logo-track,.logo-animated .logo-window:focus-within .logo-track{animation-play-state:paused}.logo-pause{margin-top:18px;padding:6px 13px;font-size:12px;border:1px solid var(--line);border-radius:4px;background:white;color:var(--muted);cursor:pointer}.logo-pause[hidden]{display:none}.boutique-intro{max-width:740px;color:var(--muted)}.boutique-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:45px}.boutique-grid article{border-top:1px solid #a2bcb6;padding-top:22px}.boutique-grid span{font-size:12px;color:#397368;letter-spacing:1px}.boutique-grid p{font-size:16px;color:var(--muted)}.boutique-cta{padding:65px 0;background:var(--navy);color:white}.boutique-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.boutique-cta .kicker{color:var(--teal)}.boutique-cta p{color:#bdccd5}.history-more{font-size:12px;color:#b2c5d0;margin-top:20px}.history-more summary{cursor:pointer;color:var(--teal);padding:8px 0}.history-more .history-detail{margin-top:4px}.history-timeline img{height:170px}.history-copy h3{font-size:20px}.history-timeline article{height:auto;min-height:100%}.history-timeline li{padding-bottom:48px}@keyframes client-drift{to{transform:translateX(-50%)}}@media(max-width:720px){.boutique-grid{grid-template-columns:1fr;gap:25px}.boutique-cta .wrap{display:block}.boutique-cta .pill{margin-top:15px}.experience-home .client-logo{width:180px;padding:12px 22px}.history-timeline li{padding-bottom:0}}@media(prefers-reduced-motion:reduce){.logo-animated .logo-track{animation:none}.experience-home .client-grid-home{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.experience-home .logo-track{width:100%}.experience-home .client-logo{width:auto}.logo-copy{display:none!important}.experience-home .client-logo img{transition:none}}@media(prefers-reduced-motion:reduce) and (max-width:720px){.experience-home .client-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}}
.history{background:var(--dark);color:var(--paper)}.history .kicker,.history-label{color:var(--teal)}.history-intro{max-width:760px;color:#c0cfd7}.history-timeline{list-style:none;padding:0;margin:52px 0 40px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.history-timeline li{min-width:0;position:relative;border-top:1px solid #58717f;padding-top:24px}.history-timeline li:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--teal)}.history-date{display:block;min-height:48px;font-size:12px;letter-spacing:.3px;color:#c3d7df}.history-timeline article{background:#143044;border:1px solid #365060;border-radius:9px;overflow:hidden;height:calc(100% - 48px)}.history-timeline img{width:100%;height:210px;object-fit:cover;object-position:center 22%;display:block}.history-timeline .history-team{object-position:48% center}.history-copy{padding:20px 18px}.history-label{font-size:11px;letter-spacing:.8px;text-transform:uppercase;display:block}.history-copy h3{font-size:21px;margin:12px 0 16px;letter-spacing:-.3px}.history-copy p{font-size:14px;line-height:1.65;color:#d7e2e8}.history-copy .history-detail{font-size:12px;color:#b2c5d0;border-top:1px solid #365060;padding-top:14px;margin-top:20px}.history-bridge{display:grid;grid-template-columns:1fr 1.8fr;gap:10px 40px;border-top:1px solid #365060;padding-top:30px}.history-bridge h3{margin:10px 0}.history-bridge p{margin:0;color:#c0cfd7;font-size:16px}.history-bridge .text-link{justify-self:start;grid-column:2}.history-sources{font-size:12px;color:#adc3ce;margin-top:34px;max-width:900px}.history-sources summary{cursor:pointer}.history-sources a{text-decoration:underline;text-underline-offset:3px}@media(max-width:1050px){.history-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.history-timeline img{height:260px}.history-timeline li:last-child{grid-column:1/-1}.history-timeline li:last-child article{display:grid;grid-template-columns:1fr 1fr}.history-timeline li:last-child img{height:100%;min-height:260px}}@media(max-width:600px){.history-timeline{display:block;border-left:1px solid #58717f;margin-left:4px;padding-left:23px}.history-timeline li{border-top:0;padding-top:0;margin-bottom:32px}.history-timeline li:before{left:-28px;top:6px}.history-date{min-height:0;margin-bottom:12px}.history-timeline article{height:auto}.history-timeline img{height:270px;object-position:center 25%}.history-timeline li:last-child article{display:block}.history-timeline li:last-child img{height:230px;min-height:0}.history-copy{padding:24px}.history-copy h3{font-size:25px}.history-copy p{font-size:16px}.history-bridge{display:block}.history-bridge p{margin:18px 0}.history-bridge .text-link{display:inline-block}}
#herramientas .process, #contexto .process, #aplicaciones .process { grid-template-columns: repeat(3,minmax(0,1fr)); }
@media(max-width:720px) { #herramientas .process, #contexto .process, #aplicaciones .process { grid-template-columns: 1fr; } }
