@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');
:root{--orange:#ff5319;--black:#050505}.site-header{height:116px;background:#050505;padding:0 4.2%;display:flex;align-items:center;gap:34px;position:relative;z-index:20;font-family:Outfit,sans-serif}.brand{width:150px;color:#aaa;text-decoration:none;text-align:center;letter-spacing:5px;font-size:13px;line-height:1;flex:none}.brand-m{display:block;color:var(--orange);font:700 78px/.72 Outfit,sans-serif;letter-spacing:-10px;transform:scaleX(1.05);margin-left:-10px}.site-header nav{display:flex;align-items:stretch;justify-content:center;gap:44px;margin:auto;height:100%}.site-header nav a{display:flex;align-items:center;color:#fff;text-decoration:none;text-transform:uppercase;font:600 clamp(12px,.85vw,17px) Outfit,sans-serif;position:relative}.site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:32px;height:3px;background:var(--orange);transition:.25s}.site-header nav a:hover,.site-header nav a.active{color:var(--orange)}.site-header nav a:hover::after,.site-header nav a.active::after{right:0}.nav-phone,.nav-wa{height:76px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;text-transform:uppercase;font:600 clamp(13px,1vw,20px) Outfit,sans-serif;white-space:nowrap}.nav-phone{width:215px;background:#080808}.nav-phone span{margin-right:13px}.nav-wa{width:230px;background:var(--orange);gap:13px}.nav-wa:hover{background:#ff6a35}.hamb{display:none}.hero-code{height:min(716px,calc(100vw * .378));min-height:560px;position:relative;padding:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.65) 28%,rgba(0,0,0,.06) 62%),url('../assets/hero-photo-clean-v3.png') center/cover no-repeat;color:#fff;font-family:Outfit,sans-serif}.hero-copy{position:absolute;left:4.2%;top:15%;width:45%;max-width:810px}.hero-copy>span{color:var(--orange);text-transform:uppercase;font:600 clamp(22px,1.75vw,34px) Outfit,sans-serif}.hero-copy h1{font:700 clamp(74px,7.3vw,145px)/.9 Outfit,sans-serif;text-transform:uppercase;letter-spacing:-2px;margin:15px 0 25px}.hero-copy p{font:400 clamp(17px,1.3vw,26px)/1.4 Barlow,Arial,sans-serif;margin:0}.hero-tags{display:flex;flex-wrap:wrap;margin:32px 0 28px;width:100%;gap:8px 0}.hero-tags span{color:#fff;text-transform:uppercase;font:500 clamp(11px,.78vw,15px) Outfit,sans-serif;white-space:nowrap}.hero-tags span:not(:last-child)::after{content:"";display:inline-block;width:2px;height:15px;background:var(--orange);margin:0 20px -3px}.hero-actions{display:flex;gap:20px;position:static!important;width:auto!important;max-width:none!important}.hero-actions a{height:58px;padding:0 34px;display:flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font:600 clamp(12px,.9vw,17px) Outfit,sans-serif;transition:.2s}.hero-primary{color:#fff;background:var(--orange)}.hero-primary:hover{transform:translateY(-3px);box-shadow:0 9px 28px rgba(255,83,25,.35)}.hero-secondary{color:#fff;border:2px solid #fff;background:rgba(0,0,0,.65)}.hero-secondary:hover{color:#111;background:#fff}.hero-whatsapp-side{position:absolute;right:0;top:25%;height:270px;width:42px;display:flex;align-items:center;justify-content:center;gap:12px;writing-mode:vertical-rl;background:var(--orange);color:#fff;text-decoration:none;text-transform:uppercase;font:600 15px Outfit,sans-serif;transition:.25s}.hero-whatsapp-side:hover{width:50px;background:#ff6a35}.hero-whatsapp-side span{transition:.35s}.hero-whatsapp-side:hover span{transform:rotate(360deg)}.code-qualities{height:112px;background:#0b0b0b;color:#fff;display:grid!important;grid-template-columns:repeat(5,1fr);padding:0 4.2%}.code-qualities article{display:flex;align-items:center;gap:18px;border-right:1px solid #333;padding:15px 24px;color:var(--orange)}.code-qualities article:first-child{padding-left:0}.code-qualities svg{width:52px;height:52px;flex:none;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s}.code-qualities article:hover svg{transform:rotate(12deg) scale(1.18);filter:drop-shadow(0 0 8px rgba(255,83,25,.65))}.code-qualities b{display:block;color:#fff;text-transform:uppercase;font:600 17px Outfit,sans-serif;margin:0}.code-qualities small{display:block;color:#ddd;font:400 13px/1.35 Barlow,Arial,sans-serif;margin:4px 0 0}.code-qualities article:hover b{color:var(--orange)}
@media(max-width:1100px){.site-header{height:90px}.site-header nav{gap:20px}.brand{width:105px}.brand-m{font-size:58px}.nav-phone{width:170px}.nav-wa{width:160px}.hero-code{min-height:520px}.hero-copy{width:55%;top:12%}.code-qualities{grid-template-columns:repeat(5,1fr);height:auto}.code-qualities article{padding:16px 10px}.code-qualities svg{width:40px}.code-qualities small{font-size:11px}}
@media(max-width:800px){.site-header{height:74px;padding:0 20px}.brand{width:85px}.brand-m{font-size:48px}.site-header .hamb{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:27px}.site-header nav{display:none;position:absolute;left:0;right:0;top:74px;height:auto;background:#050505;padding:25px;flex-direction:column;gap:18px}.site-header nav.open{display:flex}.site-header nav a{display:block}.nav-phone{display:none}.nav-wa{width:140px;height:48px}.hero-code{height:620px;min-height:0;background-position:62% center}.hero-copy{left:24px;top:80px;width:82%}.hero-copy h1{font-size:67px}.hero-copy p{font-size:16px}.hero-tags{max-width:520px}.hero-actions{gap:10px}.hero-actions a{padding:0 18px;height:50px}.hero-whatsapp-side{height:210px;width:36px}.code-qualities{grid-template-columns:1fr 1fr;padding:10px 20px}.code-qualities article{border-bottom:1px solid #333}.code-qualities article:last-child{grid-column:1/3}.services{margin-top:0}}
@media(max-width:480px){.nav-wa{display:none}.hero-code{height:610px;background-position:67% center}.hero-code::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2)}.hero-copy{top:65px;width:84%}.hero-copy>span{font-size:19px}.hero-copy h1{font-size:53px;letter-spacing:-1px}.hero-tags{margin:22px 0}.hero-tags span:not(:last-child)::after{margin:0 10px}.hero-actions{flex-direction:column;width:260px!important}.hero-actions a{width:100%;font-size:13px}.hero-whatsapp-side{top:30%;height:190px}.code-qualities{grid-template-columns:1fr}.code-qualities article:last-child{grid-column:auto}}
