@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#23231f;--orange:#ff672e;--lime:#dcf266;--paper:#fff;--muted:#66665f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #207acd;outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,.service-name{font-family:Manrope,Arial,sans-serif}button{color:inherit}section{scroll-margin-top:25px}.wrap{width:min(1400px,90%);margin-inline:auto}header{background:#fffefcf5;border-bottom:1px solid #efefeb;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand svg{width:146px;height:49px;display:block}nav{display:flex;gap:29px;align-items:center}nav a{font-size:15px;font-weight:600}nav a:hover{color:#c54012}nav span{color:#cc491d}.nav-contact{padding:14px 21px;border:1px solid #333;border-radius:50px;font-weight:600}.nav-contact span{margin-left:24px}.menu{display:none}.hero{padding-top:48px;padding-bottom:52px;display:grid;grid-template-columns:1.1fr 1fr;gap:52px;min-height:710px;align-items:stretch}.hero-copy{padding:35px 0 0;display:flex;flex-direction:column}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:12px}.eyebrow span{width:18px;height:8px;background:var(--orange);display:inline-block}h1{font-size:clamp(74px,7.8vw,116px);line-height:1.03;letter-spacing:-7px;font-weight:800;margin:31px 0 26px}.word{color:var(--orange)}.intro{font-size:19px;line-height:1.75;color:#62625c}.actions{display:flex;align-items:flex-start;flex-direction:column;gap:24px;margin:30px 0 36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 25px;border-radius:7px;font-weight:700;font-size:15px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0002}.orange{background:var(--orange);color:#171711}.ink{background:var(--ink);color:#fff}.button span{font-size:24px;line-height:1}.underlink{font-size:14px;border-bottom:1px solid #bbb;padding-bottom:5px}.hero-foot{border-top:1px solid #ddd;display:flex;justify-content:space-between;gap:12px;padding-top:19px;font-size:11px;letter-spacing:1.2px;margin-top:auto;color:#65655f}.hero-visual{position:relative;min-height:600px;border-radius:8px 95px 8px 8px;background:#111;isolation:isolate}.slide{position:absolute;inset:0;border-radius:inherit;overflow:hidden;opacity:0;transition:opacity .8s}.slide.active{opacity:1;z-index:1}.slide img{width:100%;height:100%;object-fit:cover}.slide:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#000c)}.visual-caption{position:absolute;bottom:97px;left:36px;z-index:2;color:white}.visual-caption>span{font-size:11px;letter-spacing:2px}.visual-caption strong{display:block;font:700 37px/1.15 Manrope,Arial;margin-top:13px;letter-spacing:-1px}.sticker{position:absolute;right:-20px;top:48px;background:var(--lime);padding:23px 18px;transform:rotate(9deg);z-index:3;color:#252622;font-size:13px;line-height:1.3;font-weight:800;box-shadow:4px 5px 0 #0002}.slider-controls{position:absolute;z-index:4;bottom:25px;left:35px;right:35px;display:flex;align-items:center;gap:9px}.dots{display:flex;gap:8px;flex:1}.dots button{border:0;border-radius:3px;width:25px;height:4px;background:#ffffff60;padding:0}.dots button[aria-current=true]{background:var(--lime);width:48px}.pause,.next{width:37px;height:37px;border:1px solid #fff6;color:white;background:transparent;border-radius:50%;font-size:17px}.ribbon{background:var(--lime);overflow:hidden;padding:23px 0}.ribbon>div{display:flex;align-items:center;gap:45px;white-space:nowrap;font-weight:800;font-size:18px;letter-spacing:1px;animation:marquee 28s linear infinite;width:max-content}.ribbon span{font-size:33px}.section{padding-top:110px;padding-bottom:95px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.small-note{font-size:14px;color:var(--muted)}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:75px;align-items:end;margin:32px 0 53px}h2{font-size:clamp(34px,4.1vw,60px);line-height:1.15;letter-spacing:-2.5px;font-weight:800}h2 span{color:#85857c}.section-heading>p{font-size:17px;color:var(--muted);line-height:1.75;max-width:425px}.service{border-top:1px solid #dcdcd5;transition:background .2s}.service:last-child{border-bottom:1px solid #dcdcd5}.service summary{padding:25px 17px 25px 0;display:flex;align-items:center;gap:34px;cursor:pointer;list-style:none}.service summary::-webkit-details-marker{display:none}.num{font-size:13px;color:#76766e;width:30px}.service-name{font-size:26px;font-weight:600;letter-spacing:-.8px;flex:1}.plus{font-size:29px;font-weight:400;line-height:1;width:40px;height:40px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center}.service[open]{background:#f8f9f3}.service[open] summary{padding-left:18px}.service[open] .plus{background:var(--orange);border-color:var(--orange);transform:rotate(45deg)}.service-body{padding:0 35px 33px 82px;display:grid;grid-template-columns:1fr 1.3fr;gap:20px 60px}.service-body p{font-size:22px;line-height:1.5;max-width:360px}.service-body ul{margin:0;padding-left:20px;font-size:16px;line-height:1.85;color:#62625c}.service-body a{font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:5px}.learning{display:grid;grid-template-columns:1fr 1fr;background:#ffcc40;border-radius:9px;overflow:hidden}.learning-copy{padding:65px 55px}.learning h2{font-size:64px;margin-top:28px;letter-spacing:-3px}.learning h2 em{font-style:normal}.learning p:not(.eyebrow){font-size:17px;line-height:1.7;margin:27px 0;max-width:470px}.learning-image{position:relative;min-height:650px}.learning-image img{height:100%;width:100%;object-fit:cover;object-position:62% center}.learning-label{position:absolute;bottom:28px;left:28px;right:28px;background:white;padding:22px;font-size:14px;font-weight:800;letter-spacing:1px}.learning-label span{display:block;font-size:14px;font-weight:400;letter-spacing:0;margin-top:7px}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #e5e5df;border-top:1px solid #e5e5df}.client{min-height:120px;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;border-bottom:1px solid #e5e5df;border-right:1px solid #e5e5df;font-family:Manrope,Arial;font-weight:800;font-size:24px;color:#575751;transition:background .2s,color .2s}.client:nth-child(3n){font-weight:500;letter-spacing:1px}.client:nth-child(5n){font-size:18px}.client:hover{background:#f3f6e6;color:#292a24}.contact{background:var(--orange);padding:85px 0 95px}.contact-main{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;margin-top:40px;align-items:center}.contact h2{font-size:clamp(56px,6.6vw,96px);letter-spacing:-5px;line-height:1.05}.contact h2 em{color:white;font-style:normal}.contact-side>p{font-size:20px;line-height:1.6;margin-bottom:30px}.phone{display:block;font-size:30px;font-weight:600;letter-spacing:-1px;margin-top:32px}.contact-side .contact-small{font-size:13px;margin:18px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0 45px;font-size:13px;color:#696961}footer .brand svg{width:110px}.float-wa{position:fixed;bottom:23px;right:25px;z-index:30;background:#147b45;color:white;display:flex;gap:10px;align-items:center;padding:15px 20px;border-radius:40px;box-shadow:0 5px 25px #0003;font-weight:600;font-size:14px;border:2px solid white}.float-wa svg{width:24px;height:24px}.skip{position:fixed;top:-100px;z-index:99;background:white;padding:15px}.skip:focus{top:0}@keyframes marquee{to{transform:translateX(-30%)}}
@media(min-width:1650px){.hero{min-height:780px}.hero-visual{min-height:650px}}
@media(max-width:1100px){nav{gap:16px}nav a{font-size:14px}.nav{gap:18px}.brand svg{width:120px}.nav-contact{display:none}.hero{gap:30px}.hero-visual{min-height:550px}h1{letter-spacing:-5px}.intro{font-size:17px}.learning-copy{padding:45px 35px}.learning h2{font-size:54px}.section-heading{gap:35px}.contact-main{gap:30px}.service-name{font-size:24px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{width:89%}.nav{height:80px}.brand svg{width:117px;height:42px}.menu{display:flex;gap:13px;align-items:center;background:none;border:1px solid #ccc;border-radius:6px;padding:10px 13px;font-size:14px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:25px 6%;border-bottom:1px solid #ddd;box-shadow:0 15px 20px #0001}nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:25px}nav a{font-size:17px}.hero{grid-template-columns:1fr;gap:30px;padding-top:12px;padding-bottom:30px;min-height:0}.hero-copy{padding-top:22px}.eyebrow{font-size:10px;letter-spacing:1.3px}h1{font-size:80px;letter-spacing:-5px;margin-top:25px;margin-bottom:22px}.intro{font-size:17px}.actions{margin:26px 0 30px;gap:22px}.button{padding:18px 20px;font-size:14px;gap:20px}.hero-foot{font-size:9px;letter-spacing:.6px}.hero-visual{min-height:500px;border-top-right-radius:75px}.sticker{right:-12px;top:30px;font-size:12px;padding:18px}.visual-caption{left:26px}.slider-controls{left:26px;right:26px}.ribbon{padding:13px 0}.ribbon>div{font-size:14px;gap:26px}.section{padding-top:65px;padding-bottom:65px}.section-top{align-items:flex-start}.small-note{display:none}.section-heading{grid-template-columns:1fr;gap:22px;margin:25px 0 35px}h2{font-size:37px;letter-spacing:-1.6px}.section-heading>p{font-size:16px}.service summary{padding:22px 0;gap:15px}.service-name{font-size:20px;letter-spacing:-.6px}.num{width:22px;font-size:12px}.plus{width:32px;height:32px;font-size:23px;flex-shrink:0}.service-body{display:block;padding:0 20px 28px 37px}.service-body p{font-size:18px}.service-body ul{margin:18px 0;font-size:15px}.service[open] summary{padding-left:10px}.learning{grid-template-columns:1fr}.learning-copy{padding:37px 28px}.learning h2{font-size:49px;letter-spacing:-2px}.learning p:not(.eyebrow){font-size:16px}.learning-image{min-height:350px;max-height:380px}.learning-label{left:18px;right:18px;bottom:18px;padding:18px}.clients-grid{grid-template-columns:repeat(2,1fr)}.client{font-size:20px;min-height:100px;padding:15px}.client:nth-child(5n){font-size:15px}.contact{padding:55px 0 65px}.contact-main{grid-template-columns:1fr;gap:35px;margin-top:30px}.contact h2{font-size:59px;letter-spacing:-3px}.contact-side>p{font-size:17px;margin-bottom:24px}.phone{font-size:27px;margin-top:28px}footer{display:grid;grid-template-columns:1fr 1fr;font-size:12px;padding-bottom:100px}footer>span:nth-child(2){font-size:12px;line-height:1.5}.float-wa{right:16px;bottom:16px;padding:13px 16px;font-size:13px}}
@media(max-width:370px){h1{font-size:70px}.contact h2{font-size:51px}.service-name{font-size:18px}.button{font-size:13px;gap:12px}.hero-visual{min-height:440px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Refined motion, original brand marks, and service discovery. */
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff672e,#ffce42,#acd428);transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}.hero{position:relative}.hero-copy{animation:heroIn .9s both}.hero-visual{animation:heroIn 1.1s .15s both;transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s;will-change:transform;box-shadow:0 20px 45px #66311614}.hero-visual .slide.active img{animation:slowZoom 6s ease-out both}.sticker{animation:stickerFloat 5s ease-in-out infinite}.word{background:linear-gradient(110deg,#e44819 10%,#ff8425 40%,#cd390e 65%,#ff8425 85%);background-size:250% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:colorShift 8s linear infinite}.nav a{position:relative}.nav nav a:after{content:'';height:2px;position:absolute;bottom:-8px;left:0;width:100%;transform:scaleX(0);transform-origin:left;background:var(--orange);transition:transform .25s}.nav nav a:hover:after{transform:scaleX(1)}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:-60% auto -60% -40%;width:22%;background:#ffffff35;transform:rotate(25deg);transition:left .6s}.button:hover:after{left:135%}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}#servicios{padding-top:70px}.service-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.service-filters button{padding:12px 18px;border:1px solid #dfdfd8;background:white;border-radius:30px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.service-filters button:hover{transform:translateY(-2px);border-color:#ff672e}.service-filters button[aria-pressed=true]{background:#262820;color:#fff;border-color:#262820}.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.service{border:1px solid #e5e5df;border-radius:12px;background:linear-gradient(130deg,#fff,#fcfcf9);overflow:hidden;transition:box-shadow .3s,border-color .3s,transform .3s!important}.service:last-child{border-bottom:1px solid #e5e5df}.service:hover{border-color:#ffb196;box-shadow:0 13px 40px #5d361312;transform:translateY(-5px)}.service summary{position:relative;min-height:230px;display:flex;align-items:flex-start;flex-direction:column;gap:18px;padding:26px!important}.service .num{font-size:12px;width:auto;letter-spacing:2px;color:#86877c}.service-name{font-size:25px;line-height:1.2;flex:0;max-width:90%}.service-preview{font-size:15px;line-height:1.6;color:#71726a;max-width:90%}.service .plus{position:absolute;top:18px;right:18px;width:33px;height:33px;font-size:23px;transition:transform .3s,background .3s}.service-body{display:block;padding:0 26px 28px}.service-body p{font-size:19px}.service-body ul{font-size:15px;line-height:1.8;margin:20px 0}.service-body a{display:inline-block;line-height:1.7}.service[open]{background:#fff9f1;border-color:#ffc6ac}.service[open] summary{min-height:205px}.service[open] .service-body{animation:heroIn .4s both}.service.specialty{background:linear-gradient(130deg,#fff8e9,#fff)}.service#alpaca-health{background:linear-gradient(140deg,#f4f9dd,#fff)}.service[hidden]{display:none!important}.clients-grid{border:0;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))}.client{min-height:135px;border:1px solid #ededE6!important;border-radius:10px;position:relative;background:#fff;overflow:hidden;padding:35px 32px;transition:box-shadow .3s,transform .3s,border-color .3s}.client svg{width:100%;height:56px;filter:grayscale(1) brightness(.8) contrast(12) invert(1);opacity:.64;mix-blend-mode:multiply;transition:opacity .3s,transform .3s}.client:hover,.client:focus{background:#fff;border-color:#ffc9b5!important;box-shadow:0 12px 30px #58260a10;transform:translateY(-5px)}.client:hover svg,.client:focus svg{opacity:.86;transform:scale(1.05)}.client-name{position:absolute;bottom:11px;left:10px;right:10px;font:500 11px/1.2 'DM Sans',Arial;letter-spacing:.3px;opacity:0;transform:translateY(5px);transition:.25s;color:#666}.client:hover .client-name,.client:focus .client-name{opacity:1;transform:none}.support{padding:10px 0 95px}.support-heading{text-align:center}.support-heading .eyebrow{justify-content:center;color:#78786e;margin-bottom:20px}.support h2{font-size:40px;letter-spacing:-1.6px}.support-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:45px;align-items:center;margin-top:50px;padding:40px 0;border-top:1px solid #e5e5df;border-bottom:1px solid #e5e5df}.support-logo{padding:12px 5px;transition:transform .3s!important}.support-logo:hover{transform:translateY(-6px)!important}.support-logo svg{width:100%;height:62px;display:block}.support-logo:nth-child(2) svg{height:75px}.learning{transition:box-shadow .3s}.learning:hover{box-shadow:0 25px 65px #9b65051a}.learning-image{overflow:hidden}.learning-image img{transition:transform 1.2s}.learning:hover .learning-image img{transform:scale(1.035)}.learning-label{transition:transform .5s}.learning:hover .learning-label{transform:translateY(-8px)}.contact{position:relative;overflow:hidden;background:linear-gradient(120deg,#ff782c,#ff672e 45%,#ffab35);background-size:180% 180%;animation:contactGlow 12s ease infinite}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.motion-ready .reveal.in-view{opacity:1;transform:translateY(0)}.motion-ready .client.in-view:hover,.motion-ready .service.in-view:hover{transform:translateY(-5px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes heroIn{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes slowZoom{from{transform:scale(1.035)}to{transform:scale(1)}}@keyframes stickerFloat{50%{transform:translateY(-8px) rotate(5deg)}}@keyframes colorShift{to{background-position:250% center}}@keyframes contactGlow{50%{background-position:100% 50%}}
@media(max-width:1050px){.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.support-logos{gap:25px}.client{padding-inline:22px}}
@media(max-width:760px){.service-list{gap:12px}.service summary{min-height:225px;padding:22px 17px!important;gap:18px}.service-name{font-size:21px;max-width:100%}.service .plus{width:26px;height:26px;right:13px;top:13px;font-size:20px}.service-preview{font-size:14px;max-width:100%}.service-body{padding:0 18px 25px}.service-body p{font-size:17px}.service-body ul{font-size:14px}.service-filters{gap:8px;margin-bottom:24px}.service-filters button{font-size:12px;padding:11px 13px}.service[open]{grid-column:1/-1}.service[open] summary{min-height:170px}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client{min-height:112px;padding:28px 20px}.client svg{height:50px}.client-name{font-size:10px}.support{padding-bottom:60px}.support h2{font-size:32px}.support-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 35px;margin-top:30px;padding:25px 10px}.support-logo:last-child{grid-column:1/-1;max-width:180px;width:100%;justify-self:center}.support-logo svg{height:50px}.support-logo:nth-child(2) svg{height:55px}}
@media(max-width:390px){.service-name{font-size:18px}.service-preview{font-size:13px}.service summary{min-height:235px}.service-filters button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-visual,.sticker,.word,.contact{animation:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-visual{transform:none!important}}
.clients-reference{display:block!important;border:0!important;background:transparent!important;padding:0!important}.clients-reference img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;border-radius:14px;box-shadow:0 15px 45px #291a0d12}.support-logo img{display:block;width:100%;height:72px;object-fit:contain;filter:none!important;opacity:.78;transition:transform .3s,opacity .3s}.support-logo:hover img{transform:scale(1.05);opacity:1}.support-logo:nth-child(2) img{height:84px}@media(max-width:760px){.clients-reference img{border-radius:9px}.support-logo img{height:54px}.support-logo:nth-child(2) img{height:62px}}
.tech-partners{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding:70px 0 105px}.tech-partners .eyebrow{color:#71716a;margin-bottom:20px}.tech-partners h2{font-size:clamp(38px,4.5vw,64px)}.tech-partners .partners-copy>p:last-child{font-size:17px;color:#686861;line-height:1.7;margin-top:24px;max-width:420px}.partners-visual{position:relative;background:#f5f7f1;border-radius:18px;padding:38px 42px;overflow:hidden;box-shadow:0 18px 45px #32280d12}.partners-visual:before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-100px;background:#dcf266;opacity:.6}.partners-visual img{position:relative;z-index:1;width:min(100%,640px);height:145px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.partner-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.partner-list span{background:white;border:1px solid #e5e7df;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600;box-shadow:0 4px 10px #00000008}.partner-list span:nth-child(4){border-color:#ff9b7a}.partner-list span:nth-child(6){border-color:#b9d7ff}@media(max-width:760px){.tech-partners{grid-template-columns:1fr;gap:28px;padding:55px 0 70px}.partners-visual{padding:24px 20px}.partners-visual img{height:100px}.partner-list span{font-size:11px;padding:8px 11px}}

/* Final visual polish: keep reference logos intact and give every partner a consistent plate. */
.clients-reference img{width:min(100%,520px);max-height:none;margin-inline:auto;padding:14px;background:#190c24;border-radius:18px;box-shadow:0 22px 55px #291a0d1f}
.support-logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:42px;padding:26px 0}
.support-logo{min-height:100px;display:grid;place-items:center;padding:15px 12px;border:1px solid #e8e8e1;border-radius:14px;background:#fff;box-shadow:0 10px 24px #32280d0b}
.support-logo img{width:min(100%,190px);height:52px!important;object-fit:contain;filter:none!important;opacity:.82}
.support-logo:nth-child(2) img{width:min(100%,230px);height:52px!important}
.service#alpaca-dev{background:linear-gradient(140deg,#eef5ff,#fff)}
@media(max-width:1050px){.support-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.clients-reference img{width:100%;padding:10px;border-radius:12px}.support-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;padding:20px 0}.support-logo{min-height:84px;padding:12px 8px}.support-logo img,.support-logo:nth-child(2) img{width:min(100%,170px);height:46px!important}.support-logo:last-child{grid-column:auto;max-width:none}}

.partners-visual img{width:min(100%,720px);height:180px}
@media(max-width:760px){.partners-visual img{height:125px}}

/* White client board: logos stay monochrome and never inherit the old brochure background. */
.clients-reference img{width:min(100%,560px);max-height:none;margin-inline:auto;padding:24px 30px;background:#fff;border:1px solid #ecece7;border-radius:18px;box-shadow:0 18px 45px #291a0d10}
.partners-visual{padding:34px 40px}
.partners-visual img{width:min(100%,780px);height:auto;max-height:170px;object-fit:contain;object-position:center;margin-inline:auto}
@media(max-width:760px){.clients-reference img{width:100%;padding:16px 18px;border-radius:12px}.partners-visual{padding:24px 20px}.partners-visual img{max-height:130px}}

/* Aliados: individual, crisp assets in a measured grid instead of a pixelated collage. */
.partner-logo-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.partner-logo-card{min-height:132px;display:grid;place-items:center;padding:17px 20px;border:1px solid #e4e7df;border-radius:14px;background:#fff;box-shadow:0 9px 22px #2525190d;transition:transform .3s,border-color .3s,box-shadow .3s}
.partner-logo-card:hover{transform:translateY(-5px);border-color:#ff9d79;box-shadow:0 16px 30px #25251918}
.partner-logo-card img{display:block;width:auto!important;max-width:100%;height:auto;max-height:82px;object-fit:contain;object-position:center;mix-blend-mode:normal}
.partner-logo-card:nth-child(3) img,.partner-logo-card:nth-child(6) img{max-width:108px;max-height:94px}
@media(max-width:1050px){.partner-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.partner-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.partner-logo-card{min-height:106px;padding:13px 10px;border-radius:11px}.partner-logo-card img{max-height:62px}.partner-logo-card:nth-child(3) img,.partner-logo-card:nth-child(6) img{max-width:78px;max-height:70px}}

/* Clientes: placa limpia sobre un color sólido, sin textura ni deformación. */
.clients-reference{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:0;border:0!important;border-radius:24px;background:#24152f!important;padding:clamp(24px,4vw,54px)!important;overflow:hidden;box-shadow:0 24px 60px #24152f26}
.clients-reference img{display:block;width:min(100%,520px);height:auto;max-height:none;object-fit:contain;margin:0!important;padding:0!important;border:0!important;border-radius:10px;box-shadow:none;background:transparent}

/* Contacto: direcciones legibles y redes sociales discretas en gris. */
.contact-addresses{margin-top:28px;padding-top:22px;border-top:1px solid #ffffff55}
.contact-addresses>p{margin:0 0 12px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#26261f}
.contact-addresses address{display:grid;gap:7px;margin:0;font-style:normal;font-size:13px;line-height:1.45;color:#26261f}
.contact-addresses address span{display:block}
nav.social-links{display:flex;align-items:center;gap:11px;margin-top:26px}
nav.social-links a{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #ffffffb8;border-radius:50%;background:#fff;color:#62635c;transition:transform .25s,background .25s,color .25s,border-color .25s}
nav.social-links a:hover{transform:translateY(-3px);background:#f0f0ea;color:#282923;border-color:#fff}
nav.social-links svg{display:block;width:18px;height:18px;fill:currentColor}
@media(max-width:760px){.clients-reference{padding:22px 16px!important;border-radius:16px}.clients-reference img{width:100%;border-radius:8px}.contact-addresses{margin-top:24px;padding-top:18px}.contact-addresses address{font-size:12px;gap:6px}nav.social-links{margin-top:22px}}

/* Clientes: el brochure funciona como escenario y la placa de logos vive dentro de una tablet flotante. */
.clients-showcase{position:relative;isolation:isolate;display:grid;place-items:center;min-height:780px;padding:74px 28px 76px;overflow:hidden;border-radius:28px;background-color:#160b20;background-image:linear-gradient(135deg,#090611c9 5%,#26072fc9 55%,#0b0713d9 100%),url('/assets/clientes-brochure.webp');background-size:cover;background-position:center 45%;box-shadow:0 28px 70px #1c082833}
.clients-showcase::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 47%,#ff49d436 0,transparent 36%),linear-gradient(90deg,transparent 0 18%,#ff36d120 50%,transparent 82%);pointer-events:none}
.clients-showcase::after{content:'';position:absolute;inset:14px;border:1px solid #ffffff3b;border-radius:20px;pointer-events:none}
.clients-showcase-chip{position:absolute;top:28px;left:34px;z-index:3;padding:9px 13px;border:1px solid #ffffff58;border-radius:999px;color:#fff;font-size:10px;font-weight:700;letter-spacing:1.5px;background:#13091d99;backdrop-filter:blur(8px)}
.clients-tablet{position:relative;z-index:2;width:min(48vw,460px);aspect-ratio:.68;transform:perspective(1300px) rotateY(-11deg) rotateX(4deg) rotateZ(1deg);filter:drop-shadow(32px 40px 28px #05020899);animation:clientsTabletFloat 6.5s ease-in-out infinite}
.clients-tablet::before{content:'';position:absolute;inset:-7px;border-radius:38px;background:linear-gradient(145deg,#aeb7c2 0%,#3e4651 23%,#10131a 57%,#777f8d 100%);box-shadow:inset 2px 2px 2px #fff8,inset -3px -4px 7px #000b,0 0 0 1px #ffffff33}
.clients-tablet-shell{position:absolute;inset:9px;display:flex;align-items:center;justify-content:center;padding:17px 16px 21px;border-radius:32px;background:linear-gradient(140deg,#11141b,#06070b 68%,#222832);box-shadow:inset 1px 1px 2px #fff3,inset -2px -3px 5px #000,0 0 0 1px #000}
.clients-tablet-screen{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #545b67;border-radius:21px;background:#24152f;box-shadow:inset 0 0 0 5px #06070a,inset 0 0 30px #000b}
.clients-tablet-screen img{width:100%;height:100%;object-fit:contain;object-position:center;opacity:1}
.clients-tablet-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(113deg,#fff2 0 10%,transparent 23% 72%,#fff1 86%,transparent 100%);mix-blend-mode:screen}
.clients-tablet-camera{position:absolute;top:5px;left:50%;z-index:2;width:6px;height:6px;border-radius:50%;background:#26303e;box-shadow:0 0 0 2px #080a0d,0 0 7px #4a9dd5aa;transform:translateX(-50%)}
.clients-tablet-home{position:absolute;bottom:7px;left:50%;width:35px;height:4px;border-radius:99px;background:#525965;transform:translateX(-50%);opacity:.8}
.clients-showcase-caption{position:absolute;right:31px;bottom:29px;z-index:3;margin:0;color:#fff;font-size:13px;letter-spacing:.3px;text-shadow:0 2px 8px #000;opacity:.9}
@keyframes clientsTabletFloat{0%,100%{transform:perspective(1300px) rotateY(-11deg) rotateX(4deg) rotateZ(1deg) translate3d(0,0,0)}50%{transform:perspective(1300px) rotateY(-11deg) rotateX(4deg) rotateZ(1deg) translate3d(0,-13px,0)}}
@media(max-width:760px){.clients-showcase{min-height:660px;padding:62px 16px 62px;border-radius:18px;background-position:center top}.clients-showcase::after{inset:9px;border-radius:13px}.clients-showcase-chip{top:22px;left:22px;font-size:9px;padding:8px 10px}.clients-tablet{width:min(84vw,340px);transform:perspective(1100px) rotateY(-7deg) rotateX(3deg) rotateZ(.7deg);filter:drop-shadow(22px 28px 22px #05020899)}.clients-tablet-shell{inset:7px;padding:14px 13px 18px;border-radius:25px}.clients-tablet-screen{border-radius:16px}.clients-showcase-caption{right:0;left:0;bottom:22px;text-align:center;font-size:12px}.clients-tablet-home{bottom:6px;width:28px}}
@media(prefers-reduced-motion:reduce){.clients-tablet{animation:none}}