/* Blog da Acessus: folha propria, enxuta, com os tokens do kit do site.
   Cores: #171958 (navy), #2C2E81 (primaria), #F6F4FE (fundo claro), #64748B (cinza).
   Fontes: Roboto Flex (titulos) e Inter (texto), ja servidas pela base.css. */
.blog{background:#fff;color:#1f2437;font-family:"Inter",system-ui,sans-serif;font-size:18px;line-height:1.7}
.blog a{color:#2C2E81}
.blog main{max-width:1140px;margin:0 auto;padding:40px 16px 64px}
.blog article{max-width:800px;margin:0 auto}
.blog .trilha{font-size:14px;color:#64748B;margin:0 0 20px}
.blog .trilha a{color:#64748B;text-decoration:none}
.blog .trilha a:hover{text-decoration:underline}
.blog h1{font-family:"Roboto Flex","Roboto",sans-serif;font-size:40px;line-height:1.15;font-weight:700;color:#171958;margin:0 0 16px;letter-spacing:-0.01em}
.blog h2{font-family:"Roboto Flex","Roboto",sans-serif;font-size:28px;line-height:1.25;font-weight:700;color:#171958;margin:44px 0 14px}
.blog h3{font-family:"Roboto Flex","Roboto",sans-serif;font-size:21px;line-height:1.3;font-weight:700;color:#2C2E81;margin:32px 0 10px}
.blog p{margin:0 0 18px}
.blog ul,.blog ol{margin:0 0 18px;padding-left:24px}
.blog li{margin:0 0 8px}
.blog .meta{font-size:15px;color:#64748B;margin:0 0 24px}
.blog .meta a{color:#64748B}
.blog .autor{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:15px;color:#64748B;border-top:1px solid #DCDCDE;border-bottom:1px solid #DCDCDE;padding:12px 0;margin:0 0 28px}
.blog .autor strong{color:#171958;font-weight:600}
.blog .hero{margin:0 0 28px;border-radius:14px;overflow:hidden;background:#F6F4FE}
.blog .hero img{display:block;width:100%;height:auto}
.blog .resposta-direta{background:#F6F4FE;border-left:5px solid #2C2E81;border-radius:0 12px 12px 0;padding:20px 24px;margin:0 0 32px;font-size:19px;line-height:1.65;color:#171958}
.blog .resposta-direta strong{color:#2C2E81}
.blog table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:16px}
.blog th{background:#171958;color:#fff;text-align:left;padding:10px 12px;font-weight:600}
.blog td{padding:10px 12px;border-bottom:1px solid #DCDCDE;vertical-align:top}
.blog tr:nth-child(even) td{background:#F9F9F7}
.blog blockquote{margin:0 0 24px;padding:16px 20px;border-left:4px solid #DCDCDE;color:#323481;background:#F9F9F7}
.blog .bloco{border-radius:12px;padding:18px 22px;margin:0 0 24px}
.blog .bloco p:last-child{margin:0}
.blog .bloco-dica{background:#EEF4FF;border:1px solid #C9D8F7}
.blog .bloco-atencao{background:#FFF4E5;border:1px solid #F5D9A8}
.blog .bloco strong:first-child{color:#171958}
.blog .base-legal{background:#F9F9F7;border:1px solid #DCDCDE;border-radius:12px;padding:18px 22px;margin:32px 0}
.blog .base-legal h2{font-size:20px;margin:0 0 10px}
.blog .base-legal ul{margin:0;padding-left:20px;font-size:16px}
.blog details{border:1px solid #DCDCDE;border-radius:10px;padding:12px 18px;margin:0 0 10px;background:#fff}
.blog summary{cursor:pointer;font-weight:600;color:#171958;font-size:17px}
.blog details p{margin:12px 0 0;font-size:17px}
.blog .converte{display:inline-block;background:#2C2E81;color:#fff;text-decoration:none;font-weight:600;padding:14px 22px;border-radius:10px;margin:8px 0 28px}
.blog .converte:hover{background:#171958}
.blog .relacionados ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.blog .relacionados li{margin:0}
.blog .relacionados a{display:block;background:#F6F4FE;border:1px solid #DCDCDE;border-radius:10px;padding:14px 16px;text-decoration:none;font-weight:600;line-height:1.35;color:#2C2E81}
.blog .tags{font-size:15px;color:#64748B}
.blog .lista-posts{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.blog .lista-posts li{margin:0}
.blog .lista-posts article{max-width:none;background:#fff;border:1px solid #DCDCDE;border-radius:14px;padding:22px 22px 18px;height:100%}
.blog .lista-posts h2{font-size:21px;margin:0 0 10px;line-height:1.3}
.blog .lista-posts h2 a{color:#171958;text-decoration:none}
.blog .lista-posts h2 a:hover{color:#2C2E81}
.blog .lista-posts p{font-size:16px;color:#323481;margin:0 0 12px}
.blog .lista-posts .meta{font-size:14px;margin:0}
.blog .hub-intro{max-width:800px;font-size:19px;color:#323481}
.blog .hub-converte{display:inline-block;background:#F6F4FE;border:1px solid #C9D8F7;color:#171958;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:600;margin:6px 0 20px}
.blog nav[aria-label="Ordenacao"] a,.blog nav[aria-label="Ordenação"] a{margin-right:14px;font-size:15px}
.blog .paginacao{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0;font-size:16px}
.blog .paginacao a,.blog .paginacao span{padding:8px 14px;border:1px solid #DCDCDE;border-radius:8px;text-decoration:none}
.blog .paginacao [aria-current]{background:#171958;color:#fff;border-color:#171958}
@media (max-width:640px){.blog{font-size:17px}.blog h1{font-size:30px}.blog h2{font-size:24px}.blog main{padding:24px 16px 48px}.blog .resposta-direta{font-size:17px;padding:16px 18px}}