/* Estilos da página HTML/BLOG/blog-margem-consignavel.html.
   Carregado depois do efeitos.css, do base.css e do artigo.css. */
.post-wrap{padding:4rem 0 5rem}
.post-body .capa{border-radius:20px;overflow:hidden;margin-bottom:2.6rem;max-height:360px;background:linear-gradient(135deg,#DDE9F6,#B9CDE6)}
.post-body .capa img{width:100%;height:100%;object-fit:cover}
.post-body ul{margin:0 0 1.2rem 1.3rem}

/* ---------- Caixas de apoio didático (conta e avisos) ---------- */
.conta{background:var(--bg-soft);border-radius:16px;padding:1.6rem 1.7rem;margin:1.6rem 0 1.8rem;border-left:4px solid var(--blue)}
.conta h3{font-size:1.05rem;margin-bottom:.9rem}
.conta table{width:100%;border-collapse:collapse;font-size:.97rem}
.conta td{padding:.5rem 0;border-bottom:1px solid #D9E6F4;vertical-align:top}
.conta tr:last-child td{border-bottom:none;font-weight:700;color:var(--navy)}
.conta td:last-child{text-align:right;white-space:nowrap;padding-left:1rem}
.conta .nota{margin:.9rem 0 0;font-size:.86rem;color:#5A6784;line-height:1.5}
.aviso{background:var(--orange-soft);border-radius:16px;padding:1.4rem 1.6rem;margin:1.6rem 0 1.8rem;border-left:4px solid var(--orange)}
.aviso p{margin-bottom:0;font-size:.97rem}
.aviso p + p{margin-top:.8rem}
@media (max-width:620px){
  header .nav{gap:.7rem}
  header .logo img{height:38px}
  header .nav-right{gap:.6rem}
  header .nav-right .btn{padding:.55rem .9rem;font-size:.8rem;gap:.3rem}
  header .nav-right .btn .arrow{display:none}
  /* a tabela rola dentro do proprio bloco em vez de esticar a pagina */
  .post-body table{display:block;width:100%;overflow-x:auto}
  .post-body table tbody{display:table;width:100%}
  .foot-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .conversao{padding:2.2rem 1.4rem}
  .conta{padding:1.3rem 1.2rem}
}
@media (max-width:400px){
  header .nav{gap:.5rem}
  header .logo img{height:33px}
  header .nav-right{gap:.45rem}
  header .nav-right .btn{padding:.5rem .75rem;font-size:.75rem}
}