/* ===============================
   FILTROS – CARD PROFESIONAL FINAL
================================ */

/* Contenedor tipo tarjeta */
.filters-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 18px;
    max-width: 520px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
}

    /* Grupo campo */
    .filters-grid > div,
    .filters-grid .form-group {
        display: flex;
        flex-direction: column;
    }

    /* Labels */
    .filters-grid label {
        font-size: 12px;
        font-weight: 600;
        color: #333;
        margin-bottom: 4px;
    }

    /* Inputs y selects */
    .filters-grid input,
    .filters-grid select {
        height: 34px;
        padding: 4px 8px;
        font-size: 13.5px;
        border-radius: 6px;
        border: 1px solid #cfcfcf;
        box-sizing: border-box;
    }

        /* Focus limpio */
        .filters-grid input:focus,
        .filters-grid select:focus {
            border-color: #000;
            outline: none;
        }

/* ===============================
   BOTONES – UNIFICADOS Y ALINEADOS
================================ */

.filters-actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    display: flex;
    gap: 10px;
    align-items: center;
}

    /* 🔑 FORZAR MISMO TAMAÑO REAL */
    .filters-actions button,
    .filters-actions .btn {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        padding: 0 16px !important;
        line-height: 36px !important;
        font-size: 13.5px !important;
        min-width: 120px;
        border-radius: 6px;
        box-sizing: border-box;
    }

    /* Botón Consultar */
    .filters-actions .btn-primary {
        background-color: #000;
        border-color: #000;
        color: #fff;
    }

    /* Botón Limpiar */
    .filters-actions .btn-secondary {
        background-color: #e6e6e6;
        border-color: #e6e6e6;
        color: #000;
    }