/* v58 home (agente home). Tokens de docs/URAH/DESIGN.md. Tema claro. */
.h5-next{background:#f3f5f9}
.h5-faq{background:#fff}

.v58-sec{padding:56px 0;border-top:1px solid #d5dbe7}
.v58-sec 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;max-width:820px}
.v58-sec > .container > p{color:#4a5470;max-width:720px;line-height:1.55;margin:0 0 18px}
.v58-note{font-size:.85rem;line-height:1.5;color:#4a5470;margin:12px 0 0;max-width:820px}

/* por onde começar: cada caminho é uma linha de planilha */
.v58-rows{list-style:none;margin:0;padding:0;border-top:1px solid #d5dbe7}
.v58-rows li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:6px 24px;align-items:baseline;padding:14px 0;border-bottom:1px solid #d5dbe7}
.v58-rows a{color:#1f4bb8;font-weight:600;font-size:1.05rem;line-height:1.35;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.v58-rows span{color:#4a5470;font-size:.95rem;line-height:1.5}

/* um sistema só: tabela de planilha */
.v58-tbl-wrap{width:100%}
.v58-tbl{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff}
.v58-tbl th,.v58-tbl td{border:1px solid #d5dbe7;padding:10px 12px;text-align:left;vertical-align:top;line-height:1.45}
.v58-tbl thead th{background:#eaf0fb;color:#13203f;font-weight:700}
.v58-tbl tbody th{font-weight:600;color:#13203f;width:26%}
.v58-tbl td{color:#4a5470}

/* caso real: ficha simples */
.v58-ficha{margin-top:28px;border:1px solid #d5dbe7;background:#fff;border-radius:4px;max-width:640px}
.v58-ficha h3{margin:0;padding:12px 16px;background:#eaf0fb;font-family:"Archivo",sans-serif;font-stretch:87.5%;font-weight:700;font-size:1.1rem;color:#13203f}
.v58-ficha dl{margin:0}
.v58-ficha dl > div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 16px;border-top:1px solid #d5dbe7}
.v58-ficha dt{font-weight:600;color:#13203f}
.v58-ficha dd{margin:0;color:#4a5470;line-height:1.45}
.v58-ficha .v58-note{padding:0 16px 14px;margin:0}

/* como começar */
.v58-steps{margin:0;padding:0 0 0 1.3em;border-top:1px solid #d5dbe7;max-width:820px}
.v58-steps li{padding:12px 0 12px 4px;border-bottom:1px solid #d5dbe7;color:#4a5470;line-height:1.5}
.v58-steps b{display:block;color:#13203f;font-weight:600;margin-bottom:2px}

.v58-guar{margin:12px 0 0;font-size:.9rem;color:#dfe6f7}
/* botao secundario "Prefere que a gente mostre?" com area de toque de 44 px */
a[href="demonstracao"]{min-height:44px;display:inline-flex;align-items:center}

@media (max-width:760px){
  .v58-sec{padding:40px 0}
  .v58-rows li{grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 0}
  .v58-tbl thead{display:none}
  .v58-tbl,.v58-tbl tbody,.v58-tbl tr,.v58-tbl th,.v58-tbl td{display:block;width:100%}
  .v58-tbl tr{border-bottom:1px solid #d5dbe7;padding:6px 0}
  .v58-tbl tbody th{width:100%;border:0;padding:8px 0 2px}
  .v58-tbl td{border:0;padding:2px 0 4px}
  .v58-tbl td::before{content:attr(data-label);display:block;font-weight:600;color:#13203f;font-size:.85rem}
}
@media (max-width:480px){
  .v58-ficha dl > div{grid-template-columns:minmax(0,1fr);gap:2px}
}

/* integrador v58: alvo de toque minimo de 44 px */
details > summary { min-height: 44px; }