/* Ápice — layout v14: topo com foto, números, clientes, faixa e chamada final */
.f-soc{--foto:url("https://images.unsplash.com/photo-1708807472445-d33589e6b090?auto=format&fit=crop&w=1920&q=70")}
.f-codigo{--foto:url("https://images.unsplash.com/photo-1515879218367-8466d910aaa4?auto=format&fit=crop&w=1920&q=70")}
.f-datacenter{--foto:url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1920&q=70")}
.f-servidor{--foto:url("https://images.unsplash.com/photo-1506399558188-acca6f8cbf41?auto=format&fit=crop&w=1920&q=70")}
.f-escritorio{--foto:url("https://images.unsplash.com/photo-1549637642-90187f64f420?auto=format&fit=crop&w=1920&q=70")}
.f-reuniao{--foto:url("https://images.unsplash.com/photo-1606836591695-4d58a73eba1e?auto=format&fit=crop&w=1920&q=70")}
.f-equipe{--foto:url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1920&q=70")}
.f-home{--foto:url("https://images.unsplash.com/photo-1603201667141-5a2d4c673378?auto=format&fit=crop&w=1920&q=70")}
.f-atendimento{--foto:url("https://images.unsplash.com/photo-1626863905121-3b0c0ed7b94c?auto=format&fit=crop&w=1920&q=70")}

/* topo com foto */
.sec-foto{position:relative;overflow:hidden;background:#0A1E38;color:rgba(255,255,255,0.88);padding:112px 0 104px;isolation:isolate}
.sec-foto::before{content:"";position:absolute;inset:0;background-image:var(--foto);background-size:cover;background-position:center;z-index:-2;
  transform:scale(1.04);animation:aproxima 14s ease-out forwards}
.sec-foto::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(10,30,56,0.95) 0%,rgba(10,30,56,0.86) 48%,rgba(10,30,56,0.55) 100%)}
@keyframes aproxima{to{transform:scale(1)}}
.sec-foto h1,.sec-foto h2,.sec-foto h3{color:#FFFFFF}
.sec-foto .sub{color:#FFFFFF}
.sec-foto .lead,.sec-foto p{color:rgba(255,255,255,0.86)}
.sec-foto .rotulo{color:#FF8A3D}
.sec-foto .compromisso{border-top-color:rgba(255,255,255,0.22);color:#FFFFFF}
.sec-foto .btn-s{border-color:rgba(255,255,255,0.7);color:#FFFFFF}
.sec-foto .btn-s:hover{border-color:#FF8A3D;color:#FF8A3D}
.sec-foto a:not(.btn){color:#FFFFFF}
.sec-foto .hero{padding:0}
.sec-foto .indice{background:rgba(10,30,56,0.62);border:1px solid rgba(255,255,255,0.14);border-top:4px solid #E65C00;
  border-radius:10px;padding:22px 26px 6px;backdrop-filter:blur(6px)}
.sec-foto .ifr{border-bottom-color:rgba(255,255,255,0.14)}
.sec-foto .ifr:last-child{border-bottom:0}
.sec-foto .ifr:hover{background:rgba(255,255,255,0.06)}
.sec-foto .ifr strong{color:#FFFFFF}
.sec-foto .ifr:hover strong{color:#FF8A3D}
.sec-foto .ifn,.sec-foto .ifv{color:rgba(255,255,255,0.62)}

/* números */
.numeros{background:#FFFFFF;border-bottom:1px solid #DFE6EF}
.numeros .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.numeros .n-item{display:flex;flex-direction:column;gap:6px;padding:36px 28px;border-left:1px solid #DFE6EF}
.numeros .n-item:first-child{border-left:0;padding-left:0}
.numeros .n-val{font-family:'Montserrat',Arial,sans-serif;font-weight:800;font-size:40px;line-height:1.05;color:#E65C00;letter-spacing:-0.02em}
.numeros .n-val.txt{font-size:22px;line-height:1.2;color:#0A1E38;padding-top:8px;min-height:42px}
.numeros .n-rot{font-size:14.5px;color:#3E4A5C;line-height:1.45}

/* clientes */
.clientes{padding:72px 0;border-top:1px solid #DFE6EF;background:#F5F8FB;overflow:hidden}
.clientes .head{margin-bottom:36px}
.trilho{display:flex;width:max-content;gap:16px;animation:rola 60s linear infinite}
.clientes .mascara:hover .trilho{animation-play-state:paused}
.trilho .logo{flex:0 0 auto;width:188px;height:96px;background:#FFFFFF;border:1px solid #DFE6EF;border-radius:10px;
  display:flex;align-items:center;justify-content:center;padding:18px 22px}
.trilho .logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .3s ease,opacity .3s ease}
.trilho .logo:hover img{filter:none;opacity:1}
.trilho .logo{transition:border-color .3s ease}
.trilho .logo:hover{border-color:#1B3A6B}
@keyframes rola{to{transform:translateX(calc(-50% - 8px))}}
.mascara{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}

/* faixa de palavras */
.faixa{background:#0A1E38;overflow:hidden;padding:20px 0}
.faixa .trilho{gap:0;animation-duration:40s}
.faixa span{font-family:'Montserrat',Arial,sans-serif;font-weight:700;font-size:20px;color:#FFFFFF;white-space:nowrap;padding:0 22px;display:flex;align-items:center;gap:44px}
.faixa span::after{content:"";width:8px;height:8px;border-radius:50%;background:#E65C00}

/* chamada final com foto */
.sec-cta .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:64px;align-items:center}
.cta-foto{aspect-ratio:4/3;border-radius:10px;background:#0A1E38 url(icone-hd.png) center/40% no-repeat;position:relative;overflow:hidden}
.cta-foto::before{content:"";position:absolute;inset:0;background-image:var(--foto);background-size:cover;background-position:center}


@media (max-width: 1080px){
  .numeros .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .numeros .n-item:nth-child(3){border-left:0;padding-left:0}
  .numeros .n-item{border-top:1px solid #DFE6EF}
  .numeros .n-item:nth-child(-n+2){border-top:0}
  .sec-cta .wrap{grid-template-columns:minmax(0,1fr);gap:36px}
}
@media (max-width: 720px){
  .sec-foto{padding:72px 0 64px}
  .sec-foto::after{background:rgba(10,30,56,0.88)}
  .numeros .wrap{grid-template-columns:minmax(0,1fr)}
  .numeros .n-item{border-left:0!important;padding:24px 0!important;border-top:1px solid #DFE6EF!important}
  .numeros .n-item:first-child{border-top:0!important}
  .trilho .logo{width:148px;height:80px;padding:14px 16px}
  .faixa span{font-size:16px}
}
@media (prefers-reduced-motion: reduce){
  .sec-foto::before{animation:none;transform:none}
  .faixa{display:none}
}

.foot .credito-fotos{margin-top:14px;font-size:12.5px;color:#55667D}
.trilho .logo img.branca{filter:brightness(0);opacity:.6}
.trilho .logo:hover img.branca{filter:brightness(0);opacity:1}
.sec-foto{padding:64px 0 72px}
.sec-foto .wrap>div{gap:20px!important;padding:0!important}
.sec-foto h1{font-size:48px;max-width:22ch}
.sec-foto .sub{font-size:22px;max-width:40ch!important}
.sec-foto .hero{align-items:center}
.sec-foto .hero>div{gap:20px!important}
.sec-foto .indice .ifr{padding:14px 0}
.intro{padding:56px 0 0}
.intro .lead{font-size:19px;max-width:68ch;color:#0A1E38}
@media (max-width:1080px){.sec-foto h1{font-size:40px}}
@media (max-width:720px){.sec-foto{padding:44px 0 48px}.sec-foto h1{font-size:32px}.sec-foto .sub{font-size:18px}.intro{padding:40px 0 0}.intro .lead{font-size:17px}}

/* ---- revisão mobile ---- */
.card{border-top:1px solid #DFE6EF;box-shadow:inset 0 4px 0 #E65C00}
.card:hover{box-shadow:inset 0 4px 0 #E65C00}
.dica-rolar{display:none}
@media (max-width:900px){
  .nav{flex-wrap:wrap}
  .marca{flex:0 1 auto;min-width:0}
  .marca img{height:34px;width:auto;max-width:none;object-fit:contain}
  .nav.aberto .navlinks{flex:0 0 100%;order:3}
  .navlinks a{min-height:44px;display:flex;align-items:center}
}
@media (max-width:720px){
  .fig-seq{display:none!important}
  .fig-larga,.fig-media{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-24px;margin-right:-24px;padding:0 24px 4px}
  .fig-media .ilu{min-width:520px}
  .fig-larga .ilu{min-width:720px}
  .dica-rolar{display:block;font-size:12.5px;color:#55667D;margin-top:8px;position:sticky;left:0}
  .sec-cta .wrap{gap:28px}
  .cta-foto{aspect-ratio:16/10}
  .card{padding:22px 20px}
  .head{gap:14px}
  h2{font-size:24px;line-height:1.2}
  .sub{font-size:18px}
  .clientes{padding:48px 0}
  .clientes .head{margin-bottom:24px}
  .foot{padding:44px 0 32px}
  .foot .dados{gap:18px}
  .faq summary{min-height:44px;align-items:center}
}
@media (max-width:900px){.sec div[style*="max-width:280px"]{flex:1 1 100% !important;max-width:100% !important;min-width:0 !important}}