/* =========================================================
       PÁGINA CLIENTES - CSS ADICIONAL
       O CSS original acima foi preservado sem alterações.
       ========================================================= */
    .clientes-page-hero{
      padding:82px var(--gutter) 54px;
      background:#fff;
      text-align:center;
    }
    .clientes-page-hero .eyebrow{margin-bottom:22px}
    .clientes-page-hero h1{
      max-width:1050px;
      margin:0 auto 24px;
      font-size:clamp(36px,4.2vw,64px);
      font-weight:800;
      line-height:1.08;
    }
    .clientes-page-hero p{
      max-width:820px;
      margin:0 auto;
      color:#4c5361;
      font-size:clamp(18px,1.5vw,23px);
      line-height:1.6;
    }

    .historia-clientes{
      padding:40px var(--gutter) 120px;
      background:#fff;
    }
    .historia-linha{
      max-width:1180px;
      margin:0 auto;
      position:relative;
    }
    .historia-linha:before{
      content:"";
      position:absolute;
      left:50%;
      top:0;
      bottom:0;
      width:2px;
      background:linear-gradient(var(--orange),#e9edf3 18%,#e9edf3 82%,var(--ink));
      transform:translateX(-50%);
    }
    .historia-item{
      position:relative;
      display:grid;
      grid-template-columns:1fr 92px 1fr;
      align-items:center;
      min-height:320px;
      padding:34px 0;
    }
    .historia-ponto{
      grid-column:2;
      width:20px;
      height:20px;
      border-radius:50%;
      background:var(--orange);
      border:5px solid #fff;
      box-shadow:0 0 0 2px var(--orange);
      justify-self:center;
      z-index:2;
    }
    .historia-card,
    .historia-imagem{border-radius:24px}
    .historia-card{
      padding:38px;
      background:#fff;
      border:1px solid #eceff3;
      box-shadow:0 18px 55px rgba(11,23,57,.07);
    }
    .historia-ano{
      display:block;
      margin-bottom:14px;
      color:var(--orange);
      font-size:clamp(52px,5vw,78px);
      line-height:.9;
      font-weight:900;
      letter-spacing:-.06em;
    }
    .historia-card h2{
      margin:0 0 14px;
      color:var(--ink);
      font-size:clamp(25px,2vw,34px);
      line-height:1.08;
    }
    .historia-card p{
      margin:0;
      color:#4c5361;
      font-size:17px;
      line-height:1.6;
    }
    .historia-imagem{
      width:min(100%,460px);
      max-height:260px;
      object-fit:contain;
      background:#fff;
      padding:22px;
      box-shadow:0 18px 55px rgba(11,23,57,.08);
    }
    .historia-item:nth-child(odd) .historia-card{grid-column:1;grid-row:1}
    .historia-item:nth-child(odd) .historia-imagem{grid-column:3;grid-row:1;justify-self:end}
    .historia-item:nth-child(even) .historia-card{grid-column:3;grid-row:1}
    .historia-item:nth-child(even) .historia-imagem{grid-column:1;grid-row:1;justify-self:start}

    .historia-fecho{
      max-width:920px;
      margin:68px auto 0;
      padding:48px;
      border-radius:28px;
      background:var(--ink);
      color:#fff;
      text-align:center;
      box-shadow:0 28px 75px rgba(11,23,57,.16);
    }
    .historia-fecho h2{
      margin:0 0 16px;
      font-size:clamp(34px,4vw,58px);
      line-height:1;
      text-transform:uppercase;
      letter-spacing:-.04em;
    }
    .historia-fecho p{
      margin:0;
      color:#dce2ef;
      font-size:18px;
      line-height:1.55;
    }

    @media(max-width:980px){
      .historia-linha:before{left:28px}
      .historia-item{grid-template-columns:56px 1fr;gap:0 18px;padding:30px 0}
      .historia-ponto{grid-column:1;grid-row:1 / span 2}
      .historia-card,
      .historia-imagem,
      .historia-item:nth-child(odd) .historia-card,
      .historia-item:nth-child(odd) .historia-imagem,
      .historia-item:nth-child(even) .historia-card,
      .historia-item:nth-child(even) .historia-imagem{grid-column:2}
      .historia-card{grid-row:1}
      .historia-imagem{
        grid-row:2;
        justify-self:start!important;
        margin-top:20px;
        width:min(100%,420px);
      }
    }
    @media(max-width:620px){
      .clientes-page-hero{padding:58px 24px 34px}
      .historia-clientes{padding:20px 24px 80px}
      .historia-linha:before{left:17px}
      .historia-item{grid-template-columns:34px 1fr;gap:0 12px}
      .historia-card{padding:26px 22px}
      .historia-imagem{padding:14px;max-height:220px}
      .historia-fecho{padding:38px 24px;border-radius:22px}
    }