/* =========================
   personalizado - bootstrap skill
   ========================= */
:root {
    --ui-page-max: 1200px;
    --ui-space-1: 0.75rem;
}

.ui-page {
    max-width: var(--ui-page-max);
    margin: 0 auto;
    padding: 1.5rem;
}

.ui-title {
    margin-bottom: 1rem;
}

.ui-form {
    display: grid;
    gap: var(--ui-space-1);
}

.ui-btn {
    min-width: 8rem;
}

.ui-card {
    border-radius: 0.5rem;
}

.ui-modal .modal-header {
    border-bottom: 0;
}

.ui-modal .modal-footer {
    border-top: 0;
}

/* Keep Bootstrap small select visible even with theme overrides. */
.form-select.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
    background-size: 6px;
    min-height: calc(1.5em + 0.5rem + 2px);
}