*{box-sizing:border-box}
html,body{margin:0;overflow-x:hidden;font-family:"Montserrat",sans-serif;background:#fff;color:#111827}

/* HERO */
.nova-clientes-hero{position:relative;height:360px;overflow:hidden;background:#002b5c}
.nova-clientes-hero-slider,.nova-clientes-hero-slide{position:absolute;inset:0}
.nova-clientes-hero-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1.4s ease,transform 5s ease}
.nova-clientes-hero-slide.active{opacity:1;transform:scale(1)}
.nova-clientes-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,42,92,.96),rgba(0,62,132,.82),rgba(0,0,0,.25))}
.nova-clientes-hero-content{position:relative;z-index:2;max-width:1180px;height:100%;margin:auto;padding:0 25px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.nova-clientes-hero-content h1{font-size:56px;margin:0 0 16px;font-weight:800}
.nova-clientes-hero-content p{max-width:680px;font-size:18px;line-height:1.6;font-weight:600;margin:0}

/* PAGE */
.nova-clientes-page{max-width:1180px;margin:auto;padding:60px 25px 80px}
.nova-clientes-intro{text-align:center;max-width:850px;margin:0 auto 45px}
.nova-clientes-intro span,.nova-clientes-trust span{color:#0b52c0;font-weight:800;font-size:14px}
.nova-clientes-intro h2,.nova-clientes-trust h2{color:#002b5c;font-size:38px;line-height:1.15;margin:12px 0 18px;font-weight:800}
.nova-clientes-intro p,.nova-clientes-trust p{font-size:16px;line-height:1.8;color:#333}

/* STATS */
.nova-clientes-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:45px}
.nova-clientes-stats article{background:#fff;border:1px solid #e8edf5;border-radius:20px;padding:28px 22px;text-align:center;box-shadow:0 14px 34px rgba(0,31,84,.08);transition:.3s}
.nova-clientes-stats article:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,31,84,.14)}
.nova-clientes-stats i{font-size:34px;color:#0b52c0}
.nova-clientes-stats h3{color:#002b5c;font-size:20px;margin:14px 0 8px;font-weight:800}
.nova-clientes-stats p{font-size:14px;line-height:1.6;color:#333;margin:0}

/* FILTROS */
.nova-clientes-filter{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:40px}
.nova-clientes-filter button{border:1px solid #d9e4f2;background:#fff;color:#002b5c;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer;transition:.3s}
.nova-clientes-filter button.active,.nova-clientes-filter button:hover{background:#0b52c0;color:#fff;border-color:#0b52c0;transform:translateY(-2px)}

/* GRID LOGOS */
.nova-clientes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-bottom:70px}
.nova-cliente-card{height:120px;background:#fff;border:1px solid #e8edf5;border-radius:18px;display:grid;place-items:center;padding:22px;box-shadow:0 10px 28px rgba(0,31,84,.07);transition:.35s}
.nova-cliente-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px rgba(0,31,84,.14);border-color:#bcd3f2}
.nova-cliente-card img{max-width:100%;max-height:75px;object-fit:contain;filter:saturate(.95);transition:.3s}
.nova-cliente-card:hover img{filter:saturate(1.15)}
.nova-cliente-card.hide{display:none}

/* CTA */
.nova-clientes-trust{background:linear-gradient(135deg,#002b5c,#0b52c0);border-radius:26px;padding:55px 45px;text-align:center;color:#fff;box-shadow:0 22px 50px rgba(0,31,84,.20)}
.nova-clientes-trust span{color:#a9d1ff}
.nova-clientes-trust h2{color:#fff;max-width:850px;margin:12px auto 18px}
.nova-clientes-trust p{color:#eaf3ff;max-width:760px;margin:0 auto 28px}
.nova-clientes-trust a{display:inline-block;background:#fff;color:#0b52c0;text-decoration:none;font-weight:800;padding:15px 32px;border-radius:12px;transition:.3s}
.nova-clientes-trust a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.18)}

/* RESPONSIVE */
@media(max-width:1100px){
  .nova-clientes-grid{grid-template-columns:repeat(4,1fr)}
  .nova-clientes-stats{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
  .nova-clientes-hero{height:310px}
  .nova-clientes-hero-content h1{font-size:38px}
  .nova-clientes-hero-content p{font-size:15px}
  .nova-clientes-page{padding:42px 18px 60px}
  .nova-clientes-intro h2,.nova-clientes-trust h2{font-size:30px}
  .nova-clientes-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .nova-cliente-card{height:105px;padding:18px}
  .nova-clientes-stats{grid-template-columns:1fr}
  .nova-clientes-trust{padding:38px 22px}
}

@media(max-width:420px){
  .nova-clientes-grid{grid-template-columns:1fr}
}