/**
 * GlobalCSS — Subheaders
 * Barra de filtros horizontal con flex-wrap y elevación sutil.
 * Ref: design-style-guide.md §4 Spacing, §5 Elevación nivel 1
 */

.gs-subheader {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-wrap: wrap;
    padding: var(--space-md) var(--space-lg);
    background: var(--color-bg-elevated, #fff);
    border-radius: 12px;
    box-shadow:
        0 0.5px 0 rgba(0,0,0,0.04),
        0 2px 6px rgba(0,0,0,0.04);
}

@media (max-width: 768px) {
    .gs-subheader {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-md);
        padding: var(--space-md);
    }

    .gs-subheader .gs-filter-selects {
        margin-left: 0;
        flex-direction: column;
    }

    .gs-subheader .gs-select,
    .gs-subheader .gs-btn-export {
        width: 100%;
    }

    .gs-subheader .gs-btn-export {
        justify-content: center;
    }
}