/* Latin NCAP (templates/latin-ncap.tpl). Tokens de css/refinado.css; estrelas e barras como na ficha (css/ficha.css). */
.ln { padding-bottom: 48px; max-width: 1080px; }
.ln-topo { padding: 10px 0 4px; }
.ln-chapeu { font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: #13824a; }
body .ln h1 { font-size: 32px; line-height: 1.15; font-weight: 800; letter-spacing: -.02em; color: #18181b; margin: 6px 0 10px; }
body .ln h2 { font-size: 21px; font-weight: 800; margin: 0 0 12px; }
body .ln-topo p { font-size: 15.5px; line-height: 1.6; color: #3f3f46; margin: 0 0 10px; max-width: 840px; }
body .ln-topo p.ln-aviso { background: #fffbeb; border: 1px solid #fde68a; border-radius: 12px; padding: 10px 14px; font-size: 14.5px; }
.ln-bloco { margin-top: 30px; }
.ln-sub { color: #52525b; margin: -4px 0 12px; font-size: 14.5px; }
.ln-estrelas { display: inline-flex; gap: 1px; vertical-align: middle; }
.ln-estrelas svg { width: 17px; height: 17px; fill: #e4e4e7; }
.ln-estrelas svg.cheia { fill: #ffb400; }
.ln-ultimos { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
body a.ln-card { display: flex; flex-direction: column; gap: 6px; padding: 12px; border: 1px solid #ececef; border-radius: 14px; background: #fff; color: #18181b; text-decoration: none; }
body a.ln-card:hover { border-color: #86efac; text-decoration: none; }
.ln-card img, .ln-card-sem { width: 100%; height: 80px; object-fit: contain; }
.ln-card-sem { border-radius: 10px; background: #f4f4f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='1.5'%3E%3Cpath d='M3 13l2-5h14l2 5v5H3z M7 18v2 M17 18v2 M3 13h18'/%3E%3C/svg%3E") center / 34px no-repeat; }
.ln-card b { font-size: 14px; line-height: 1.3; }
.ln-card small { font-size: 12.5px; color: #71717a; }
.ln-abas { display: flex; gap: 4px; border-bottom: 1px solid #e4e4e7; margin-bottom: 12px; }
body .ln-abas button { font: inherit; font-size: 14.5px; font-weight: 700; background: none; border: 0; border-bottom: 3px solid transparent; padding: 8px 14px; color: #71717a; cursor: pointer; }
body .ln-abas button.ativo { color: #18181b; border-bottom-color: #13824a; }
.ln-abas small { font-weight: 500; opacity: .7; }
.ln-ferramentas { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.ln-filtro-estrelas { display: flex; flex-wrap: wrap; gap: 6px; }
body .ln-filtro-estrelas button { font: inherit; font-size: 13.5px; border: 1px solid #ececef; border-radius: 999px; padding: 6px 12px; background: #fff; color: #3f3f46; cursor: pointer; }
body .ln-filtro-estrelas button.ativo { background: #18181b; border-color: #18181b; color: #fff; }
#ln-busca { font: inherit; font-size: 14px; border: 1px solid #e4e4e7; border-radius: 999px; padding: 7px 14px; width: 240px; }
.ln-nota-protocolo { font-size: 13.5px; color: #52525b; margin: 0 0 12px; }
.ln-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ln-item { display: grid; grid-template-columns: 96px minmax(0, 1.4fr) 150px minmax(0, 1.3fr) 96px; gap: 14px; align-items: center; padding: 8px 14px; border: 1px solid #ececef; border-radius: 14px; background: #fff; }
.ln-item img, .ln-sem-foto { width: 96px; height: 64px; object-fit: contain; }
.ln-sem-foto { border-radius: 8px; background: #f4f4f5; }
.ln-nome { display: flex; flex-direction: column; min-width: 0; }
.ln-nome b { font-size: 15.5px; }
.ln-nome small { font-size: 12.5px; color: #71717a; }
.ln-nota { display: flex; flex-direction: column; gap: 2px; }
.ln-par { font-size: 12px; color: #52525b; display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.ln-par .ln-estrelas svg { width: 14px; height: 14px; }
.ln-pcts { display: grid; gap: 3px; font-size: 12px; }
.ln-pcts > span { display: grid; grid-template-columns: 74px minmax(0, 1fr) 46px; gap: 8px; align-items: center; font-variant-numeric: tabular-nums; text-align: right; }
.ln-pcts em { font-style: normal; color: #52525b; text-align: left; }
.ln-pcts i { display: block; height: 6px; background: #f4f4f5; border-radius: 99px; overflow: hidden; }
.ln-pcts i b { display: block; height: 100%; background: #f0a24b; }
.ln-pcts i b.bom { background: #13824a; }
.ln-pcts i b.fraco { background: #c9362f; }
body a.ln-ver { font-size: 13px; font-weight: 700; color: #13824a; text-decoration: none; text-align: right; }
.ln-e0 { border-left: 4px solid #c9362f; }
.ln-e5 { border-left: 4px solid #13824a; }
.ln-vazio { color: #71717a; }
.ln-evolucao { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ln-ev { border: 1px solid #ececef; border-radius: 14px; background: #fff; padding: 12px 14px; }
body .ln-ev h3 { font-size: 16px; margin: 0 0 6px; }
.ln-ev ol { list-style: none; margin: 0; padding: 0; font-size: 13.5px; }
.ln-ev li { padding: 2px 0; }
body .ln-ev li a { color: #18181b; text-decoration: none; }
.ln-ev em { font-style: normal; color: #71717a; display: inline-block; min-width: 64px; }
.ln-como ul { padding-left: 20px; font-size: 14.5px; line-height: 1.6; color: #3f3f46; }
@media (max-width: 900px) {
  .ln-ultimos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ln-evolucao { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ln-item { grid-template-columns: 72px minmax(0, 1fr) 130px; }
  .ln-item img, .ln-sem-foto { width: 72px; height: 48px; }
  .ln-pcts { grid-column: 1 / -1; }
  .ln-ver { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  body .ln h1 { font-size: 25px; }
  .ln-ultimos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ln-evolucao { grid-template-columns: minmax(0, 1fr); }
  .ln-item { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 8px 10px; }
  .ln-item img, .ln-sem-foto { width: 64px; height: 44px; }
  .ln-nota { grid-column: 2; }
  body a.ln-ver { text-align: left; }
  #ln-busca { width: 100%; }
}