/* Densidad y distribución: solo presentación; se conservan los tamaños de imagen. */
@media screen {
    .certificate-app { --ui-space: 1rem; }
    .admin-panel #main-content > .container-fluid { padding: 1rem 1.25rem 2rem; }
    .admin-panel .section { padding-block: .5rem; }
    .certificate-app .workspace-topbar { padding-bottom: .75rem; margin-bottom: 1rem; }
    .certificate-app .workspace-context { margin-top: .15rem; }
    .certificate-app .section h2 { font-size: 1.45rem; margin-bottom: .25rem; }
    .certificate-app .ui-section-description { font-size: .82rem; margin: .2rem 0 0; }
    .ui-module-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
    .ui-module-title { min-width: 0; }
    .ui-module-actions { display: flex; flex-wrap: wrap; gap: .5rem; flex-shrink: 0; }
    .ui-module-actions > div { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 !important; }
    .ui-module-actions .btn { margin: 0 !important; }
    .certificate-app .card-body { padding: 1rem; }
    .certificate-app .card-header { padding: .8rem 1rem; }
    .certificate-app .card-header h5 { font-size: 1rem; }
    .certificate-app .section > .mb-4,
    .certificate-app .section > .row.mb-4 { margin-bottom: 1rem !important; }
    .certificate-app .section > .card.mb-3 { margin-bottom: .8rem !important; }
    .certificate-app .section .row { --bs-gutter-x: 1rem; --bs-gutter-y: .75rem; }
    .certificate-app .section > .card > .card-body > .table-responsive { margin-bottom: 0; }
    .certificate-app .table { margin-bottom: 0; line-height: 1.45; }
    .certificate-app .table > thead > tr > th { padding: .7rem .7rem !important; }
    .certificate-app .table > tbody > tr > td { padding: .65rem .7rem; }
    .certificate-app .table .btn-group { gap: .3rem; }
    .certificate-app .table td .ui-image-unavailable { padding: .5rem; margin: .25rem 0; max-width: 240px; }
    .certificate-app .table td .ui-image-expand { margin-block: .35rem; }
    .certificate-app .form-label { margin-bottom: .35rem; }
    .certificate-app .modal-header { padding: .9rem 1.1rem; }
    .certificate-app .modal-body { padding: 1.1rem; }
    .certificate-app .modal-footer { padding: .75rem 1.1rem; }
    .certificate-app .modal-body .row { --bs-gutter-x: 1rem; }
    .certificate-app .modal-body .mb-3 { margin-bottom: .8rem !important; }
    .certificate-app .modal-content { max-height: calc(100dvh - 2rem); }
    .certificate-app .modal-body { overflow-y: auto; min-height: 0; }
    .certificate-app .modal-header,
    .certificate-app .modal-footer { flex-shrink: 0; }
    .admin-panel #dashboard > .d-flex { margin-bottom: 1rem !important; }
    .ui-dashboard-panels { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
    .admin-panel .ui-dashboard-panels > .row { margin-bottom: 0 !important; }
    .admin-panel #dashboard .ui-statistics .dashboard-card .card-body {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: .9rem;
        align-items: center;
        padding: 1rem !important;
    }
    .admin-panel #dashboard .ui-statistics .dashboard-icon { grid-column: 1; grid-row: 1 / 3; margin: 0 !important; }
    .admin-panel #dashboard .ui-statistics h6 { grid-column: 2; grid-row: 1; margin: 0 !important; }
    .admin-panel #dashboard .ui-statistics h2 { grid-column: 2; grid-row: 2; font-size: 1.9rem; line-height: 1.15; margin: .2rem 0 0 !important; }
    .certificate-app .content-wrapper { width: 100%; max-width: 1480px; padding: 1.25rem; }
    .certificate-app .home-container { max-width: 1240px; padding: 1rem; }
    .certificate-app .logo-section { margin-bottom: 1.5rem; }
    .certificate-app .options-container { gap: 1rem; margin-top: 1rem; }
    .certificate-app .option-card { padding: 1.5rem; }
    .certificate-app .option-card > i { margin-bottom: 1rem; width: 48px; height: 48px; }
    .certificate-app .verify-section { margin-top: 1rem; padding: 1.25rem; }
    .certificate-app .login-body { padding: 1.75rem; }
}
@media screen and (min-width: 1200px) {
    .admin-panel #main-content > .navbar { width: 220px; padding: 1.25rem .85rem 1rem; }
    .admin-panel .navbar > .container-fluid { gap: 1.25rem; }
    .admin-panel .navbar .nav-link { padding: .65rem .75rem; }
    .admin-panel #main-content > .container-fluid { margin-left: 220px; width: calc(100% - 220px); padding-inline: 1.25rem; }
}
@media screen and (min-width: 992px) {
    .certificate-app .modal-lg { max-width: min(1000px, calc(100vw - 3rem)); }
    .certificate-app .modal-xl { max-width: min(1360px, calc(100vw - 3rem)); }
    .certificate-app .modal-dialog:not(.modal-lg):not(.modal-xl) { max-width: 640px; }
    .certificate-app .modal-body .form-control,
    .certificate-app .modal-body .form-select { min-height: 40px; }
    .certificate-app > .container { max-width: 1480px; width: calc(100% - 2rem); }
}
@media screen and (min-width: 576px) and (max-width: 767.98px) {
    .admin-panel #dashboard .ui-statistics > * { width: 33.333333%; }
}
@media screen and (min-width: 1600px) {
    .ui-dashboard-panels { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: start; }
    .admin-panel .ui-dashboard-panels > .row > .col-12 { margin-top: 0; }
    .admin-panel .ui-dashboard-panels .col-md-8,
    .admin-panel .ui-dashboard-panels .col-md-4 { width: 100%; }
}
@media screen and (max-width: 767.98px) {
    .admin-panel #main-content > .container-fluid { padding: .85rem .75rem 1.5rem; }
    .certificate-app .workspace-topbar { margin-bottom: .85rem; gap: .5rem; }
    .certificate-app .ui-module-heading { flex-wrap: wrap; gap: .65rem; }
    .certificate-app .ui-module-actions { flex-shrink: 1; }
    .certificate-app .ui-module-actions > div { width: 100%; }
    .certificate-app .section h2 { font-size: 1.25rem; }
    .certificate-app .card-body { padding: .85rem; }
    .certificate-app .card-header { padding: .75rem .85rem; }
    .certificate-app .btn,
    .certificate-app .form-control,
    .certificate-app .form-select { min-height: 44px; }
    .certificate-app .table .btn { min-height: 44px; }
    .admin-panel .table-mobile-cards tr { padding: .75rem !important; margin-bottom: .75rem !important; }
    .admin-panel .table-mobile-cards td,
    .admin-panel .table-mobile-cards td[data-label*="ID"] { padding: .4rem 0 !important; }
    .certificate-app .modal-dialog { margin-block: .5rem; }
    .certificate-app .modal-content { max-height: calc(100dvh - 1rem); }
    .certificate-app .modal-body { padding: .85rem; }
    .certificate-app .modal-footer { padding: .75rem .85rem; }
    .certificate-app .content-wrapper { padding: .85rem; }
}
@media screen and (max-width: 575.98px) {
    .ui-module-actions { width: 100%; }
    .ui-module-actions .btn { flex: 1 1 auto; }
    .ui-module-actions > div > .btn { flex: 1 1 130px; }
}