/* CARTÕES SEMPRE ALINHADOS (17/10, pedido do Michel) -- regra ÚNICA para todo layout que usa as grades `.info-grade` (informações) e `.especies-grade` (categorias). */
/* cartões SEMPRE alinhados (17/10): 4 cartões = 2 e 2; 6 = 3 e 2 linhas; nunca 3 + 1 sobrando sozinho. Vale para a grade de informações e a de categorias. */
.info-grade:has(> :nth-child(4):last-child), .especies-grade:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, 1fr) !important; max-width: 520px !important; margin-left: auto; margin-right: auto; }
.info-grade:has(> :nth-child(6):last-child), .especies-grade:has(> :nth-child(6):last-child) { grid-template-columns: repeat(3, 1fr) !important; max-width: 640px !important; margin-left: auto; margin-right: auto; }
.info-grade:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr) !important; max-width: 720px !important; margin-left: auto; margin-right: auto; }
@media (max-width: 520px) { .info-grade:has(> :nth-child(6):last-child), .especies-grade:has(> :nth-child(6):last-child), .info-grade:has(> :nth-child(3):last-child) { grid-template-columns: repeat(2, 1fr) !important; } }