/* v60 home: ficha do caso real, titulos da regiao dos clientes e rodape. Tokens do DESIGN.md. */

/* titulos "Empresas que ja usam a URAH" e "Como comecar": sem letter-spacing negativo, alinhados a esquerda */
.h5-clients h2,.v58-how h2,.v60-caso h2{letter-spacing:0!important;word-spacing:0}
.h5-clients{text-align:left;padding:56px 0 48px;border-top:1px solid #d5dbe7}
.h5-clients h2{font-family:"Archivo",sans-serif;font-stretch:87.5%;font-weight:700;color:#13203f;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.2;margin:0 0 12px}
.h5-clients>div>p{color:#4a5470;font-size:1rem;margin:0 0 18px;max-width:720px}
.h5-clients .h5-cnames--logos{margin:0;max-width:none;justify-items:start}
.h5-clients .h5-cnames--logos a{justify-content:flex-start}
.h5-clients .h5-cnames--logos img{object-position:left center}

/* ficha do caso real: papelada passada a limpo, a esquerda, sem caixa, sem sombra */
.v60-ficha{max-width:none;border-top:2px solid #13203f}
.v60-cmp{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;border-bottom:1px solid #d5dbe7}
.v60-col{padding:22px 0 20px}
.v60-hoje{padding-left:32px;border-left:1px solid #d5dbe7}
.v60-lab{margin:0 0 6px;font-weight:600;font-size:1rem;color:#4a5470}
.v60-num{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;font-family:"Archivo",sans-serif;font-stretch:87.5%;font-weight:700;line-height:1;letter-spacing:0}
.v60-big{font-size:clamp(3.6rem,7vw,5.6rem);line-height:.95;font-variant-numeric:tabular-nums}
.v60-pre,.v60-un{font-size:1.15rem;font-weight:600;font-family:"Public Sans",sans-serif;font-stretch:100%}
.v60-antes .v60-num{color:#3a4258}
.v60-hoje .v60-num{color:#1f4bb8}
.v60-hoje .v60-lab{color:#1f4bb8}
.v60-mid{padding:0 28px;align-self:stretch;display:flex;align-items:center;justify-content:center;border-left:1px solid #d5dbe7;text-align:center}
.v60-mid span{font-weight:600;font-size:1rem;line-height:1.35;color:#13203f;max-width:9.5em}
.v60-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px;padding:14px 0}
.v60-task{margin:0;font-weight:700;color:#13203f;font-size:1.05rem}
.v60-src{margin:0;display:flex;align-items:center;gap:10px;color:#4a5470;font-size:.95rem;line-height:1.45;max-width:560px}
.v60-src img{height:24px;width:auto;flex:0 0 auto;display:block}
.v60-src b{color:#13203f;font-weight:600}

@media (max-width:760px){
  .h5-clients{padding:40px 0 36px}
  .v60-cmp{grid-template-columns:minmax(0,1fr)}
  .v60-col{padding:16px 0}
  .v60-hoje{padding-left:0;border-left:0;border-top:1px solid #d5dbe7}
  .v60-mid{border-left:0;padding:10px 0;justify-content:flex-start;text-align:left;align-self:auto;background:#eaf0fb;}
  .v60-mid span{max-width:none}
  .v60-big{font-size:3.4rem}
  .v60-foot{flex-direction:column;align-items:flex-start;gap:6px}
}

