.compras-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.compras-summary .card:last-child .fs-4 { font-size: 1.15rem !important; }
.compras-movement, .compras-description { overflow-wrap: anywhere; white-space: normal; }
.compras-movement summary { cursor: pointer; color: #0d6efd; }
.compras-movement strong { white-space: nowrap; }
@media (max-width: 575px) { .compras-summary { grid-template-columns: 1fr 1fr; } .compras-summary .card:last-child { grid-column: 1 / -1; } }