/* ==========================================================================
   TNT SOUND — blog
   Complementa tnt.css. Mesma paleta: preto de palco, âmbar de refletor.
   ========================================================================== */

.tnt-postcard { padding: 0; overflow: hidden; }

.tnt-postcard__capa {
  display: block;
  background: var(--tnt-preto-2);
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.tnt-postcard__capa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.tnt-postcard:hover .tnt-postcard__capa img { transform: scale(1.04); }

.tnt-postcard > :not(.tnt-postcard__capa) { padding-left: 26px; padding-right: 26px; }
.tnt-postcard__meta { padding-top: 22px; }

.tnt-postcard__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .8rem;
  color: var(--tnt-cinza-2);
  margin-bottom: 12px;
}
.tnt-postcard__cat {
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--tnt-ambar-esc);
  font-size: .72rem;
}
.tnt-postcard__titulo {
  font-size: 1.16rem;
  line-height: 1.3;
  margin-bottom: .5em;
}
.tnt-postcard__titulo a { color: var(--tnt-preto); }
.tnt-postcard__titulo a:hover { color: var(--tnt-ambar-esc); }
.tnt-postcard > p {
  color: var(--tnt-cinza-2);
  font-size: .95rem;
  margin-bottom: 1em;
}
.tnt-postcard__pe {
  margin-top: auto;
  padding-bottom: 26px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: .85rem;
  color: var(--tnt-cinza-2);
}

/* ------------------------------------------------------------------ ARTIGO */
.tnt-pagehead--artigo h1 { max-width: 900px; }

.tnt-artigo__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  font-size: .9rem;
  color: #c3cbd6;
}

.tnt-artigo__capa {
  margin: 0 0 34px;
  border-radius: var(--tnt-radius);
  overflow: hidden;
  background: var(--tnt-preto-2);
}
.tnt-artigo__capa img { width: 100%; height: auto; }

.tnt-artigo__lead {
  font-size: 1.14rem;
  line-height: 1.62;
  color: var(--tnt-preto);
  border-left: 3px solid var(--tnt-ambar);
  padding-left: 18px;
  margin-bottom: 1.6em;
}

.tnt-artigo h2 { margin-top: 1.9em; margin-bottom: .55em; }
.tnt-artigo h3 { margin-top: 1.5em; margin-bottom: .4em; font-size: 1.1rem; color: var(--tnt-preto); }
.tnt-artigo p { color: #2b3442; }
.tnt-artigo ul.tnt-lista { margin-bottom: 1.4em; }

.tnt-artigo__destaque {
  margin: 1.8em 0;
  padding: 22px 26px;
  background: #fff8ea;
  border-left: 4px solid var(--tnt-ambar);
  border-radius: 0 10px 10px 0;
  font-family: var(--tnt-fonte-titulo);
  font-weight: 700;
  font-size: 1.06rem;
  line-height: 1.45;
  color: var(--tnt-preto);
}

.tnt-artigo__cta {
  margin-top: 2.4em;
  padding: 30px 30px 32px;
  background: var(--tnt-preto);
  border-radius: var(--tnt-radius);
  color: #c3cbd6;
}
.tnt-artigo__cta h2 { color: #fff; color: #fff !important; margin-top: 0 !important; }
.tnt-artigo__cta p { color: #a9b4c2; }
.tnt-artigo__cta .tnt-btn { margin-top: 6px; }

.tnt-artigo__nota {
  margin-top: 26px;
  font-size: .84rem;
  line-height: 1.55;
  color: var(--tnt-cinza-2);
  border-top: 1px solid #e3e8ef;
  padding-top: 18px;
}

/* ------------------------------------------------------------------ MOBILE */
@media (max-width: 720px) {
  .tnt-postcard > :not(.tnt-postcard__capa) { padding-left: 20px; padding-right: 20px; }
  .tnt-artigo__lead { font-size: 1.05rem; padding-left: 14px; }
  .tnt-artigo__destaque { padding: 18px 18px; font-size: 1rem; }
  .tnt-artigo__cta { padding: 24px 20px 26px; }
  .tnt-postcard__pe { flex-wrap: wrap; }
}