/**
 * DTF Bonos — My Account styles
 */

.dtf-bonos-list {
    display: grid;
    gap: 20px;
}

.dtf-bono-card {
    transition: box-shadow 0.2s;
}

.dtf-bono-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Responsive table */
@media (max-width: 768px) {
    .dtf-bono-card div[style*="display:flex"] {
        flex-direction: column;
        gap: 8px;
    }
}