/* /Components/Auth/AuthSidebar.razor.rz.scp.css */
.auth-sidebar[b-0009oiby2b] {
    position: relative;
    display: none;
    width: 50%;
    min-width: 0;
    min-height: 720px;
    overflow: hidden;
    background-color: #111827;
}


.auth-sidebar__background[b-0009oiby2b] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.auth-sidebar__overlay[b-0009oiby2b] {
    position: absolute;
    inset: 0;
    z-index: 1;
}


.auth-sidebar__overlay--user[b-0009oiby2b] {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.05) 0%,
        rgba(0, 0, 0, 0.20) 45%,
        rgba(0, 0, 0, 0.88) 100%
    );
}


.auth-sidebar__overlay--school[b-0009oiby2b] {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.05) 0%,
        rgba(0, 0, 0, 0.20) 42%,
        rgba(0, 0, 0, 0.90) 100%
    );
}


.auth-sidebar__content[b-0009oiby2b] {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    width: 100%;
    height: 100%;
    min-height: 720px;

    padding: 40px 40px 80px;
    box-sizing: border-box;

    color: #ffffff;
}


.auth-sidebar__inner[b-0009oiby2b] {
    width: 100%;
}


.auth-sidebar__inner--user[b-0009oiby2b] {
    max-width: 420px;
}


.auth-sidebar__inner--school[b-0009oiby2b] {
    max-width: 440px;
}


.auth-sidebar__title[b-0009oiby2b] {
    margin: 0 0 14px;

    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.15;
}


.auth-sidebar__description[b-0009oiby2b] {
    margin: 0 0 38px;

    color: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.6;
}


.auth-sidebar__logo[b-0009oiby2b] {
    display: block;
    width: auto;
    height: 68px;

    object-fit: contain;
    object-position: left center;
}


@media (min-width: 768px) {
    .auth-sidebar[b-0009oiby2b] {
        display: block;
        flex: 0 0 50%;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .auth-sidebar__content[b-0009oiby2b] {
        padding-right: 28px;
        padding-left: 28px;
    }

    .auth-sidebar__logo[b-0009oiby2b] {
        height: 62px;
    }
}
/* /Components/Auth/LoginForm.razor.rz.scp.css */
.login-form-section[b-7a88vquljv] {
    width: 50%;
    min-height: 720px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 80px;
    background: var(--background-color);
}

.login-form-container[b-7a88vquljv] {
    width: 100%;
    max-width: 576px;
    padding: 32px;
    border-radius: 16px;
    background: var(--background-color);
}

.login-form-tabs[b-7a88vquljv] {
    display: flex;
    gap: 24px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e5e7eb;
}

.login-form-tab[b-7a88vquljv] {
    padding: 0 0 12px;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--secondary-font-color);
    background: transparent;
    font-family: var(--font-medium);
    font-size: var(--secondary-font-size, 14px);
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, opacity .2s ease;
}

.login-form-tab:hover:not(:disabled)[b-7a88vquljv] {
    color: var(--primary-font-color);
}

.login-form-tab--active[b-7a88vquljv] {
    border-bottom-color: var(--primary-color);
    color: var(--primary-color);
    font-family: var(--font-semibold);
    font-weight: 600;
}

.login-form-fields[b-7a88vquljv],
.login-recovery[b-7a88vquljv] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.login-form-field[b-7a88vquljv] {
    width: 100%;
}

.login-form-field label[b-7a88vquljv] {
    display: block;
    margin-bottom: 6px;
    color: var(--primary-font-color);
    font-family: var(--font-bold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.login-form-field label span[b-7a88vquljv] {
    color: #dc2626;
}

.login-form-input[b-7a88vquljv] {
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--font-medium);
    font-size: var(--secondary-font-size, 14px);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.login-form-input:focus[b-7a88vquljv] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(255, 133, 0, .12);
}

.login-form-input:disabled[b-7a88vquljv] {
    color: #6b7280;
    background: #f3f4f6;
    opacity: .7;
    cursor: not-allowed;
}

.login-form-options[b-7a88vquljv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 4px;
}

.login-form-remember[b-7a88vquljv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--secondary-font-color);
    font-family: var(--font-medium);
    font-size: var(--secondary-font-size, 14px);
    cursor: pointer;
}

.login-form-remember input[b-7a88vquljv] {
    width: 16px;
    height: 16px;
    accent-color: var(--primary-color);
    cursor: pointer;
}

.login-form-forgot[b-7a88vquljv],
.login-recovery-return[b-7a88vquljv] {
    padding: 0;
    border: 0;
    color: var(--primary-font-color);
    background: transparent;
    font-family: var(--font-medium);
    font-size: var(--secondary-font-size, 14px);
    text-decoration: underline;
    cursor: pointer;
    transition: opacity .2s ease;
}

.login-form-forgot:hover:not(:disabled)[b-7a88vquljv],
.login-recovery-return:hover:not(:disabled)[b-7a88vquljv] {
    opacity: .75;
}

.login-form-error[b-7a88vquljv] {
    margin: 0;
    padding: 12px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    color: #dc2626;
    background: #fef2f2;
    font-family: var(--font-semibold);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.login-form-submit[b-7a88vquljv] {
    padding-top: 16px;
}

.login-button[b-7a88vquljv] {
    width: 100%;
    min-height: 48px;

    padding: 12px 20px;

    border: 0;
    border-radius: 12px;

    color: var(--secondary-color);
    background: var(--primary-color);

    font-family: var(--font-semibold);
    font-size: var(--secondary-font-size, 14px);
    font-weight: 600;

    cursor: pointer;

    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);

    transition:
        background-color .2s ease,
        box-shadow .2s ease,
        opacity .2s ease,
        transform .1s ease;
}

.login-button:hover:not(:disabled)[b-7a88vquljv] {
    opacity: .9;

    box-shadow:
        0 4px 10px rgba(15, 23, 42, .12);
}

.login-button:active:not(:disabled)[b-7a88vquljv] {
    transform: translateY(1px);
}

.login-button:disabled[b-7a88vquljv] {
    opacity: .7;
    cursor: not-allowed;
}

.login-recovery[b-7a88vquljv] {
    width: 100%;
    padding: 32px;
}

.login-recovery-heading[b-7a88vquljv] {
    margin-bottom: 8px;
    text-align: center;
}

.login-recovery-heading h2[b-7a88vquljv] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--font-bold);
    font-size: 24px;
}

.login-recovery-heading p[b-7a88vquljv] {
    margin: 8px 0 0;
    color: var(--secondary-font-color);
    font-family: var(--font-medium);
    font-size: 14px;
}

.login-recovery-description[b-7a88vquljv] {
    margin: 0;
    color: var(--secondary-font-color);
    font-family: var(--font-medium);
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
}

.login-recovery-email[b-7a88vquljv] {
    margin: 0;
    color: var(--secondary-font-color);
    font-family: var(--font-medium);
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
}

.login-recovery-email strong[b-7a88vquljv] {
    display: block;
    margin-top: 4px;
    color: var(--primary-color);
    overflow-wrap: anywhere;
}

.login-recovery-return[b-7a88vquljv] {
    width: 100%;
    color: var(--primary-color);
    text-align: center;
}

.login-modal-overlay[b-7a88vquljv] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(0, 0, 0, .40);
}

.login-modal[b-7a88vquljv] {
    width: min(448px, 100%);
    padding: 32px;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    background: var(--background-color);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .22);
}

.login-modal h2[b-7a88vquljv] {
    margin: 0 0 16px;
    color: var(--primary-font-color);
    font-family: var(--font-bold);
    font-size: 20px;
    text-align: center;
}

.login-modal p[b-7a88vquljv] {
    margin: 0 0 24px;
    color: var(--secondary-font-color);
    font-family: var(--font-medium);
    font-size: var(--secondary-font-size, 14px);
    line-height: 1.6;
    text-align: center;
    white-space: pre-line;
}

.login-form-section button:disabled[b-7a88vquljv] {
    cursor: not-allowed;
}

@media (max-width: 1024px) {
    .login-form-section[b-7a88vquljv] {
        padding-right: 40px;
        padding-left: 40px;
    }
}

@media (max-width: 767px) {
    .login-form-section[b-7a88vquljv] {
        width: 100%;
        min-height: auto;
        padding: 40px 24px;
    }

    .login-form-container[b-7a88vquljv] {
        padding: 24px;
    }

    .login-recovery[b-7a88vquljv] {
        padding: 16px 0;
    }
}

@media (max-width: 480px) {
    .login-form-section[b-7a88vquljv] {
        padding-right: 16px;
        padding-left: 16px;
    }

    .login-form-container[b-7a88vquljv] {
        padding: 20px 16px;
    }

    .login-form-options[b-7a88vquljv] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .login-form-forgot[b-7a88vquljv] {
        text-align: left;
    }
}
/* /Components/Auth/RegisterForm.razor.rz.scp.css */
.register-form[b-pjmfijz4en] {
    display: flex;
    align-items: flex-start;
    justify-content: center;

    flex: 1 1 100%;
    width: 100%;
    min-width: 0;

    height: calc(100vh - 88px);
    min-height: 0;

    padding: 24px 32px;
    box-sizing: border-box;

    overflow: hidden;

    background-color: var(--background-color, #f5f5f5);
}


.register-form__container[b-pjmfijz4en] {
    width: 100%;
    max-width: 576px;

    height: 100%;
    max-height: 100%;

    padding: 8px 32px 40px;
    box-sizing: border-box;

    overflow-x: hidden;
    overflow-y: auto;

    scrollbar-width: thin;
    scrollbar-color: #bfc4cb transparent;
}


.register-form__container[b-pjmfijz4en]::-webkit-scrollbar {
    width: 5px;
}


.register-form__container[b-pjmfijz4en]::-webkit-scrollbar-track {
    background: transparent;
}


.register-form__container[b-pjmfijz4en]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background-color: #bfc4cb;
}


.register-form__container[b-pjmfijz4en]::-webkit-scrollbar-thumb:hover {
    background-color: #aeb4bc;
}


.register-form__tabs[b-pjmfijz4en] {
    display: flex;
    align-items: flex-end;
    gap: 28px;

    width: 100%;
    height: 56px;

    margin-bottom: 32px;

    border-bottom: 1px solid #e5e7eb;
}


.register-form__tab[b-pjmfijz4en] {
    appearance: none;
    position: relative;

    height: 56px;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 0;
    outline: none;

    background: transparent;

    color: var(--secondary-font-color, #60646c);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 56px;

    cursor: pointer;
    box-shadow: none;

    transition: color 0.2s ease;
}


.register-form__tab:hover[b-pjmfijz4en] {
    border: 0;
    background: transparent;
    color: var(--primary-color, #ff8500);
}


.register-form__tab:focus[b-pjmfijz4en],
.register-form__tab:focus-visible[b-pjmfijz4en] {
    outline: none;
    box-shadow: none;
}


.register-form__tab--active[b-pjmfijz4en] {
    color: var(--primary-color, #ff8500);

    font-family: var(--primary-font-family);
    font-weight: 600;
}


.register-form__tab--active[b-pjmfijz4en]::after {
    content: "";

    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;

    height: 2px;

    background-color: var(--primary-color, #ff8500);
}


.register-form__step[b-pjmfijz4en] {
    width: 100%;
}


.register-form__institution-form[b-pjmfijz4en] {
    display: flex;
    flex-direction: column;
    gap: 28px;

    width: 100%;

    margin-top: 36px;
    padding-bottom: 20px;
}


.register-form__error[b-pjmfijz4en] {
    width: 100%;

    margin: 0;
    padding: 12px 14px;

    box-sizing: border-box;

    border: 1px solid #fecaca;
    border-radius: 12px;

    background-color: #fef2f2;
    color: #dc2626;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;

    text-align: center;
}


.register-form__save[b-pjmfijz4en] {
    display: flex;

    width: 100%;

    padding-top: 8px;
    padding-bottom: 16px;
}


.register-form__save-button[b-pjmfijz4en] {
    width: 100%;
    min-height: 48px;

    padding: 12px 16px;

    border: 0;
    border-radius: 12px;

    background-color: var(--primary-color, #ff8500);
    color: var(--secondary-color, #ffffff);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.register-form__save-button:hover:not(:disabled)[b-pjmfijz4en] {
    transform: translateY(-1px);

    box-shadow:
        0 5px 14px rgb(0 0 0 / 10%);
}


.register-form__save-button--disabled[b-pjmfijz4en],
.register-form__save-button:disabled[b-pjmfijz4en] {
    cursor: not-allowed;

    background-color: #d9d9d9;
    color: #757575;

    box-shadow: none;
    transform: none;
}


.register-form__validation[b-pjmfijz4en] {
    width: 100%;

    margin-top: 36px;
    padding-bottom: 24px;

    text-align: center;
}


.register-form__validation-title[b-pjmfijz4en] {
    margin: 0 0 16px;

    color: var(--primary-font-color, #111827);

    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.2;
}


.register-form__validation-text[b-pjmfijz4en] {
    margin: 0;

    color: var(--secondary-font-color, #60646c);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.6;
}


.register-form__validation-action[b-pjmfijz4en] {
    width: 100%;
    margin-top: 24px;
}


.register-form__container--verification[b-pjmfijz4en] {
    height: auto;
    max-height: none;

    overflow-x: hidden;
    overflow-y: hidden;
}


@media (min-width: 768px) {
    .register-form[b-pjmfijz4en] {
        flex: 0 0 50%;
        width: 50%;
    }
}


@media (min-width: 1024px) {
    .register-form[b-pjmfijz4en] {
        padding-right: 48px;
        padding-left: 48px;
    }
}


@media (max-width: 767px) {
    .register-form[b-pjmfijz4en] {
        flex: 1 1 auto;

        width: 100%;
        height: auto;
        min-height: auto;

        padding: 20px 16px;

        overflow: visible;
    }


    .register-form__container[b-pjmfijz4en] {
        height: auto;
        max-height: none;

        padding: 0 8px 32px;

        overflow-y: visible;
    }


    .register-form__tabs[b-pjmfijz4en] {
        height: 52px;
        margin-bottom: 28px;
    }


    .register-form__tab[b-pjmfijz4en] {
        height: 52px;
        line-height: 52px;
    }
}
/* /Components/Configuracion/CheckboxPermiso.razor.rz.scp.css */
.checkbox-permiso[b-9hsfwactl8] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 3px;
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease;
}

.checkbox-permiso:hover:not(:disabled)[b-9hsfwactl8] {
    border-color: #9ca3af;
}

.checkbox-permiso-activo[b-9hsfwactl8] {
    background-color: #ff7900;
    border-color: #ff7900;
}

.checkbox-permiso:disabled[b-9hsfwactl8] {
    cursor: not-allowed;
    opacity: 0.5;
}

.checkbox-permiso i[b-9hsfwactl8] {
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.checkbox-permiso-linea[b-9hsfwactl8] {
    width: 10px;
    height: 2px;
    border-radius: 999px;
    background-color: #ffffff;
}
/* /Components/Configuracion/ColorField.razor.rz.scp.css */
.color-field[b-n06qx107l4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.color-field__label[b-n06qx107l4] {
    font-family: "Branding SF Medium", sans-serif;
    font-size: 14px;
    color: #1e1e1e;
}

.color-field__control[b-n06qx107l4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.color-field__picker[b-n06qx107l4] {
    width: 42px;
    height: 42px;
    padding: 2px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    background: #ffffff;
}

.color-field__picker:disabled[b-n06qx107l4] {
    cursor: not-allowed;
}

.color-field__text[b-n06qx107l4] {
    flex: 1;
    min-width: 0;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    font-family: "Branding SF Medium", sans-serif;
    font-size: 14px;
    color: #1e1e1e;
    background: #ffffff;
}

.color-field__text:focus[b-n06qx107l4] {
    outline: none;
    border-color: var(--primary-color, #ff8500);
}

.color-field__text:disabled[b-n06qx107l4] {
    background: #f5f5f5;
    cursor: not-allowed;
}
/* /Components/Configuracion/LogoCard.razor.rz.scp.css */
.logo-card[b-zjy7r9fm2e] {
    width: 180px;
    border: 2px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    background: #ffffff;
    transition: all 0.2s ease;
}

.logo-card:hover:not(.logo-card--disabled)[b-zjy7r9fm2e] {
    transform: translateY(-2px);
}

.logo-card--active[b-zjy7r9fm2e] {
    border-color: var(--primary-color, #ff8500);
}

.logo-card--disabled[b-zjy7r9fm2e] {
    opacity: 0.55;
    cursor: not-allowed;
}

.logo-card__preview[b-zjy7r9fm2e] {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.logo-card__preview img[b-zjy7r9fm2e] {
    max-width: 100%;
    max-height: 70px;
    object-fit: contain;
}

.logo-bg-light[b-zjy7r9fm2e] {
    background: #ffffff;
}

.logo-bg-dark[b-zjy7r9fm2e] {
    background: #1e1e1e;
}

.logo-bg-gray[b-zjy7r9fm2e] {
    background: #757575;
}

.logo-card__footer[b-zjy7r9fm2e] {
    min-height: 42px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Branding SF Medium", sans-serif;
    font-size: 14px;
    color: #1e1e1e;
}

.logo-card__check[b-zjy7r9fm2e] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color, #ff8500);
    color: #ffffff;
    font-weight: bold;
}
/* /Components/Dashboards/DashboardAdmin/InfoItem.razor.rz.scp.css */
.info-item[b-1a6ugkx9sn] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.info-item__icon[b-1a6ugkx9sn] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background: transparent;
    color: var(--primary-color);
    font-size: calc(var(--secondary-font-size) * 1.15);
}

.info-item__icon svg[b-1a6ugkx9sn] {
    display: block;
    width: 16px;
    height: 16px;
    stroke-width: 1.8;
}

.info-item__content[b-1a6ugkx9sn] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 2px;
    min-width: 0;
}

.info-item__label[b-1a6ugkx9sn] {
    margin: 0;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
}

.info-item__value[b-1a6ugkx9sn] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

@media (max-width: 1024px) {
    .info-item[b-1a6ugkx9sn] {
        gap: 10px;
    }

    .info-item__icon[b-1a6ugkx9sn] {
        width: 17px;
        height: 17px;
    }

    .info-item__icon svg[b-1a6ugkx9sn] {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 640px) {
    .info-item[b-1a6ugkx9sn] {
        gap: 9px;
    }

    .info-item__icon[b-1a6ugkx9sn] {
        width: 16px;
        height: 16px;
    }

    .info-item__icon svg[b-1a6ugkx9sn] {
        width: 14px;
        height: 14px;
    }
}
/* /Components/Dashboards/DashboardAdmin/InputModal.razor.rz.scp.css */
.input-modal[b-iy4ehr8hyi] {
    width: 100%;
}

.input-modal__label[b-iy4ehr8hyi] {
    display: block;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;
}

.input-modal__control[b-iy4ehr8hyi] {
    width: 100%;
    min-height: 42px;
    margin-top: 4px;
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.input-modal__control[b-iy4ehr8hyi]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}

.input-modal__control:focus[b-iy4ehr8hyi] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent);
}

.input-modal__control--disabled[b-iy4ehr8hyi] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;
    cursor: not-allowed;
    opacity: 0.8;
}
/* /Components/Dashboards/DashboardAdmin/ModalActions.razor.rz.scp.css */
.modal-actions[b-6bh4k0zsb6] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 24px;
    border-top: 1px solid #e5e7eb;
    background-color: #ffffff;
}

.modal-actions__cancel[b-6bh4k0zsb6],
.modal-actions__confirm[b-6bh4k0zsb6] {
    min-width: 110px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: 9px;
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.modal-actions__cancel[b-6bh4k0zsb6] {
    border: 1px solid #d1d5db;
    color: var(--primary-font-color);
    background-color: #ffffff;
}

.modal-actions__cancel:hover:not(:disabled)[b-6bh4k0zsb6] {
    border-color: #c4c9d1;
    background-color: #f3f4f6;
}

.modal-actions__confirm[b-6bh4k0zsb6] {
    border: 1px solid transparent;
    color: #ffffff;
    background-color: var(--primary-color);
}

.modal-actions__confirm:hover:not(:disabled)[b-6bh4k0zsb6] {
    opacity: 0.92;
}

.modal-actions__cancel:active:not(:disabled)[b-6bh4k0zsb6],
.modal-actions__confirm:active:not(:disabled)[b-6bh4k0zsb6] {
    transform: scale(0.98);
}

.modal-actions__cancel:focus-visible[b-6bh4k0zsb6],
.modal-actions__confirm:focus-visible[b-6bh4k0zsb6] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.modal-actions__cancel:disabled[b-6bh4k0zsb6],
.modal-actions__confirm:disabled[b-6bh4k0zsb6] {
    opacity: 0.6;
    cursor: not-allowed;
}

.modal-actions__spinner[b-6bh4k0zsb6] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: modal-actions-spin-b-6bh4k0zsb6 0.8s linear infinite;
}

@keyframes modal-actions-spin-b-6bh4k0zsb6 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 480px) {
    .modal-actions[b-6bh4k0zsb6] {
        flex-direction: column-reverse;
        gap: 10px;
        padding: 16px;
    }

    .modal-actions__cancel[b-6bh4k0zsb6],
    .modal-actions__confirm[b-6bh4k0zsb6] {
        width: 100%;
        min-width: 0;
        min-height: 44px;
    }
}
/* /Components/Dashboards/DashboardAdmin/ModalHeader.razor.rz.scp.css */
.modal-header[b-ziv8suzklf] {
    width: 100%;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 22px;
    color: #ffffff;
    background-color: var(--primary-color);
}

.modal-header__title[b-ziv8suzklf] {
    margin: 0;
    color: #ffffff;
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.25;
}

.modal-header__close[b-ziv8suzklf] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #ffffff;
    background-color: transparent;
    font-family: Arial, sans-serif;
    font-size: 27px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.15s ease;
}

.modal-header__close:hover:not(:disabled)[b-ziv8suzklf] {
    background-color: rgba(255, 255, 255, 0.16);
}

.modal-header__close:active:not(:disabled)[b-ziv8suzklf] {
    transform: scale(0.94);
}

.modal-header__close:focus-visible[b-ziv8suzklf] {
    outline: 2px solid rgba(255, 255, 255, 0.95);
    outline-offset: 2px;
}

.modal-header__close:disabled[b-ziv8suzklf] {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 480px) {
    .modal-header[b-ziv8suzklf] {
        min-height: 58px;
        padding: 14px 16px;
    }

    .modal-header__close[b-ziv8suzklf] {
        width: 32px;
        height: 32px;
        font-size: 25px;
    }
}
/* /Components/Dashboards/DashboardAdmin/PasswordInput.razor.rz.scp.css */
.password-input[b-ozz3hcp2fh] {
    width: 100%;
}

.password-input__label[b-ozz3hcp2fh] {
    display: block;
    margin-bottom: 7px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;
}

.password-input__wrapper[b-ozz3hcp2fh] {
    position: relative;
    width: 100%;
}

.password-input__control[b-ozz3hcp2fh] {
    width: 100%;
    height: 46px;
    padding: 10px 48px 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 9px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.password-input__control[b-ozz3hcp2fh]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}

.password-input__control:hover:not(:disabled)[b-ozz3hcp2fh] {
    border-color: #b8bec8;
}

.password-input__control:focus[b-ozz3hcp2fh] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 13%, transparent);
}

.password-input__control:disabled[b-ozz3hcp2fh] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;
    cursor: not-allowed;
    opacity: 0.8;
}

.password-input__control[b-ozz3hcp2fh]::-ms-reveal,
.password-input__control[b-ozz3hcp2fh]::-ms-clear {
    display: none;
}

.password-input__control[type="password"][b-ozz3hcp2fh]::-webkit-credentials-auto-fill-button,
.password-input__control[type="password"][b-ozz3hcp2fh]::-webkit-contacts-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
}

.password-input__toggle[b-ozz3hcp2fh] {
    position: absolute;
    top: 50%;
    right: 13px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    color: var(--secondary-font-color);
    background: transparent;
    cursor: pointer;
    transform: translateY(-50%);
    transition: color 0.2s ease, opacity 0.2s ease;
}

.password-input__toggle:hover:not(:disabled)[b-ozz3hcp2fh] {
    color: var(--primary-color);
}

.password-input__toggle:focus-visible[b-ozz3hcp2fh] {
    border-radius: 6px;
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.password-input__toggle:disabled[b-ozz3hcp2fh] {
    opacity: 0.45;
    cursor: not-allowed;
}

.password-input__toggle svg[b-ozz3hcp2fh] {
    display: block;
    width: 19px;
    height: 19px;
    pointer-events: none;
}
/* /Components/Dashboards/DashboardAdmin/PerfilCard.razor.rz.scp.css */
.perfil-card[b-edkymd4sxh] {
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.perfil-card__header[b-edkymd4sxh] {
    position: relative;
    width: 100%;
    height: 138px;
    background-color: var(--primary-color, #ff8500);
}

.perfil-card__avatar-container[b-edkymd4sxh] {
    position: absolute;
    left: 50%;
    bottom: -48px;
    z-index: 2;
    transform: translateX(-50%);
}

.perfil-card__avatar[b-edkymd4sxh] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    background-color: #d1d5db;
    color: var(--secondary-font-color, #64748b);
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 500;
    line-height: 1.2;
    box-shadow: 0 3px 7px rgba(15, 23, 42, 0.18);
}

.perfil-card__status[b-edkymd4sxh] {
    position: absolute;
    right: 6px;
    bottom: 7px;
    width: 18px;
    height: 18px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background-color: #4caf50;
}

.perfil-card__content[b-edkymd4sxh] {
    width: 100%;
    padding: 70px 28px 26px;
}

.perfil-card__name[b-edkymd4sxh] {
    margin: 0;
    color: var(--primary-font-color, #111827);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.perfil-card__type[b-edkymd4sxh] {
    margin: 6px 0 28px;
    color: var(--secondary-font-color, #6b7280);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
}

.perfil-card__information[b-edkymd4sxh] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
}

.perfil-card__actions[b-edkymd4sxh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin-top: 26px;
}

.perfil-card__button[b-edkymd4sxh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 9px;
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.perfil-card__button svg[b-edkymd4sxh] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
}

.perfil-card__button--primary[b-edkymd4sxh] {
    border: 1px solid var(--primary-color, #ff8500);
    background-color: var(--primary-color, #ff8500);
    color: #ffffff;
}

.perfil-card__button--primary:hover[b-edkymd4sxh] {
    box-shadow: 0 6px 14px color-mix(in srgb, var(--primary-color, #ff8500) 22%, transparent);
}

.perfil-card__button--primary:active[b-edkymd4sxh],
.perfil-card__button--secondary:active[b-edkymd4sxh] {
    transform: scale(0.99);
}

.perfil-card__button--secondary[b-edkymd4sxh] {
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    color: var(--primary-font-color, #111827);
}

.perfil-card__button--secondary:hover[b-edkymd4sxh] {
    border-color: var(--primary-color, #ff8500);
    color: var(--primary-color, #ff8500);
}

@media (max-width: 900px) {
    .perfil-card[b-edkymd4sxh] {
        max-width: 480px;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    .perfil-card__header[b-edkymd4sxh] {
        height: 118px;
    }

    .perfil-card__avatar-container[b-edkymd4sxh] {
        bottom: -42px;
    }

    .perfil-card__avatar[b-edkymd4sxh] {
        width: 84px;
        height: 84px;
    }

    .perfil-card__content[b-edkymd4sxh] {
        padding: 62px 20px 22px;
    }
}
/* /Components/Dashboards/DashboardAdmin/TramiteCard.razor.rz.scp.css */
.tramite-card[b-p5l4ria3b6] {
    position: relative;
    z-index: 1;
    overflow: visible;

    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: 168px;
    padding: 22px 20px;

    border: 1px solid #e5e7eb;
    border-radius: 16px;

    background-color: #ffffff;

    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.10);

    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.tramite-card:hover[b-p5l4ria3b6] {
    transform: translateY(-3px);
    border-color: var(--primary-color, #ff8500);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

.tramite-card--active[b-p5l4ria3b6] {
    z-index: 1000;

    border-color: var(--primary-color, #ff8500);

    box-shadow:
        0 0 0 3px
            color-mix(
                in srgb,
                var(--primary-color, #ff8500) 12%,
                transparent
            ),
        0 10px 24px rgba(15, 23, 42, 0.12);
}

.tramite-card--disabled[b-p5l4ria3b6] {
    cursor: not-allowed;
    opacity: 0.55;
}

.tramite-card--disabled:hover[b-p5l4ria3b6] {
    transform: none;
    border-color: #e5e7eb;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.10);
}

.tramite-card__badge[b-p5l4ria3b6] {
    position: absolute;
    top: -11px;
    right: -11px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border-radius: 999px;
    background-color: var(--primary-color, #ff8500);
    color: #ffffff;
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.12);
}

.tramite-card__content[b-p5l4ria3b6] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
    min-width: 0;
    padding-right: 10px;
}

.tramite-card__icon[b-p5l4ria3b6] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: color-mix(in srgb, var(--primary-color, #ff8500) 10%, transparent);
    color: var(--primary-color, #ff8500);
}

.tramite-card__icon svg[b-p5l4ria3b6] {
    width: 24px;
    height: 24px;
}

.tramite-card__information[b-p5l4ria3b6] {
    flex: 1;
    min-width: 0;
}

.tramite-card__information h3[b-p5l4ria3b6] {
    margin: 0 0 7px;
    color: var(--primary-font-color, #111827);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 1.07);
    font-weight: 700;
    line-height: 1.28;
    overflow-wrap: break-word;
}

.tramite-card__information p[b-p5l4ria3b6] {
    margin: 0;
    color: var(--secondary-font-color, #6b7280);
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: break-word;
}

.tramite-card__menu[b-p5l4ria3b6] {
    position: relative;
    z-index: 1100;
}

@media (max-width: 1280px) {
    .tramite-card[b-p5l4ria3b6] {
        min-height: 156px;
        padding: 19px 18px;
    }

    .tramite-card__content[b-p5l4ria3b6] {
        gap: 13px;
    }

    .tramite-card__icon[b-p5l4ria3b6] {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
    }

    .tramite-card__icon svg[b-p5l4ria3b6] {
        width: 22px;
        height: 22px;
    }
}

@media (max-width: 680px) {
    .tramite-card[b-p5l4ria3b6] {
        min-height: auto;
        padding: 16px;
        border-radius: 12px;
    }

    .tramite-card__content[b-p5l4ria3b6] {
        gap: 12px;
        padding-right: 8px;
    }

    .tramite-card__icon[b-p5l4ria3b6] {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
    }

    .tramite-card__icon svg[b-p5l4ria3b6] {
        width: 22px;
        height: 22px;
    }

    .tramite-card__information h3[b-p5l4ria3b6] {
        margin-bottom: 5px;
        line-height: 1.3;
    }

    .tramite-card__information p[b-p5l4ria3b6] {
        line-height: 1.4;
    }

    .tramite-card__badge[b-p5l4ria3b6] {
        top: -8px;
        right: -6px;
        min-width: 27px;
        height: 27px;
    }
}
/* /Components/Dashboards/DashboardSchool/InfoItem.razor.rz.scp.css */
.school-info-item[b-jrq858u63t] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.school-info-item__icon[b-jrq858u63t] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--primary-color, #ff8500);
}

.school-info-item__icon svg[b-jrq858u63t] {
    display: block;
    width: 16px;
    height: 16px;
    color: var(--primary-color, #ff8500);
    stroke: currentColor;
    stroke-width: 1.8;
}

.school-info-item__icon svg path[b-jrq858u63t],
.school-info-item__icon svg circle[b-jrq858u63t],
.school-info-item__icon svg rect[b-jrq858u63t],
.school-info-item__icon svg line[b-jrq858u63t],
.school-info-item__icon svg polyline[b-jrq858u63t] {
    stroke: currentColor;
}

.school-info-item__content[b-jrq858u63t] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.school-info-item__label[b-jrq858u63t] {
    margin: 0;
    color: var(--secondary-font-color, #667085);
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
}

.school-info-item__value[b-jrq858u63t] {
    margin: 0;
    color: var(--primary-font-color, #142233);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 1024px) {
    .school-info-item[b-jrq858u63t] {
        gap: 10px;
    }

    .school-info-item__icon[b-jrq858u63t] {
        flex-basis: 17px;
        width: 17px;
        height: 17px;
    }

    .school-info-item__icon svg[b-jrq858u63t] {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 640px) {
    .school-info-item[b-jrq858u63t] {
        gap: 9px;
    }

    .school-info-item__icon[b-jrq858u63t] {
        flex-basis: 16px;
        width: 16px;
        height: 16px;
    }

    .school-info-item__icon svg[b-jrq858u63t] {
        width: 14px;
        height: 14px;
    }

    .school-info-item__value[b-jrq858u63t] {
        line-height: 1.3;
    }
}
/* /Components/Dashboards/DashboardSchool/Modal.razor.rz.scp.css */
.school-modal__overlay[b-5np7kfqmvq] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background-color: rgba(0, 0, 0, 0.6);
}

.school-modal__content[b-5np7kfqmvq] {
    width: 100%;
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 18px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.28), 0 8px 20px rgba(0, 0, 0, 0.10);
}

.school-modal__content--default[b-5np7kfqmvq] {
    max-width: 520px;
}

@media (max-width: 640px) {
    .school-modal__overlay[b-5np7kfqmvq] {
        padding: 16px;
    }

    .school-modal__content[b-5np7kfqmvq] {
        max-height: calc(100vh - 32px);
    }
}

@media (max-width: 480px) {
    .school-modal__overlay[b-5np7kfqmvq] {
        padding: 10px;
    }

    .school-modal__content[b-5np7kfqmvq] {
        max-width: 100% !important;
        max-height: calc(100vh - 20px);
        border-radius: 14px;
    }
}
/* /Components/Dashboards/DashboardSchool/ModalFooter.razor.rz.scp.css */
.school-modal-footer[b-sxi50tj1wb] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 24px;
    border-top: 1px solid #e5e7eb;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

@media (max-width: 480px) {
    .school-modal-footer[b-sxi50tj1wb] {
        align-items: stretch;
        flex-direction: column-reverse;
        gap: 10px;
        padding: 16px;
    }
}
/* /Components/Dashboards/DashboardSchool/ModalHeader.razor.rz.scp.css */
.school-modal-header[b-4o18se50fw] {
    width: 100%;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 22px;
    color: #ffffff;
    background-color: var(--primary-color);
}

.school-modal-header__content[b-4o18se50fw] {
    min-width: 0;
    color: #ffffff;
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.25;
}

.school-modal-header__close[b-4o18se50fw] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #ffffff;
    background-color: transparent;
    font-family: Arial, sans-serif;
    font-size: 27px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.15s ease;
}

.school-modal-header__close:hover:not(:disabled)[b-4o18se50fw] {
    background-color: rgba(255, 255, 255, 0.16);
}

.school-modal-header__close:active:not(:disabled)[b-4o18se50fw] {
    transform: scale(0.94);
}

.school-modal-header__close:focus-visible[b-4o18se50fw] {
    outline: 2px solid rgba(255, 255, 255, 0.95);
    outline-offset: 2px;
}

.school-modal-header__close:disabled[b-4o18se50fw] {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (max-width: 480px) {
    .school-modal-header[b-4o18se50fw] {
        min-height: 58px;
        padding: 14px 16px;
    }

    .school-modal-header__close[b-4o18se50fw] {
        width: 32px;
        height: 32px;
        font-size: 25px;
    }
}
/* /Components/Dashboards/DashboardSchool/ModalInput.razor.rz.scp.css */
.school-modal-input[b-633p5594ia] {
    width: 100%;
}

.school-modal-input__label[b-633p5594ia] {
    display: block;
    margin-bottom: 7px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 600;
    line-height: 1.3;
}

.school-modal-input__wrapper[b-633p5594ia] {
    position: relative;
    width: 100%;
}

.school-modal-input__control[b-633p5594ia] {
    width: 100%;
    height: 46px;
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 9px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.school-modal-input__control--password[b-633p5594ia] {
    padding-right: 48px;
}

.school-modal-input__control[b-633p5594ia]::placeholder {
    color: #9ca3af;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    opacity: 1;
}

.school-modal-input__control:hover:not(:disabled)[b-633p5594ia] {
    border-color: #b8bec8;
}

.school-modal-input__control:focus[b-633p5594ia] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(255, 133, 0, 0.13);
}

.school-modal-input__control--disabled[b-633p5594ia],
.school-modal-input__control:disabled[b-633p5594ia] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;
    cursor: not-allowed;
}

.school-modal-input__control[b-633p5594ia]::-ms-reveal,
.school-modal-input__control[b-633p5594ia]::-ms-clear {
    display: none;
}

.school-modal-input__control[type="password"][b-633p5594ia]::-webkit-credentials-auto-fill-button,
.school-modal-input__control[type="password"][b-633p5594ia]::-webkit-contacts-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
}

.school-modal-input__toggle[b-633p5594ia] {
    position: absolute;
    top: 50%;
    right: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--secondary-font-color);
    cursor: pointer;
    transform: translateY(-50%);
    transition: color 0.2s ease, opacity 0.2s ease;
}

.school-modal-input__toggle:hover:not(:disabled)[b-633p5594ia] {
    color: var(--primary-color);
}

.school-modal-input__toggle:focus-visible[b-633p5594ia] {
    border-radius: 6px;
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.school-modal-input__toggle:disabled[b-633p5594ia] {
    opacity: 0.45;
    cursor: not-allowed;
}

.school-modal-input__toggle svg[b-633p5594ia] {
    display: block;
    width: 19px;
    height: 19px;
    pointer-events: none;
}
/* /Components/Dashboards/DashboardSchool/PrimaryButton.razor.rz.scp.css */
.school-primary-button[b-yb3d4vofbr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 110px;
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid var(--primary-color);
    border-radius: 9px;
    background-color: var(--primary-color);
    color: #ffffff;
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.2s ease, filter 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.school-primary-button:hover:not(:disabled)[b-yb3d4vofbr] {
    opacity: 0.92;
    box-shadow: 0 5px 12px rgba(255, 133, 0, 0.18);
}

.school-primary-button:active:not(:disabled)[b-yb3d4vofbr] {
    transform: scale(0.98);
}

.school-primary-button:focus-visible[b-yb3d4vofbr] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.school-primary-button:disabled[b-yb3d4vofbr] {
    opacity: 0.6;
    cursor: not-allowed;
}

.school-primary-button--full[b-yb3d4vofbr] {
    width: 100%;
}

.school-primary-button__spinner[b-yb3d4vofbr] {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: school-primary-button-spin-b-yb3d4vofbr 0.8s linear infinite;
}

@keyframes school-primary-button-spin-b-yb3d4vofbr {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 480px) {
    .school-primary-button[b-yb3d4vofbr] {
        width: 100%;
        min-width: 0;
        min-height: 44px;
    }
}
/* /Components/Dashboards/DashboardSchool/SecondaryButton.razor.rz.scp.css */
.school-secondary-button[b-jxjamgo14r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 110px;
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid #d1d5db;
    border-radius: 9px;
    background-color: #ffffff;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.15s ease;
}

.school-secondary-button:hover:not(:disabled)[b-jxjamgo14r] {
    border-color: #c4c9d1;
    background-color: #f3f4f6;
}

.school-secondary-button:active:not(:disabled)[b-jxjamgo14r] {
    transform: scale(0.98);
}

.school-secondary-button:focus-visible[b-jxjamgo14r] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.school-secondary-button:disabled[b-jxjamgo14r] {
    opacity: 0.6;
    cursor: not-allowed;
}

.school-secondary-button--full[b-jxjamgo14r] {
    width: 100%;
}

.school-secondary-button__spinner[b-jxjamgo14r] {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(31, 41, 55, 0.25);
    border-top-color: var(--primary-font-color);
    border-radius: 50%;
    animation: school-secondary-button-spin-b-jxjamgo14r 0.8s linear infinite;
}

@keyframes school-secondary-button-spin-b-jxjamgo14r {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 480px) {
    .school-secondary-button[b-jxjamgo14r] {
        width: 100%;
        min-width: 0;
        min-height: 44px;
    }
}
/* /Components/Dictamenes/DictamenDirectivos/BotoneraFinal.razor.rz.scp.css */
.botonera-final[b-nu32zgt7m3] {
  width: 100%;
  margin-top: 36px;
}

.botonera-final__inner[b-nu32zgt7m3] {
  width: min(1100px, 100%);

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin: 0 auto;
}

.botonera-final__actions[b-nu32zgt7m3] {
  display: flex;
  align-items: center;

  gap: 16px;
}

.botonera-final__button[b-nu32zgt7m3] {
  min-height: 44px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 0 32px;

  border-radius: 6px;

  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;
  line-height: 1;

  cursor: pointer;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    opacity 0.2s ease,
    transform 0.1s ease;
}

.botonera-final__button svg[b-nu32zgt7m3] {
  width: 17px;
  height: 17px;

  flex-shrink: 0;
}

.botonera-final__button--outline[b-nu32zgt7m3] {
  border: 1px solid var(--primary-color);

  color: var(--primary-color);
  background-color: #ffffff;
}

.botonera-final__button--outline:hover:not(:disabled)[b-nu32zgt7m3] {
  background-color:
    color-mix(
      in srgb,
      var(--primary-color) 6%,
      #ffffff
    );
}

.botonera-final__button--primary[b-nu32zgt7m3] {
  padding-right: 40px;
  padding-left: 40px;

  border: 1px solid var(--primary-color);

  color: #ffffff;
  background-color: var(--primary-color);
}

.botonera-final__button--primary:hover:not(:disabled)[b-nu32zgt7m3] {
  opacity: 0.9;
}

.botonera-final__button:active:not(:disabled)[b-nu32zgt7m3] {
  transform: scale(0.98);
}

.botonera-final__button:focus-visible[b-nu32zgt7m3] {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

.botonera-final__button:disabled[b-nu32zgt7m3] {
  opacity: 0.6;

  cursor: not-allowed;
}

@media (max-width: 640px) {
  .botonera-final__inner[b-nu32zgt7m3] {
    align-items: stretch;
    flex-direction: column;
  }

  .botonera-final__actions[b-nu32zgt7m3] {
    flex-direction: column;
  }

  .botonera-final__button[b-nu32zgt7m3] {
    width: 100%;
  }
}
/* /Components/Dictamenes/DictamenDirectivos/DocumentosDirectivoSection.razor.rz.scp.css */
.documentos-directivo-section[b-fdo68r5763] {
  margin-bottom: 32px;
}

.documentos-directivo-section__required[b-fdo68r5763] {
  color: #dc2626;
}
/* /Components/Dictamenes/DictamenDirectivos/FechaDocumento.razor.rz.scp.css */
.fecha-documento[b-nhxnj0rqq0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 40px;
}

.fecha-documento__label[b-nhxnj0rqq0] {
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 14px;
  font-weight: 700;
}

.fecha-documento__input[b-nhxnj0rqq0] {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  color: var(--primary-font-color);
  background-color: #f3f4f6;
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  outline: none;
}

.fecha-documento__input--dia[b-nhxnj0rqq0],
.fecha-documento__input--anio[b-nhxnj0rqq0] {
  text-align: center;
}

@media (min-width: 640px) {
  .fecha-documento[b-nhxnj0rqq0] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
  }

  .fecha-documento__input--dia[b-nhxnj0rqq0] {
    width: 70px;
  }

  .fecha-documento__input--mes[b-nhxnj0rqq0] {
    width: 100px;
  }

  .fecha-documento__input--anio[b-nhxnj0rqq0] {
    width: 100px;
  }
}
/* /Components/Dictamenes/DictamenDirectivos/FileInput.razor.rz.scp.css */
.file-input[b-do87sr4nbk] {
    width: 100%;
    margin-bottom: 20px;
}

.file-input__label[b-do87sr4nbk] {
    margin: 0 0 4px;
    color: var(--primary-font-color);
    font-family: var(--font-medium);
    font-size: 12px;
}

.file-input__subtitle[b-do87sr4nbk] {
    margin: 0 0 4px;
    color: var(--secondary-font-color);
    font-family: var(--font-medium);
    font-size: 10px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.file-input__row[b-do87sr4nbk] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 16px;
}

.file-input__display[b-do87sr4nbk] {
    min-width: 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--font-medium);
    font-size: 14px;
}

.file-input__name[b-do87sr4nbk] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.file-input__extension[b-do87sr4nbk] {
    flex-shrink: 0;
    padding: 1px 4px;
    border-radius: 3px;
    color: #ffffff;
    background-color: #6b7280;
    font-family: var(--font-bold);
    font-size: 8px;
}

.file-input__upload[b-do87sr4nbk] {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #ffffff;
    background-color: var(--primary-color);
    font-family: var(--font-semibold);
    font-size: 12px;
    cursor: pointer;
    transition:  opacity 0.2s ease, transform 0.1s ease;
}

.file-input__upload:hover[b-do87sr4nbk] {
    opacity: 0.9;
}

.file-input__upload:active[b-do87sr4nbk] {
    transform: scale(0.98);
}

.file-input__upload--disabled[b-do87sr4nbk] {
    color: #757575;
    background-color: #d9d9d9;
    cursor: not-allowed;
}

.file-input__upload--disabled:hover[b-do87sr4nbk] {
    opacity: 1;
}

.file-input__native[b-do87sr4nbk] {
    display: none;
}

.file-input__error[b-do87sr4nbk] {
    margin: 7px 0 0;
    color: #dc2626;
    font-family: var(--font-medium);
    font-size: 12px;
}

@media (min-width: 640px) {
    .file-input__row[b-do87sr4nbk] {
        grid-template-columns: minmax(0, 1fr) 120px;
        gap: 24px;
    }
}
/* /Components/Dictamenes/DictamenDirectivos/FileInputDirectivo.razor.rz.scp.css */
.file-input-directivo[b-vfmsfhkcrj] {
  margin-bottom: 20px;
}

.file-input-directivo__label[b-vfmsfhkcrj] {
  margin: 0 0 4px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
}

.file-input-directivo__subtitle[b-vfmsfhkcrj] {
  margin: 0 0 4px;
  color: var(--secondary-font-color);
  font-family: var(--secondary-font-family);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.file-input-directivo__row[b-vfmsfhkcrj] {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 16px;
}

.file-input-directivo__display[b-vfmsfhkcrj] {
  min-width: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  color: var(--primary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
}

.file-input-directivo__name[b-vfmsfhkcrj] {
  min-width: 0;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-input-directivo__extension[b-vfmsfhkcrj] {
  padding: 1px 4px;
  border-radius: 3px;
  color: #ffffff;
  background-color: #6b7280;
  font-size: 8px;
}

.file-input-directivo__upload[b-vfmsfhkcrj] {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #ffffff;
  background-color: var(--primary-color);
  font-family: var(--primary-font-family);
  font-size: 12px;
  cursor: pointer;
}

.file-input-directivo__upload:hover[b-vfmsfhkcrj] {
  opacity: 0.9;
}

@media (min-width: 640px) {
  .file-input-directivo__row[b-vfmsfhkcrj] {
    grid-template-columns: minmax(0, 1fr) 120px;
    gap: 24px;
  }
}
/* /Components/Dictamenes/DictamenDirectivos/InputDirectivo.razor.rz.scp.css */
.input-directivo[b-xyvgqhofrv] {
  margin-bottom: 16px;
}

.input-directivo__label[b-xyvgqhofrv] {
  margin: 0 0 4px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
}

.input-directivo__control[b-xyvgqhofrv] {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #9ca3af;
  border-radius: 6px;
  color: var(--primary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  outline: none;
}
/* /Components/Dictamenes/DictamenDocentes/ArchivosSection.razor.rz.scp.css */
.archivos-docente-section[b-pfflawv5am] {
    display: flex;
    flex-direction: column;
}
/* /Components/Dictamenes/DictamenDocentes/BotoneraFinal.razor.rz.scp.css */
.botonera-docentes[b-i2bo4qr7ca] {
    width: 100%;
    margin-top: 36px;
}

.botonera-docentes__inner[b-i2bo4qr7ca] {
    width: min(1100px, 100%);

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 auto;
}

.botonera-docentes__actions[b-i2bo4qr7ca] {
    display: flex;
    gap: 16px;
}

.botonera-docentes__button[b-i2bo4qr7ca] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 32px;
    border-radius: 6px;
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        opacity 0.2s ease,
        transform 0.1s ease;
}

.botonera-docentes__button svg[b-i2bo4qr7ca] {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
}

.botonera-docentes__button--outline[b-i2bo4qr7ca] {
    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background-color: #ffffff;
}

.botonera-docentes__button--outline:hover:not(:disabled)[b-i2bo4qr7ca] {
    background-color:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.botonera-docentes__button--primary[b-i2bo4qr7ca] {
    padding-right: 40px;
    padding-left: 40px;
    border: 1px solid var(--primary-color);
    color: #ffffff;
    background-color: var(--primary-color);
}

.botonera-docentes__button--primary:hover:not(:disabled)[b-i2bo4qr7ca] {
    opacity: 0.9;
}

.botonera-docentes__button:active:not(:disabled)[b-i2bo4qr7ca] {
    transform: scale(0.98);
}

.botonera-docentes__button:focus-visible[b-i2bo4qr7ca] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.botonera-docentes__button:disabled[b-i2bo4qr7ca] {
    opacity: 0.6;

    cursor: not-allowed;
}

@media (max-width: 640px) {
    .botonera-docentes__inner[b-i2bo4qr7ca] {
        align-items: stretch;
        flex-direction: column;
    }

    .botonera-docentes__actions[b-i2bo4qr7ca] {
        flex-direction: column;
    }

    .botonera-docentes__button[b-i2bo4qr7ca] {
        width: 100%;
    }
}
/* /Components/Dictamenes/DictamenDocentes/DatosDocenteCaptura.razor.rz.scp.css */
.datos-docente-captura[b-w1la61alg3] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    width: 100%;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.datos-docente-captura__row[b-w1la61alg3] {
    display: grid;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.datos-docente-captura__row--representante[b-w1la61alg3] {
    grid-template-columns:
        auto
        minmax(220px, 280px)
        auto
        minmax(260px, 1fr);
}

.datos-docente-captura__row--nombre[b-w1la61alg3] {
    grid-template-columns:
        minmax(500px, 620px)
        minmax(150px, 175px)
        minmax(150px, 175px)
        minmax(150px, 175px);
}

.datos-docente-captura__texto[b-w1la61alg3] {
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.datos-docente-captura__texto--protesta[b-w1la61alg3] {
    line-height: 1.6;
}

.datos-docente-captura__nowrap[b-w1la61alg3] {
    white-space: nowrap;
}

.datos-docente-captura__input[b-w1la61alg3] {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background-color: #ffffff;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.datos-docente-captura__input[b-w1la61alg3]::placeholder {
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    opacity: 0.7;
}

.datos-docente-captura__input:hover:not(:read-only)[b-w1la61alg3] {
    border-color: #9ca3af;
}

.datos-docente-captura__input:focus:not(:read-only)[b-w1la61alg3] {
    border-color: var(--primary-color);
    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.datos-docente-captura__input--readonly[b-w1la61alg3] {
    background-color: #f3f4f6;
    color: var(--secondary-font-color);
    cursor: default;
}

.datos-docente-captura__input--nacionalidad[b-w1la61alg3] {
    width: 120px;
    flex-shrink: 0;
}

.datos-docente-captura__personales[b-w1la61alg3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.datos-docente-captura__curp[b-w1la61alg3] {
    position: relative;
    width: 250px;
    flex-shrink: 0;
}

.datos-docente-captura__input--curp[b-w1la61alg3] {
    width: 100%;
    text-transform: uppercase;
}

.datos-docente-captura__input--error[b-w1la61alg3] {
    border-color: #ef4444;
}

.datos-docente-captura__curp-error[b-w1la61alg3] {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    color: #ef4444;
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
}

.datos-docente-captura__genero[b-w1la61alg3] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    cursor: pointer;
    white-space: nowrap;
}

.datos-docente-captura__genero input[type="radio"][b-w1la61alg3] {
    position: relative;
    width: 17px;
    height: 17px;
    margin: 0;
    flex-shrink: 0;
    appearance: none;
    -webkit-appearance: none;
    border: 1.5px solid #9ca3af;
    border-radius: 50%;
    background-color: #ffffff;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background-color 0.15s ease;
}

.datos-docente-captura__genero input[type="radio"]:hover[b-w1la61alg3] {
    border-color: var(--primary-color);
}

.datos-docente-captura__genero input[type="radio"]:checked[b-w1la61alg3] {
    border-color: var(--primary-color);
    background-color: #ffffff;
}

.datos-docente-captura__genero input[type="radio"]:checked[b-w1la61alg3]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--primary-color);
    transform: translate(-50%, -50%);
}

.datos-docente-captura__genero input[type="radio"]:focus-visible[b-w1la61alg3] {
    outline: none;
    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.datos-docente-captura__genero span[b-w1la61alg3] {
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}

.datos-docente-captura__migracion[b-w1la61alg3] {
    width: 100%;
}

.datos-docente-captura__migracion-fila[b-w1la61alg3] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.datos-docente-captura__input--migracion[b-w1la61alg3] {
    width: 220px;
    min-width: 220px;
    flex-shrink: 0;
}

.datos-docente-captura__texto-legal[b-w1la61alg3] {
    flex: 1;
    min-width: 0;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.6;
}

@media (max-width: 1250px) {
    .datos-docente-captura__row--nombre[b-w1la61alg3] {
        grid-template-columns:
            minmax(360px, 1fr)
            repeat(3, minmax(135px, 1fr));
    }
}

@media (max-width: 1050px) {
    .datos-docente-captura__row--representante[b-w1la61alg3],
    .datos-docente-captura__row--nombre[b-w1la61alg3] {
        grid-template-columns: 1fr;
    }

    .datos-docente-captura__migracion-fila[b-w1la61alg3] {
        flex-direction: column;
        align-items: stretch;
    }

    .datos-docente-captura__input--migracion[b-w1la61alg3] {
        width: 100%;
        min-width: 0;
    }

    .datos-docente-captura__nowrap[b-w1la61alg3] {
        white-space: normal;
    }
}

@media (max-width: 700px) {
    .datos-docente-captura[b-w1la61alg3] {
        gap: 18px;
    }

    .datos-docente-captura__personales[b-w1la61alg3] {
        flex-direction: column;
        align-items: stretch;
    }

    .datos-docente-captura__input--nacionalidad[b-w1la61alg3],
    .datos-docente-captura__curp[b-w1la61alg3],
    .datos-docente-captura__genero[b-w1la61alg3] {
        width: 100%;
    }

    .datos-docente-captura__curp[b-w1la61alg3] {
        margin-bottom: 14px;
    }

    .datos-docente-captura__genero[b-w1la61alg3] {
        justify-content: flex-start;
    }
}
/* /Components/Dictamenes/DictamenDocentes/EstudiosSection.razor.rz.scp.css */
.estudios-section[b-2oxbwn1r0f] {
    width: 100%;
    margin-bottom: 32px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.estudios-section__title[b-2oxbwn1r0f] {
    margin: 0 0 20px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 800;
    line-height: 1.3;
}

.estudios-section__form[b-2oxbwn1r0f],
.estudios-section__item[b-2oxbwn1r0f] {
    display: grid;
    grid-template-columns:
        150px
        minmax(180px, 1fr)
        minmax(220px, 320px)
        150px
        150px;

    align-items: end;
    gap: 20px;
}

.estudios-section__form[b-2oxbwn1r0f] {
    margin-bottom: 20px;
}

.estudios-section__field[b-2oxbwn1r0f] {
    position: relative;

    min-width: 0;
}

.estudios-section__field label[b-2oxbwn1r0f] {
    display: block;
    margin-bottom: 6px;

    color: #000000;

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1.35;
}

.estudios-section__control[b-2oxbwn1r0f] {
    width: 100%;
    height: 48px;
    padding: 0 12px;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.estudios-section__control[b-2oxbwn1r0f]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}

.estudios-section__control:hover:not(:disabled)[b-2oxbwn1r0f] {
    border-color: #9ca3af;
}

.estudios-section__control:focus[b-2oxbwn1r0f] {
    border-color: var(--primary-color);
    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.estudios-section__control:disabled[b-2oxbwn1r0f] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;
    cursor: not-allowed;
}

.estudios-section__control--error[b-2oxbwn1r0f] {
    border-color: #ef4444;
}

.estudios-section__control--error:focus[b-2oxbwn1r0f] {
    border-color: #ef4444;
    box-shadow:
        0 0 0 3px
        rgba(239, 68, 68, 0.12);
}

.estudios-section__error[b-2oxbwn1r0f] {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    color: #ef4444;
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
}

.estudios-section__add[b-2oxbwn1r0f] {
    height: 48px;
    padding: 0 20px;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
    color: #ffffff;
    background-color: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
        opacity 0.2s ease,
        transform 0.15s ease,
        box-shadow 0.2s ease;
}

.estudios-section__add:hover:not(:disabled)[b-2oxbwn1r0f] {
    opacity: 0.9;
    box-shadow:
        0 5px 12px
        color-mix(
            in srgb,
            var(--primary-color) 18%,
            transparent
        );
}

.estudios-section__add:active:not(:disabled)[b-2oxbwn1r0f] {
    transform: translateY(1px);
}

.estudios-section__add:focus-visible[b-2oxbwn1r0f] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.estudios-section__add:disabled[b-2oxbwn1r0f] {
    opacity: 0.55;
    cursor: not-allowed;
}

.estudios-section__list[b-2oxbwn1r0f] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.estudios-section__item[b-2oxbwn1r0f] {
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
}

.estudios-section__item span[b-2oxbwn1r0f] {
    overflow-wrap: anywhere;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}

.estudios-section__item-actions[b-2oxbwn1r0f] {
    display: flex;
    gap: 16px;
}

.estudios-section__delete[b-2oxbwn1r0f] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #ef4444;
    background-color: transparent;
    cursor: pointer;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        opacity 0.2s ease;
}

.estudios-section__delete:hover:not(:disabled)[b-2oxbwn1r0f] {
    color: #b91c1c;
    background-color: #fef2f2;
}

.estudios-section__delete:focus-visible[b-2oxbwn1r0f] {
    outline: 2px solid #ef4444;
    outline-offset: 2px;
}

.estudios-section__delete:disabled[b-2oxbwn1r0f] {
    opacity: 0.5;
    cursor: not-allowed;
}

.estudios-section__delete svg[b-2oxbwn1r0f] {
    width: 18px;
    height: 18px;
}

.estudios-section__empty[b-2oxbwn1r0f] {
    margin: 0;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

@media (max-width: 1199px) {
    .estudios-section__form[b-2oxbwn1r0f],
    .estudios-section__item[b-2oxbwn1r0f] {
        grid-template-columns:
            1fr 1fr;
    }

    .estudios-section__add[b-2oxbwn1r0f] {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .estudios-section__form[b-2oxbwn1r0f],
    .estudios-section__item[b-2oxbwn1r0f] {
        grid-template-columns: 1fr;
    }

    .estudios-section__add[b-2oxbwn1r0f] {
        width: 100%;
    }

    .estudios-section__error[b-2oxbwn1r0f] {
        position: static;
        display: block;
        margin-top: 4px;
        white-space: normal;
    }
}
/* /Components/Dictamenes/DictamenDocentes/ExperienciaSection.razor.rz.scp.css */
.experiencia-section[b-zikc6iyhd0] {
    width: 100%;
    margin-bottom: 32px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.experiencia-section__title[b-zikc6iyhd0] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 800;
    line-height: 1.3;
}

.experiencia-section__label[b-zikc6iyhd0] {
    display: block;
    margin-bottom: 4px;

    color: #000000;

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1.35;
}
 

.experiencia-section__input[b-zikc6iyhd0] {
    width: 140px;
    height: 46px;
    padding: 0 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.experiencia-section__input[b-zikc6iyhd0]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}

.experiencia-section__input:hover:not(:disabled)[b-zikc6iyhd0] {
    border-color: #9ca3af;
}

.experiencia-section__input:focus[b-zikc6iyhd0] {
    border-color: var(--primary-color);
    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.experiencia-section__input:disabled[b-zikc6iyhd0] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;
    cursor: not-allowed;
}

@media (max-width: 639px) {
    .experiencia-section__input[b-zikc6iyhd0] {
        width: 100%;
    }
}
/* /Components/Dictamenes/DictamenDocentes/FileInput.razor.rz.scp.css */
.docente-file-input[b-lj4g6ktife] {
    width: 100%;
    margin-bottom: 22px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.docente-file-input__label[b-lj4g6ktife] {
    margin: 0 0 4px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1.35;
}

.docente-file-input__subtitle[b-lj4g6ktife] {
    margin: 0 0 5px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.72);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.docente-file-input__row[b-lj4g6ktife] {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        120px;

    align-items: center;
    gap: 22px;
    width: 100%;
}

.docente-file-input__display[b-lj4g6ktife] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #bfc3c9;
    border-radius: 6px;
    background-color: #ffffff;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.docente-file-input__name[b-lj4g6ktife] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.docente-file-input__extension[b-lj4g6ktife] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 22px;
    height: 18px;
    padding: 0 4px;
    border-radius: 3px;
    color: #ffffff;
    background-color: #8b8b8b;
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.58);
    font-weight: 800;
    line-height: 1;
}

.docente-file-input__upload[b-lj4g6ktife] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--primary-color);
    border-radius: 6px;
    color: #ffffff;
    background-color: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    transition:
        opacity 0.2s ease,
        transform 0.15s ease,
        box-shadow 0.2s ease;
}

.docente-file-input__upload:hover:not(.docente-file-input__upload--disabled)[b-lj4g6ktife] {
    opacity: 0.9;
    box-shadow:
        0 4px 10px
        color-mix(
            in srgb,
            var(--primary-color) 16%,
            transparent
        );
}

.docente-file-input__upload:active:not(.docente-file-input__upload--disabled)[b-lj4g6ktife] {
    transform: translateY(1px);
}

.docente-file-input__upload:focus-visible[b-lj4g6ktife] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.docente-file-input__upload--disabled[b-lj4g6ktife] {
    opacity: 0.55;
    cursor: not-allowed;
}

.docente-file-input__error[b-lj4g6ktife] {
    margin: 7px 0 0;
    color: #dc2626;
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.35;
}

@media (max-width: 700px) {
    .docente-file-input__row[b-lj4g6ktife] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .docente-file-input__upload[b-lj4g6ktife] {
        width: 100%;
    }
}
/* /Components/Dictamenes/DictamenDocentes/PlanesEstudioSection.razor.rz.scp.css */
.planes-section[b-dfpfgzfyu1] {
    width: 100%;
    margin-bottom: 32px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.planes-section__header[b-dfpfgzfyu1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.planes-section__header h2[b-dfpfgzfyu1] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.planes-section__add[b-dfpfgzfyu1] {
    height: 42px;
    padding: 0 34px;
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    background-color: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
        opacity 0.2s ease,
        transform 0.15s ease;
}

.planes-section__add:hover:not(:disabled)[b-dfpfgzfyu1] {
    opacity: 0.9;
}

.planes-section__add:active:not(:disabled)[b-dfpfgzfyu1] {
    transform: scale(0.98);
}

.planes-section__list[b-dfpfgzfyu1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.planes-section__row[b-dfpfgzfyu1] {
    display: grid;

    grid-template-columns:
        minmax(140px, 1fr)
        minmax(140px, 1fr)
        minmax(220px, 1.6fr)
        100px
        40px
        40px;

    align-items: end;
    gap: 12px;
}

.planes-section__field[b-dfpfgzfyu1] {
    min-width: 0;
}

.planes-section__field label[b-dfpfgzfyu1] {
    display: block;
    margin-bottom: 4px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1.35;
}

.planes-section__control[b-dfpfgzfyu1],
.planes-section__file-display[b-dfpfgzfyu1] {
    width: 100%;
    height: 42px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

.planes-section__control[b-dfpfgzfyu1] {
    padding: 0 12px;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.planes-section__control[b-dfpfgzfyu1]::placeholder {
    color: #9ca3af;
}

.planes-section__control:hover:not(:disabled)[b-dfpfgzfyu1] {
    border-color: #b8bec7;
}

.planes-section__control:focus[b-dfpfgzfyu1] {
    border-color: var(--primary-color);
    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.planes-section__control:disabled[b-dfpfgzfyu1] {
    background-color: #f3f4f6;
}

.planes-section__file-display[b-dfpfgzfyu1] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 12px;
}

.planes-section__file-display > span:first-child[b-dfpfgzfyu1] {
    min-width: 0;
    overflow: hidden;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planes-section__extension[b-dfpfgzfyu1] {
    flex-shrink: 0;
    padding: 1px 4px;
    border-radius: 3px;
    color: #ffffff;
    background-color: #6b7280;
    font-family: var(--primary-font-family);
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
}

.planes-section__upload[b-dfpfgzfyu1] {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #ffffff;
    background-color: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
        opacity 0.2s ease,
        transform 0.15s ease;
}

.planes-section__upload:hover:not(.planes-section__upload--disabled)[b-dfpfgzfyu1] {
    opacity: 0.9;
}

.planes-section__upload:active:not(.planes-section__upload--disabled)[b-dfpfgzfyu1] {
    transform: scale(0.98);
}

.planes-section__upload--disabled[b-dfpfgzfyu1] {
    opacity: 0.6;
    cursor: not-allowed;
}

.planes-section__native-input[b-dfpfgzfyu1] {
    display: none;
}

.planes-section__help[b-dfpfgzfyu1] {
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3px;
    padding: 0;
    border: 1px solid #d1d5db;
    border-radius: 50%;
    color: #6b7280;
    background-color: #ffffff;
    font-family: var(--primary-font-family);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.planes-section__help:hover:not(:disabled)[b-dfpfgzfyu1] {
    border-color: #b8bec7;
    color: var(--primary-font-color);
    background-color: #f9fafb;
}

.planes-section__delete-container[b-dfpfgzfyu1] {
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.planes-section__delete[b-dfpfgzfyu1] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #ef4444;
    background-color: transparent;
    cursor: pointer;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        opacity 0.2s ease;
}

.planes-section__delete:hover:not(:disabled)[b-dfpfgzfyu1] {
    color: #b91c1c;
    background-color: #fef2f2;
}

.planes-section__delete svg[b-dfpfgzfyu1] {
    width: 18px;
    height: 18px;
}

.planes-section button:disabled[b-dfpfgzfyu1],
.planes-section input:disabled[b-dfpfgzfyu1] {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 1199px) {
    .planes-section__row[b-dfpfgzfyu1] {
        grid-template-columns: 1fr 1fr;
    }

    .planes-section__upload[b-dfpfgzfyu1] {
        width: 100%;
    }

    .planes-section__delete-container[b-dfpfgzfyu1] {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .planes-section__header[b-dfpfgzfyu1] {
        align-items: stretch;
        flex-direction: column;
    }

    .planes-section__header h2[b-dfpfgzfyu1] {
        font-size: 17px;
    }

    .planes-section__add[b-dfpfgzfyu1] {
        width: 100%;
    }

    .planes-section__row[b-dfpfgzfyu1] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/ArchivoInput.razor.rz.scp.css */
.archivo-input[b-gayvmfgv34] {
    width: 100%;
    margin-bottom: 20px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
}

.archivo-input__label[b-gayvmfgv34] {
    display: block;
    margin-bottom: 8px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.35;
}

.archivo-input__row[b-gayvmfgv34] {
    width: 100%;

    display: grid;
    grid-template-columns:
        28px
        minmax(0, 1fr)
        110px;

    align-items: center;

    gap: 12px;
}

.archivo-input__download[b-gayvmfgv34] {
    width: 28px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;

    color: var(--primary-color);
    background: transparent;

    font-size: 18px;
    font-weight: 700;

    cursor: pointer;

    transition:
        color 0.2s ease,
        opacity 0.2s ease,
        transform 0.2s ease;
}

.archivo-input__download i[b-gayvmfgv34] {
    font-size: 18px;
    line-height: 1;
}

.archivo-input__download:hover:not(:disabled)[b-gayvmfgv34] {
    opacity: 0.8;

    transform: translateY(1px);
}

.archivo-input__download--disabled[b-gayvmfgv34],
.archivo-input__download:disabled[b-gayvmfgv34] {
    color: #d1d5db;

    cursor: not-allowed;

    transform: none;
}

.archivo-input__display[b-gayvmfgv34] {
    position: relative;

    width: 100%;
    min-width: 0;
}

.archivo-input__control[b-gayvmfgv34] {
    width: 100%;
    height: 46px;

    padding: 0 82px 0 14px;

    overflow: hidden;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1;

    text-overflow: ellipsis;
    white-space: nowrap;

    outline: none;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.archivo-input__control[b-gayvmfgv34]::placeholder {
    color: #9ca3af;
}

.archivo-input__control:focus[b-gayvmfgv34] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.archivo-input__type[b-gayvmfgv34] {
    position: absolute;
    top: 50%;
    right: 9px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 48px;
    height: 18px;

    padding: 0 5px;

    border-radius: 3px;

    color: #ffffff;
    background: #6b7280;

    font-family: var(--primary-font-family);
    font-size: 8px;
    font-weight: 700;
    line-height: 1;

    white-space: nowrap;

    pointer-events: none;

    transform: translateY(-50%);
}

.archivo-input__upload[b-gayvmfgv34] {
    width: 110px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 16px;

    border: 0;
    border-radius: 6px;

    color: #ffffff;
    background: var(--primary-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    user-select: none;

    box-sizing: border-box;

    transition:
        opacity 0.2s ease,
        transform 0.15s ease;
}

.archivo-input__upload:hover:not(.archivo-input__upload--disabled)[b-gayvmfgv34] {
    opacity: 0.9;
}

.archivo-input__upload:active:not(.archivo-input__upload--disabled)[b-gayvmfgv34] {
    transform: scale(0.98);
}

.archivo-input__upload--disabled[b-gayvmfgv34] {
    opacity: 0.55;

    cursor: not-allowed;
}

.archivo-input__native[b-gayvmfgv34] {
    display: none;
}

@media (max-width: 640px) {
    .archivo-input[b-gayvmfgv34] {
        margin-bottom: 18px;
    }

    .archivo-input__row[b-gayvmfgv34] {
        grid-template-columns:
            28px
            minmax(0, 1fr);

        gap: 10px;
    }

    .archivo-input__download[b-gayvmfgv34] {
        height: 44px;
    }

    .archivo-input__control[b-gayvmfgv34] {
        height: 44px;

        padding-left: 12px;
    }

    .archivo-input__upload[b-gayvmfgv34] {
        grid-column: 2;

        width: 100%;
        height: 44px;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/ArchivosCard.razor.rz.scp.css */
.archivos-card[b-zw2nbr54w0] {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    box-shadow: 0 5px 15px rgba(15, 23, 42, 0.08);
}

.archivos-card__content[b-zw2nbr54w0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 32px 40px;
    box-sizing: border-box;
}

.archivos-card__content input:not([type="checkbox"]):not([type="radio"])[b-zw2nbr54w0],
.archivos-card__content select[b-zw2nbr54w0],
.archivos-card__content button[b-zw2nbr54w0],
.archivos-card__content label[for][b-zw2nbr54w0] {
    min-height: 46px;
    box-sizing: border-box;
}

.archivos-card__empty[b-zw2nbr54w0] {
    margin: 0;
    padding: 28px 16px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.archivos-card__footer[b-zw2nbr54w0] {
    width: 100%;
    padding: 24px 40px;
    border-top: 1px solid #e5e7eb;
    background: #ffffff;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .archivos-card__content[b-zw2nbr54w0],
    .archivos-card__footer[b-zw2nbr54w0] {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (max-width: 480px) {
    .archivos-card__content[b-zw2nbr54w0],
    .archivos-card__footer[b-zw2nbr54w0] {
        padding-right: 16px;
        padding-left: 16px;
    }

    .archivos-card__content input:not([type="checkbox"]):not([type="radio"])[b-zw2nbr54w0],
    .archivos-card__content select[b-zw2nbr54w0],
    .archivos-card__content button[b-zw2nbr54w0],
    .archivos-card__content label[for][b-zw2nbr54w0] {
        min-height: 44px;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/BotoneraFactibilidad.razor.rz.scp.css */
.botonera-factibilidad[b-0jfl1tdbui] {
    width: 100%;
    margin-top: 36px;
}

.botonera-factibilidad__inner[b-0jfl1tdbui] {
    width: min(1100px, 100%);

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin: 0 auto;
}

.botonera-factibilidad__actions[b-0jfl1tdbui] {
    display: flex;
    gap: 16px;
}

.botonera-factibilidad__button[b-0jfl1tdbui] {
    min-height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 0 32px;

    border-radius: 6px;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        opacity 0.2s ease,
        transform 0.1s ease;
}

.botonera-factibilidad__button svg[b-0jfl1tdbui] {
    width: 17px;
    height: 17px;

    flex-shrink: 0;
}

.botonera-factibilidad__button--outline[b-0jfl1tdbui] {
    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background-color: #ffffff;
}

.botonera-factibilidad__button--outline:hover:not(:disabled)[b-0jfl1tdbui] {
    background-color: #f9fafb;
}

.botonera-factibilidad__button--primary[b-0jfl1tdbui] {
    padding-right: 40px;
    padding-left: 40px;

    border: 1px solid var(--primary-color);

    color: #ffffff;
    background-color: var(--primary-color);
}

.botonera-factibilidad__button--primary:hover:not(:disabled)[b-0jfl1tdbui] {
    opacity: 0.9;
}

.botonera-factibilidad__button:active:not(:disabled)[b-0jfl1tdbui] {
    transform: scale(0.98);
}

.botonera-factibilidad__button:focus-visible[b-0jfl1tdbui] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.botonera-factibilidad__button:disabled[b-0jfl1tdbui] {
    opacity: 0.6;

    cursor: not-allowed;

    transform: none;
}

.botonera-factibilidad__spinner[b-0jfl1tdbui] {
    width: 16px;
    height: 16px;

    flex-shrink: 0;

    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;

    animation: factibilidad-spin-b-0jfl1tdbui 0.8s linear infinite;
}

@keyframes factibilidad-spin-b-0jfl1tdbui {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 640px) {
    .botonera-factibilidad__inner[b-0jfl1tdbui] {
        align-items: stretch;
        flex-direction: column;
    }

    .botonera-factibilidad__actions[b-0jfl1tdbui] {
        flex-direction: column;
    }

    .botonera-factibilidad__button[b-0jfl1tdbui] {
        width: 100%;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/CuerpoSolicitud.razor.rz.scp.css */
.cuerpo-solicitud[b-9h3nsp0i1u] {
    width: 100%;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.7;
}

.cuerpo-solicitud__linea[b-9h3nsp0i1u] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.cuerpo-solicitud__linea > span[b-9h3nsp0i1u] {
    flex-shrink: 0;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}

.cuerpo-solicitud__input[b-9h3nsp0i1u] {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #9ca3af;
    border-radius: 6px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.cuerpo-solicitud__input:hover:not(:read-only):not(:disabled)[b-9h3nsp0i1u] {
    border-color: #6b7280;
}

.cuerpo-solicitud__input:focus[b-9h3nsp0i1u] {
    border-color: var(--primary-color);
    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.cuerpo-solicitud__input[b-9h3nsp0i1u]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}

.cuerpo-solicitud__input--readonly[b-9h3nsp0i1u] {
    flex: 1;
    color: var(--secondary-font-color);
    background: #f3f4f6;
    cursor: not-allowed;
}

.cuerpo-solicitud__input--medium[b-9h3nsp0i1u] {
    width: 220px;
    flex: 0 0 220px;
}

.cuerpo-solicitud__fundamento[b-9h3nsp0i1u] {
    margin: 0 0 16px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.7;
    text-align: justify;
    overflow-wrap: anywhere;
}

.cuerpo-solicitud__programa[b-9h3nsp0i1u] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.cuerpo-solicitud__campos[b-9h3nsp0i1u] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cuerpo-solicitud__campos[b-9h3nsp0i1u]  .factibilidad-input {
    margin-bottom: 0;
}

.cuerpo-solicitud__campos[b-9h3nsp0i1u]  .factibilidad-input label {
    display: block;
    margin-bottom: 4px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.cuerpo-solicitud__campos[b-9h3nsp0i1u]  .factibilidad-input input {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #9ca3af;
    border-radius: 6px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    outline: none;
}

.cuerpo-solicitud__campos[b-9h3nsp0i1u]  .factibilidad-input input:focus {
    border-color: var(--primary-color);
}

.cuerpo-solicitud__final[b-9h3nsp0i1u] {
    margin: 20px 0 16px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.7;
}

.cuerpo-solicitud__campos[b-9h3nsp0i1u]  label {
    margin-bottom: 4px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.cuerpo-solicitud__campos[b-9h3nsp0i1u]  select {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #9ca3af;
    border-radius: 6px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    outline: none;
}

.cuerpo-solicitud__campos[b-9h3nsp0i1u]  select:focus {
    border-color: var(--primary-color);
}

@media (max-width: 1024px) {

    .cuerpo-solicitud__linea[b-9h3nsp0i1u] {
        align-items: stretch;
        flex-direction: column;
    }

    .cuerpo-solicitud__linea > span[b-9h3nsp0i1u] {
        flex-shrink: 1;
    }

    .cuerpo-solicitud__input--medium[b-9h3nsp0i1u] {
        width: 100%;

        flex-basis: auto;
    }
}

@media (max-width: 640px) {

    .cuerpo-solicitud__fundamento[b-9h3nsp0i1u] {
        text-align: left;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/DatosPersonaMoral.razor.rz.scp.css */
.datos-persona-moral[b-ai7l8oy370] {
    width: 100%;
    overflow: hidden;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
}

.datos-persona-moral__header[b-ai7l8oy370] {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    color: #ffffff;
    background: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.datos-persona-moral__body[b-ai7l8oy370] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.datos-persona-moral__body[b-ai7l8oy370]  .factibilidad-input {
    margin-bottom: 0;
}

.datos-persona-moral__body[b-ai7l8oy370]  .factibilidad-input label {
    margin-bottom: 4px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.datos-persona-moral__body[b-ai7l8oy370]  .factibilidad-input input {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #9ca3af;
    border-radius: 6px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    outline: none;
}

.datos-persona-moral__body[b-ai7l8oy370]  .factibilidad-input input:focus {
    border-color: var(--primary-color);
}

@media (max-width: 640px) {

    .datos-persona-moral__header[b-ai7l8oy370] {
        padding: 9px 14px;
        font-size: 16px;
    }

    .datos-persona-moral__body[b-ai7l8oy370] {
        padding: 18px;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/DatosPropietario.razor.rz.scp.css */
.datos-propietario[b-stjaxo9rlv] {
    width: 100%;
    overflow: hidden;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
}

.datos-propietario__header[b-stjaxo9rlv] {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    color: #ffffff;
    background: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.datos-propietario__body[b-stjaxo9rlv] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.datos-propietario__body[b-stjaxo9rlv]  .factibilidad-input {
    margin-bottom: 0;
}

.datos-propietario__body[b-stjaxo9rlv]  .factibilidad-input label {
    margin-bottom: 4px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.datos-propietario__body[b-stjaxo9rlv]  .factibilidad-input input {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #9ca3af;
    border-radius: 6px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    outline: none;
}

.datos-propietario__body[b-stjaxo9rlv]  .factibilidad-input input:focus {
    border-color: var(--primary-color);
}

@media (max-width: 640px) {

    .datos-propietario__header[b-stjaxo9rlv] {
        padding: 9px 14px;
        font-size: 16px;
    }

    .datos-propietario__body[b-stjaxo9rlv] {
        padding: 18px;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/Declaracion.razor.rz.scp.css */
.declaracion-factibilidad[b-gda2aruqi9] {
    width: 100%;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.7;
}

.declaracion-factibilidad p[b-gda2aruqi9] {
    margin: 0 0 8px;

    color: var(--primary-font-color);

    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.declaracion-factibilidad strong[b-gda2aruqi9] {
    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-weight: 700;
}

.declaracion-factibilidad__last-paragraph[b-gda2aruqi9] {
    margin-bottom: 40px !important;
}

.declaracion-factibilidad__signature[b-gda2aruqi9] {
    width: 100%;
    height: 80px;

    padding: 8px 12px;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--primary-font-color);
    background-color: #f3f4f6;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;

    resize: none;
    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.declaracion-factibilidad__signature:focus[b-gda2aruqi9] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.declaracion-factibilidad__signature-title[b-gda2aruqi9] {
    margin-top: 20px !important;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.4;

    text-align: center;
}

.declaracion-factibilidad__signature-note[b-gda2aruqi9] {
    margin-top: 4px !important;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.4;

    text-align: center;
}

.declaracion-factibilidad__definition[b-gda2aruqi9] {
    margin-top: 32px !important;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    font-style: italic;
    line-height: 1.6;
}
/* /Components/Dictamenes/FactibilidadAcademica/EncabezadoAutoridades.razor.rz.scp.css */
.encabezado-autoridades[b-11h1s08ij9] {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    align-items: start;

    gap: 64px;

    margin-bottom: 40px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
}

.encabezado-autoridades__block[b-11h1s08ij9] {
    width: 100%;
    min-width: 0;
}

.encabezado-autoridades__block--left[b-11h1s08ij9] {
    text-align: left;
}

.encabezado-autoridades__block--right[b-11h1s08ij9] {
    text-align: center;
}

.encabezado-autoridades__name-row[b-11h1s08ij9] {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 12px;
}

.encabezado-autoridades__name-row > span[b-11h1s08ij9] {
    flex-shrink: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 800;
    line-height: 1.35;

    white-space: nowrap;
}

.encabezado-autoridades__input[b-11h1s08ij9] {
    width: 100%;
    min-width: 0;
    height: 42px;

    padding: 0 12px;

    box-sizing: border-box;

    border: 1px solid #d1d5db;
    border-radius: 7px;

    color: var(--primary-font-color);
    background-color: #f3f4f6;

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 800;
    line-height: 1.35;

    outline: none;

    cursor: default;

    text-overflow: ellipsis;
}

.encabezado-autoridades__description[b-11h1s08ij9] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 800;
    line-height: 1.45;

    text-transform: uppercase;
}

.encabezado-autoridades__description--titular[b-11h1s08ij9] {
    padding-left: 28px;

    text-align: left;
}

.encabezado-autoridades__description--director[b-11h1s08ij9] {
    padding-left: 0;

    text-align: center;
}

.encabezado-autoridades__present[b-11h1s08ij9] {
    display: block;

    margin-top: 4px;

    letter-spacing: 0.35em;
}

@media (max-width: 1050px) {
    .encabezado-autoridades[b-11h1s08ij9] {
        gap: 40px;
    }

    .encabezado-autoridades__name-row[b-11h1s08ij9] {
        align-items: flex-start;
        flex-direction: column;

        gap: 6px;
    }

    .encabezado-autoridades__input[b-11h1s08ij9] {
        width: 100%;
    }

    .encabezado-autoridades__description--titular[b-11h1s08ij9],
    .encabezado-autoridades__description--director[b-11h1s08ij9] {
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .encabezado-autoridades[b-11h1s08ij9] {
        grid-template-columns: 1fr;

        gap: 34px;

        margin-bottom: 34px;
    }

    .encabezado-autoridades__block--left[b-11h1s08ij9],
    .encabezado-autoridades__block--right[b-11h1s08ij9] {
        text-align: left;
    }

    .encabezado-autoridades__name-row[b-11h1s08ij9] {
        flex-direction: row;
        align-items: center;

        gap: 8px;
    }

    .encabezado-autoridades__description--titular[b-11h1s08ij9],
    .encabezado-autoridades__description--director[b-11h1s08ij9] {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .encabezado-autoridades[b-11h1s08ij9] {
        gap: 28px;
    }

    .encabezado-autoridades__name-row[b-11h1s08ij9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .encabezado-autoridades__input[b-11h1s08ij9] {
        width: 100%;
    }

    .encabezado-autoridades__description[b-11h1s08ij9] {
        line-height: 1.45;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/Fecha.razor.rz.scp.css */
.fecha-factibilidad[b-q8gv0yv7no] {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 12px;

    margin-bottom: 42px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
}

.fecha-factibilidad__texto[b-q8gv0yv7no] {
    flex-shrink: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 800;
    line-height: 1.3;

    white-space: nowrap;
}

.fecha-factibilidad__mes[b-q8gv0yv7no] {
    width: 116px;
    height: 46px;

    padding: 0 12px;

    border: 1px solid #d1d5db;
    border-radius: 7px;

    color: var(--primary-font-color);
    background-color: #f3f4f6;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;
    line-height: 1;

    text-align: center;
    text-align-last: center;

    outline: none;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.fecha-factibilidad__mes:hover:not(:disabled)[b-q8gv0yv7no] {
    border-color: #b8bec7;

    background-color: #f9fafb;
}

.fecha-factibilidad__mes:focus:not(:disabled)[b-q8gv0yv7no] {
    border-color: var(--primary-color);

    background-color: #ffffff;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.fecha-factibilidad__mes:disabled[b-q8gv0yv7no] {
    color: var(--primary-font-color);
    background-color: #f3f4f6;

    opacity: 1;

    cursor: default;
}

@media (max-width: 640px) {
    .fecha-factibilidad[b-q8gv0yv7no] {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;

        gap: 10px;

        margin-bottom: 34px;
    }

    .fecha-factibilidad__texto[b-q8gv0yv7no] {
        flex-shrink: 1;
    }

    .fecha-factibilidad__mes[b-q8gv0yv7no] {
        width: 116px;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/Input.razor.rz.scp.css */
.factibilidad-input[b-i2buosmwvn] {
    width: 100%;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
}

.factibilidad-input__label[b-i2buosmwvn] {
    display: block;

    margin-bottom: 8px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: 0.1px;
}

.factibilidad-input__control[b-i2buosmwvn] {
    width: 100%;
    height: 42px;

    padding: 0 16px;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--primary-font-color);
    background-color: #f3f4f6;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.factibilidad-input__control[b-i2buosmwvn]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.65;
}

.factibilidad-input__control:hover:not(:read-only):not(:disabled)[b-i2buosmwvn] {
    border-color: #6b7280;
}

.factibilidad-input__control:focus:not(:read-only):not(:disabled)[b-i2buosmwvn] {
    border-color: var(--primary-color);

    background-color: #ffffff;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.factibilidad-input__control--readonly[b-i2buosmwvn],
.factibilidad-input__control:read-only[b-i2buosmwvn],
.factibilidad-input__control:disabled[b-i2buosmwvn] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;

    opacity: 0.85;

    cursor: not-allowed;
}
/* /Components/Dictamenes/FactibilidadAcademica/InputSmall.razor.rz.scp.css */
.factibilidad-input-small[b-fb1tl0riwg] {
    max-width: 100%;
    height: 42px;

    padding: 0 12px;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--secondary-font-color);
    background-color: #f3f4f6;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.factibilidad-input-small[b-fb1tl0riwg]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.65;
}

.factibilidad-input-small:hover:not(:read-only):not(:disabled)[b-fb1tl0riwg] {
    border-color: #6b7280;
    background-color: #f9fafb;
}

.factibilidad-input-small:focus:not(:read-only):not(:disabled)[b-fb1tl0riwg] {
    border-color: var(--primary-color);
    background-color: #ffffff;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.factibilidad-input-small--center[b-fb1tl0riwg] {
    text-align: center;
}

.factibilidad-input-small--readonly[b-fb1tl0riwg],
.factibilidad-input-small:read-only[b-fb1tl0riwg],
.factibilidad-input-small:disabled[b-fb1tl0riwg] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;

    opacity: 0.8;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .factibilidad-input-small[b-fb1tl0riwg] {
        width: 100% !important;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/ProgramaEstudiosTable.razor.rz.scp.css */
.programas-table[b-8jilzbcixe] {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10);
}

.programas-table__header[b-8jilzbcixe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 32px;
}

.programas-table__title[b-8jilzbcixe] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.programas-table__header-actions[b-8jilzbcixe] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.programas-table__header-button[b-8jilzbcixe] {
    min-width: 112px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    background: var(--primary-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.programas-table__header-button:hover:not(:disabled)[b-8jilzbcixe] {
    color: #ffffff;
    opacity: 0.9;
}

.programas-table__header-button:active:not(:disabled)[b-8jilzbcixe] {
    transform: scale(0.98);
}

.programas-table__header-button:disabled[b-8jilzbcixe] {
    opacity: 0.55;
    cursor: not-allowed;
}

.programas-table__scroll[b-8jilzbcixe] {
    width: 100%;

    overflow-x: auto;
}

.programas-table__table[b-8jilzbcixe] {
    width: 100%;
    min-width: 1200px;
    border-collapse: collapse;
    table-layout: fixed;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.programas-table__table thead[b-8jilzbcixe] {
    background: #0b1726;
}

.programas-table__column[b-8jilzbcixe] {
    padding: 17px 22px;
    color: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size) * 0.50;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
}

.programas-table__column--clave[b-8jilzbcixe] {
    width: 16%;
}

.programas-table__column--asignatura[b-8jilzbcixe] {
    width: 18%;
}

.programas-table__column--documento[b-8jilzbcixe] {
    width: 27%;
}

.programas-table__column--acciones[b-8jilzbcixe] {
    width: 12%;
    text-align: center;
}

.programas-table__optional[b-8jilzbcixe] {
    font-family: var(--secondary-font-family);
    font-weight: 400;
}

.programas-table__table tbody tr[b-8jilzbcixe] {
    border-bottom: 1px solid #e5e7eb;
}

.programas-table__table tbody tr:last-child[b-8jilzbcixe] {
    border-bottom: 0;
}

.programas-table__table tbody tr:hover[b-8jilzbcixe] {
    background: #fafafa;
}

.programas-table__table td[b-8jilzbcixe] {
    min-width: 0;
    padding: 18px 22px;
    overflow: hidden;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    vertical-align: middle;
}

.programas-table__input[b-8jilzbcixe] {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    box-sizing: border-box;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.programas-table__input[b-8jilzbcixe]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.65;
}

.programas-table__input:hover:not(:disabled)[b-8jilzbcixe] {
    border-color: #9ca3af;
}

.programas-table__input:focus:not(:disabled)[b-8jilzbcixe] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.programas-table__input:disabled[b-8jilzbcixe] {
    color: var(--secondary-font-color);
    background: #f3f4f6;
    cursor: not-allowed;
}

.programas-table__file-control[b-8jilzbcixe] {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}

.programas-table__upload[b-8jilzbcixe] {
    min-width: 100px;
    height: 44px;
    flex: 0 0 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 18px;
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    background: var(--primary-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;
    box-sizing: border-box;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.programas-table__upload:hover:not(.programas-table__upload--disabled)[b-8jilzbcixe] {
    opacity: 0.9;
}

.programas-table__upload:active:not(.programas-table__upload--disabled)[b-8jilzbcixe] {
    transform: scale(0.98);
}

.programas-table__upload--disabled[b-8jilzbcixe] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

.programas-table__native-file[b-8jilzbcixe] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.programas-table__file-name[b-8jilzbcixe] {
    min-width: 0;
    min-height: 44px;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.programas-table__file-name > span:last-child[b-8jilzbcixe] {
    min-width: 0;
    flex: 1;
    display: block;
    overflow: hidden;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.programas-table__file-icon[b-8jilzbcixe] {
    flex-shrink: 0;
    color: var(--secondary-font-color);
    font-size: 16px;
}

.programas-table__file-icon--loaded[b-8jilzbcixe] {
    color: #ef4444;
}

.programas-table__actions[b-8jilzbcixe] {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.programas-table__action-button[b-8jilzbcixe] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--primary-color);
    background: transparent;
    font-size: 16px;
    cursor: pointer;
    transition: opacity 0.2s ease, background-color 0.2s ease;
}

.programas-table__action-button:hover:not(:disabled)[b-8jilzbcixe] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 7%,
            transparent
        );

    opacity: 0.75;
}

.programas-table__action-button:disabled[b-8jilzbcixe] {
    opacity: 0.3;
    cursor: not-allowed;
}

.programas-table__action-button--delete[b-8jilzbcixe] {
    color: #ef4444;
}

.programas-table__empty[b-8jilzbcixe] {
    padding: 32px 20px !important;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

@media (max-width: 900px) {
    .programas-table[b-8jilzbcixe] {
        max-width: 100%;
    }

    .programas-table__table[b-8jilzbcixe] {
        min-width: 1120px;
    }
}

@media (max-width: 640px) {
    .programas-table__header[b-8jilzbcixe] {
        align-items: stretch;
        flex-direction: column;
        padding: 20px;
    }

    .programas-table__header-actions[b-8jilzbcixe] {
        align-items: stretch;
        flex-direction: column;
    }

    .programas-table__header-button[b-8jilzbcixe] {
        width: 100%;
        height: 44px;
    }

    .programas-table__table td[b-8jilzbcixe] {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}
/* /Components/Dictamenes/FactibilidadAcademica/SelectField.razor.rz.scp.css */
.factibilidad-select[b-zp07s7d9m1] {
    width: 100%;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
}

.factibilidad-select__label[b-zp07s7d9m1] {
    display: block;

    margin-bottom: 8px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: 0.1px;
}

.factibilidad-select__control[b-zp07s7d9m1] {
    width: 100%;
    height: 42px;

    padding: 0 12px;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--primary-font-color);
    background-color: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;

    outline: none;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.factibilidad-select__control:hover:not(:disabled)[b-zp07s7d9m1] {
    border-color: #6b7280;
}

.factibilidad-select__control:focus:not(:disabled)[b-zp07s7d9m1] {
    border-color: var(--primary-color);

    background-color: #ffffff;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.factibilidad-select__control:disabled[b-zp07s7d9m1] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;

    opacity: 0.85;

    cursor: not-allowed;
}

.factibilidad-select__control option[b-zp07s7d9m1] {
    color: var(--primary-font-color);
    background-color: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}
/* /Components/Dictamenes/RevisionesDirectivos/BotoneraDictamen.razor.rz.scp.css */
.botonera-dictamen[b-28r1iq3i3d] {
  width: 100%;
  margin-top: 56px;
  padding-top: 32px;
  border-top: 1px solid #e5e7eb;
}

.botonera-dictamen__inner[b-28r1iq3i3d] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.botonera-dictamen__actions[b-28r1iq3i3d] {
  display: flex;
  align-items: center;
  gap: 16px;
}

.botonera-dictamen__button[b-28r1iq3i3d] {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 32px;
  border-radius: 6px;
  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    opacity 0.2s ease,
    transform 0.1s ease;
}

.botonera-dictamen__button svg[b-28r1iq3i3d] {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}

.botonera-dictamen__button--outline[b-28r1iq3i3d] {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background-color: #ffffff;
}

.botonera-dictamen__button--primary[b-28r1iq3i3d] {
  border: 1px solid var(--primary-color);
  color: #ffffff;
  background-color: var(--primary-color);
}

.botonera-dictamen__button:hover:not(:disabled)[b-28r1iq3i3d] {
  opacity: 0.9;
}

.botonera-dictamen__button:active:not(:disabled)[b-28r1iq3i3d] {
  transform: scale(0.98);
}

.botonera-dictamen__button:disabled[b-28r1iq3i3d] {
  opacity: 0.5;

  cursor: not-allowed;
}

@media (max-width: 767px) {
  .botonera-dictamen__inner[b-28r1iq3i3d] {
    flex-direction: column;
    align-items: stretch;
  }

  .botonera-dictamen__actions[b-28r1iq3i3d] {
    flex-direction: column;
  }

  .botonera-dictamen__button[b-28r1iq3i3d] {
    width: 100%;
  }
}
/* /Components/Dictamenes/RevisionesDirectivos/BotoneraRevision.razor.rz.scp.css */
.botonera-revision[b-g7g1ixt8o4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 56px;
  padding-top: 32px;
  border-top: 1px solid #e5e7eb;
}

.botonera-revision__actions[b-g7g1ixt8o4] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.botonera-revision__button[b-g7g1ixt8o4] {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 32px;
  border-radius: 6px;
  font-family: var(--primary-font-family);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition:
    opacity 0.2s ease,
    background-color 0.2s ease,
    transform 0.1s ease;
}

.botonera-revision__button svg[b-g7g1ixt8o4] {
  width: 17px;
  height: 17px;
}

.botonera-revision__button--outline[b-g7g1ixt8o4] {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background-color: #ffffff;
}

.botonera-revision__button--reject[b-g7g1ixt8o4] {
  border: 1px solid #333333;
  color: #ffffff;
  background-color: #333333;
}

.botonera-revision__button--primary[b-g7g1ixt8o4] {
  border: 1px solid var(--primary-color);
  color: #ffffff;
  background-color: var(--primary-color);
}

.botonera-revision__button:hover:not(:disabled)[b-g7g1ixt8o4] {
  opacity: 0.9;
}

.botonera-revision__button:active:not(:disabled)[b-g7g1ixt8o4] {
  transform: scale(0.98);
}

.botonera-revision__button:disabled[b-g7g1ixt8o4] {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (min-width: 1024px) {
  .botonera-revision[b-g7g1ixt8o4] {
    flex-direction: row;
  }

  .botonera-revision__actions[b-g7g1ixt8o4] {
    flex-direction: row;
  }
}
/* /Components/Dictamenes/RevisionesDirectivos/DatosDirectivo.razor.rz.scp.css */
.datos-directivo__title[b-r4v5lupgec] {
  margin: 0 0 12px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;
}

.datos-directivo__grid[b-r4v5lupgec] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 4px;
}

@media (min-width: 768px) {
  .datos-directivo__grid[b-r4v5lupgec] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* /Components/Dictamenes/RevisionesDirectivos/DocumentoRevision.razor.rz.scp.css */
.documento-revision[b-ww9o9rm1jr] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

.documento-revision__nombre[b-ww9o9rm1jr] {
  margin: 0 0 20px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
}

.documento-revision__link[b-ww9o9rm1jr] {
  display: inline;
  padding: 0;
  border: 0;
  color: var(--primary-color);
  background: transparent;
  font-family: var(--secondary-font-family);
  font-size: 12px;
  line-height: 1.4;
  text-decoration: underline;
  cursor: pointer;
}
.documento-revision__link:hover[b-ww9o9rm1jr] {
  opacity: 0.8;
}

.documento-revision__link--disabled[b-ww9o9rm1jr] {
  color: #9ca3af;
  text-decoration: none;
  cursor: not-allowed;
}

.documento-revision__label[b-ww9o9rm1jr] {
  margin: 0 0 8px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 10px;
  font-weight: 700;
}

.documento-revision__select[b-ww9o9rm1jr],
.documento-revision__input[b-ww9o9rm1jr] {
  width: 100%;
  height: 34px;
  padding: 0 8px;
  border: 1px solid #9ca3af;
  border-radius: 4px;
  color: var(--primary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  font-size: 12px;
  outline: none;
}

.documento-revision__input:disabled[b-ww9o9rm1jr] {
  background-color: #f3f4f6;
}

@media (min-width: 1024px) {
  .documento-revision[b-ww9o9rm1jr] {
    grid-template-columns:
      minmax(0, 1fr)
      130px
      minmax(0, 1.6fr);
    gap: 24px;
  }
}
/* /Components/Dictamenes/RevisionesDirectivos/DocumentosRevisionSection.razor.rz.scp.css */
.documentos-revision-section[b-03fo8rywlq] {
  margin-top: 40px;
}

.documentos-revision-section__title[b-03fo8rywlq] {
  margin: 0 0 24px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;
}

.documentos-revision-section__list[b-03fo8rywlq] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
/* /Components/Dictamenes/RevisionesDirectivos/DocumentosStaticSection.razor.rz.scp.css */
.documentos-static-section[b-ciw3ldba53] {
  margin-top: 40px;
}

.documentos-static-section__title[b-ciw3ldba53] {
  margin: 0 0 24px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;
}

.documentos-static-section__list[b-ciw3ldba53] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
/* /Components/Dictamenes/RevisionesDirectivos/DocumentoStatic.razor.rz.scp.css */
.documento-static[b-48uhzh3rnp] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

.documento-static__nombre[b-48uhzh3rnp] {
  margin: 0 0 20px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
}

.documento-static__link[b-48uhzh3rnp] {
  padding: 0;
  border: 0;
  color: var(--primary-color);
  background: transparent;
  font-family: var(--secondary-font-family);
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .documento-static[b-48uhzh3rnp] {
    grid-template-columns:
      minmax(0, 1fr)
      130px
      minmax(0, 1.6fr);
    gap: 24px;
  }
}
/* /Components/Dictamenes/RevisionesDirectivos/FechaRevision.razor.rz.scp.css */
.fecha-revision[b-g2uid0xlq8] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 40px;
}

.fecha-revision__texto[b-g2uid0xlq8] {
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 14px;
  font-weight: 700;
}

.fecha-revision__input[b-g2uid0xlq8] {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  color: var(--primary-font-color);
  background-color: #f3f4f6;
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  outline: none;
}

.fecha-revision__input--dia[b-g2uid0xlq8],
.fecha-revision__input--anio[b-g2uid0xlq8] {
  text-align: center;
}

@media (min-width: 640px) {
  .fecha-revision[b-g2uid0xlq8] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
  }

  .fecha-revision__input--dia[b-g2uid0xlq8] {
    width: 70px;
  }

  .fecha-revision__input--mes[b-g2uid0xlq8] {
    width: 110px;
  }

  .fecha-revision__input--anio[b-g2uid0xlq8] {
    width: 95px;
  }
}
/* /Components/Dictamenes/RevisionesDirectivos/InputReadonly.razor.rz.scp.css */
.input-readonly[b-y75xq71urw] {
  margin-bottom: 16px;
}

.input-readonly__label[b-y75xq71urw] {
  margin: 0 0 4px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
}

.input-readonly__control[b-y75xq71urw] {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #9ca3af;
  border-radius: 6px;
  color: var(--primary-font-color);
  background-color: #f3f4f6;
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  outline: none;
}
/* /Components/Dictamenes/RevisionesDirectivos/StaticBox.razor.rz.scp.css */
.static-box[b-wduz1kmdhg] {
  width: 100%;
}

.static-box__label[b-wduz1kmdhg] {
  margin: 0 0 8px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 10px;
  font-weight: 700;
}

.static-box__value[b-wduz1kmdhg] {
  width: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  color: var(--primary-font-color);
  background-color: #f3f4f6;
  font-family: var(--secondary-font-family);
  font-size: 12px;
}
/* /Components/Dictamenes/RevisionesDocentes/BotoneraDictamen.razor.rz.scp.css */
.botonera-dictamen[b-7jo6pq4iuy] {
  width: 100%;
  margin-top: 56px;
  padding-top: 40px;
  border-top: 1px solid #e5e7eb;
}

.botonera-dictamen__inner[b-7jo6pq4iuy] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.botonera-dictamen__actions[b-7jo6pq4iuy] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

.botonera-dictamen__button[b-7jo6pq4iuy] {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 34px;
  border-radius: 8px;
  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    opacity 0.2s ease,
    transform 0.1s ease;
}

.botonera-dictamen__button svg[b-7jo6pq4iuy] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.botonera-dictamen__button--outline[b-7jo6pq4iuy] {
  border: 1.5px solid var(--primary-color);
  color: var(--primary-color);
  background-color: #ffffff;
}

.botonera-dictamen__button--outline:hover:not(:disabled)[b-7jo6pq4iuy] {
  background-color:
    color-mix(
      in srgb,
      var(--primary-color) 6%,
      #ffffff
    );
}

.botonera-dictamen__button--primary[b-7jo6pq4iuy] {
  border: 1.5px solid var(--primary-color);
  color: #ffffff;
  background-color: var(--primary-color);
}

.botonera-dictamen__button--primary:hover:not(:disabled)[b-7jo6pq4iuy] {
  opacity: 0.9;
}

.botonera-dictamen__button--download[b-7jo6pq4iuy] {
  min-width: 348px;
}

.botonera-dictamen__button--upload[b-7jo6pq4iuy] {
  min-width: 310px;
}

.botonera-dictamen__button:active:not(:disabled)[b-7jo6pq4iuy] {
  transform: scale(0.98);
}

.botonera-dictamen__button:focus-visible[b-7jo6pq4iuy] {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

.botonera-dictamen__button:disabled[b-7jo6pq4iuy] {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 1050px) {
  .botonera-dictamen__button--download[b-7jo6pq4iuy] {
    min-width: 270px;
  }

  .botonera-dictamen__button--upload[b-7jo6pq4iuy] {
    min-width: 250px;
  }
}

@media (max-width: 900px) {
  .botonera-dictamen__inner[b-7jo6pq4iuy] {
    flex-direction: column;
    align-items: stretch;
  }

  .botonera-dictamen__actions[b-7jo6pq4iuy] {
    width: 100%;
    justify-content: flex-end;
  }
}

@media (max-width: 700px) {
  .botonera-dictamen__actions[b-7jo6pq4iuy] {
    flex-direction: column;
  }

  .botonera-dictamen__button[b-7jo6pq4iuy],
  .botonera-dictamen__button--download[b-7jo6pq4iuy],
  .botonera-dictamen__button--upload[b-7jo6pq4iuy] {
    width: 100%;
    min-width: 0;
  }
}
/* /Components/Dictamenes/RevisionesDocentes/BotoneraFinal.razor.rz.scp.css */
.revision-docente-actions[b-stpmqu48j0] {
    width: 100%;
    margin-top: 36px;
}

.revision-docente-actions__inner[b-stpmqu48j0] {
    width: min(1100px, 100%);

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 auto;
}

.revision-docente-actions__group[b-stpmqu48j0] {
    display: flex;
    align-items: center;

    gap: 16px;
}

.revision-docente-actions__button[b-stpmqu48j0] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 32px;
    border-radius: 6px;
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;
}

.revision-docente-actions__button span[b-stpmqu48j0] {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.revision-docente-actions__button--return[b-stpmqu48j0] {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: #ffffff;
}

.revision-docente-actions__button--return:hover:not(:disabled)[b-stpmqu48j0] {
    background-color: color-mix( in srgb, var(--primary-color) 6%, #ffffff );
}

.revision-docente-actions__button--reject[b-stpmqu48j0] {
    border: 1px solid #333333;
    color: #ffffff;
    background-color: #333333;
}

.revision-docente-actions__button--reject:hover:not(:disabled)[b-stpmqu48j0] {
    opacity: 0.9;
}

.revision-docente-actions__button--accept[b-stpmqu48j0] {
    border: 1px solid var(--primary-color);
    color: #ffffff;
    background-color: var(--primary-color);
}

.revision-docente-actions__button--accept:hover:not(:disabled)[b-stpmqu48j0] {
    opacity: 0.9;
}

.revision-docente-actions__button--download[b-stpmqu48j0] {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: #ffffff;
}

.revision-docente-actions__button--download:hover:not(:disabled)[b-stpmqu48j0] {
    color: #ffffff;
    background-color: var(--primary-color);
}

.revision-docente-actions__button--upload[b-stpmqu48j0] {
    border: 1px solid var(--primary-color);
    color: #ffffff;
    background-color: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    cursor: pointer;
}

.revision-docente-actions__button--upload span[b-stpmqu48j0] {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.revision-docente-actions__button--upload:hover:not(.revision-docente-actions__button--disabled)[b-stpmqu48j0] {
    opacity: 0.9;
}

.revision-docente-actions__button:active:not(:disabled)[b-stpmqu48j0],
.revision-docente-actions__button--upload:active:not(.revision-docente-actions__button--disabled)[b-stpmqu48j0] {
    transform: scale(0.98);
}

.revision-docente-actions__button:focus-visible[b-stpmqu48j0],
.revision-docente-actions__button--upload:focus-visible[b-stpmqu48j0] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.revision-docente-actions__button:disabled[b-stpmqu48j0] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.revision-docente-actions__button--disabled[b-stpmqu48j0] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    transform: none;
}

.revision-docente-actions__selected-file[b-stpmqu48j0] {
    width: min(1100px, 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin: 10px auto 0;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 400;
    line-height: 1.4;
}

.revision-docente-actions__selected-file > span[b-stpmqu48j0] {
    flex-shrink: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.revision-docente-actions__selected-file strong[b-stpmqu48j0] {
    min-width: 0;
    max-width: 360px;
    overflow: hidden;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 800px) {
    .revision-docente-actions[b-stpmqu48j0] {
        margin-top: 32px;
    }

    .revision-docente-actions__inner[b-stpmqu48j0] {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .revision-docente-actions__group[b-stpmqu48j0] {
        width: 100%;
        justify-content: flex-end;
    }

    .revision-docente-actions__selected-file[b-stpmqu48j0] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .revision-docente-actions[b-stpmqu48j0] {
        margin-top: 28px;
    }

    .revision-docente-actions__inner[b-stpmqu48j0] {
        align-items: stretch;
        flex-direction: column;
    }

    .revision-docente-actions__group[b-stpmqu48j0] {
        flex-direction: column;
        gap: 10px;
    }

    .revision-docente-actions__button[b-stpmqu48j0] {
        width: 100%;
        min-height: 44px;
        padding: 0 20px;
    }

    .revision-docente-actions__selected-file[b-stpmqu48j0] {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
        margin-top: 10px;
    }

    .revision-docente-actions__selected-file strong[b-stpmqu48j0] {
        width: 100%;
        max-width: 100%;
    }
}
/* /Components/Dictamenes/RevisionesDocentes/DatosDocente.razor.rz.scp.css */
.datos-docente-revision[b-w3wj5gonsh] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.datos-docente-revision[b-w3wj5gonsh],
.datos-docente-revision span[b-w3wj5gonsh],
.datos-docente-revision p[b-w3wj5gonsh],
.datos-docente-revision label[b-w3wj5gonsh] {
    font-family: var(--secondary-font-family);
}

.datos-docente-revision__row[b-w3wj5gonsh] {
    display: grid;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.datos-docente-revision__row--representante[b-w3wj5gonsh] {
    grid-template-columns: auto 280px auto 1fr;
}

.datos-docente-revision__row--identificacion[b-w3wj5gonsh] {
    grid-template-columns: 620px 175px 175px 175px;
}

.datos-docente-revision__texto[b-w3wj5gonsh] {
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.datos-docente-revision__input[b-w3wj5gonsh] {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: var(--primary-font-color);
    background-color: #f3f4f6;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.3;
    outline: none;
    cursor: default;
}

.datos-docente-revision__input--wide-padding[b-w3wj5gonsh] {
    padding-right: 20px;
    padding-left: 20px;
}

.datos-docente-revision__input--nationality[b-w3wj5gonsh] {
    width: 120px;
}

.datos-docente-revision__input--curp[b-w3wj5gonsh] {
    width: 170px;
    text-transform: uppercase;
}

.datos-docente-revision__input--migration[b-w3wj5gonsh] {
    width: 300px;
    flex-shrink: 0;
}

.datos-docente-revision__legal-text[b-w3wj5gonsh] {
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.7;
    white-space: nowrap;
}

.datos-docente-revision__personal-data[b-w3wj5gonsh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    width: 100%;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.datos-docente-revision__personal-data > span[b-w3wj5gonsh] {
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
}

.datos-docente-revision__gender-option[b-w3wj5gonsh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    cursor: default;
}

.datos-docente-revision__gender-option span[b-w3wj5gonsh] {
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
}

.datos-docente-revision__gender-option input[b-w3wj5gonsh] {
    width: 20px;
    height: 20px;
    margin: 0;
    flex-shrink: 0;
    accent-color: var(--primary-color);
}

.datos-docente-revision__gender-option input:disabled[b-w3wj5gonsh] {
    opacity: 1;
}

.datos-docente-revision__migration[b-w3wj5gonsh] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.7;
}

.datos-docente-revision__migration span[b-w3wj5gonsh],
.datos-docente-revision__migration p[b-w3wj5gonsh] {
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
}

@media (max-width: 1100px) {
    .datos-docente-revision__row--representante[b-w3wj5gonsh],
    .datos-docente-revision__row--identificacion[b-w3wj5gonsh] {
        grid-template-columns: 1fr;
    }

    .datos-docente-revision__legal-text[b-w3wj5gonsh] {
        white-space: normal;
    }

    .datos-docente-revision__migration[b-w3wj5gonsh] {
        align-items: stretch;
        flex-direction: column;
    }

    .datos-docente-revision__input--migration[b-w3wj5gonsh] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .datos-docente-revision__personal-data[b-w3wj5gonsh] {
        align-items: stretch;
        flex-direction: column;
    }

    .datos-docente-revision__input--nationality[b-w3wj5gonsh],
    .datos-docente-revision__input--curp[b-w3wj5gonsh] {
        width: 100%;
    }
}
/* /Components/Dictamenes/RevisionesDocentes/EstatusSelect.razor.rz.scp.css */
.estatus-select-docente[b-wp4x4ez9g6] {
    width: 100%;
    height: 46px;
    padding: 0 38px 0 14px;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family) !important;
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.3;
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
    transition:  border-color 0.2s ease,  box-shadow 0.2s ease,  background-color 0.2s ease;
}

.estatus-select-docente option[b-wp4x4ez9g6] {
    color: var(--primary-font-color);

    font-family: var(--secondary-font-family) !important;
    font-size: var(--secondary-font-size);
    font-weight: 400;
}


.estatus-select-docente:hover:not(:disabled)[b-wp4x4ez9g6] {
    border-color: #9ca3af;
}


.estatus-select-docente:focus:not(:disabled)[b-wp4x4ez9g6] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.estatus-select-docente:disabled[b-wp4x4ez9g6] {
    height: 46px;

    padding: 0 14px;

    border: 1px solid #d1d5db;
    border-radius: 7px;

    color: var(--primary-font-color);
    background-color: #f3f4f6;

    font-family: var(--secondary-font-family) !important;
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.3;

    opacity: 1;
    cursor: default;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    -webkit-text-fill-color: var(--primary-font-color);
}


.estatus-select-docente:disabled option[b-wp4x4ez9g6] {
    color: var(--primary-font-color);

    font-family: var(--secondary-font-family) !important;
    font-size: var(--secondary-font-size);
    font-weight: 400;

    opacity: 1;
}
/* /Components/Dictamenes/RevisionesDocentes/ExperienciaSection.razor.rz.scp.css */
.experiencia-revision-docente[b-tb8js0fp9l] {
  width: 100%;
  margin-bottom: 32px;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 400;
}

.experiencia-revision-docente__title[b-tb8js0fp9l] {
  margin: 0 0 18px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.experiencia-revision-docente__label[b-tb8js0fp9l] {
  display: block;
  margin-bottom: 6px;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
}

.experiencia-revision-docente__input[b-tb8js0fp9l] {
  box-sizing: border-box;
  width: 300px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  outline: none;
  background-color: #f3f4f6;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 400;
  line-height: 1.3;
  cursor: default;
  opacity: 1;
  -webkit-text-fill-color: var(--primary-font-color);
}

.experiencia-revision-docente__input:disabled[b-tb8js0fp9l] {
  opacity: 1;
  background-color: #f3f4f6;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 400;
  cursor: default;
  -webkit-text-fill-color: var(--primary-font-color);
}

@media (max-width: 1024px) {
  .experiencia-revision-docente__input[b-tb8js0fp9l] {
    width: 100%;
  }
}
/* /Components/Dictamenes/RevisionesDocentes/FilaDocumento.razor.rz.scp.css */
.fila-documento[b-q5iyupqxmv] {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 190px minmax(420px, 1.4fr);
  align-items: start;
  gap: 0 30px;
  width: 100%;
  margin-bottom: 28px;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
}

.fila-documento:last-child[b-q5iyupqxmv] {
  margin-bottom: 0;
}

.fila-documento__archivo[b-q5iyupqxmv],
.fila-documento__campo[b-q5iyupqxmv] {
  min-width: 0;
}

.fila-documento__nombre[b-q5iyupqxmv] {
  display: block;
  margin-bottom: 10px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.fila-documento__label[b-q5iyupqxmv] {
  display: block;
  margin-bottom: 7px;
  color: var(--secondary-font-color);
  font-family: var(--secondary-font-family);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
}

.fila-documento__enlace[b-q5iyupqxmv] {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--primary-color);
  font-family: var(--secondary-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  text-decoration: underline;
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.fila-documento__enlace:hover[b-q5iyupqxmv] {
  opacity: 0.75;
}

.fila-documento__campo[b-q5iyupqxmv] {
  width: 190px;
  max-width: 100%;
}

.fila-documento__campo[b-q5iyupqxmv]  .estatus-select-docente {
  width: 100%;
}

.fila-documento[b-q5iyupqxmv]  .motivo-input {
  width: 100%;
  min-width: 0;
}

.fila-documento[b-q5iyupqxmv]  .motivo-input__control {
  width: 100%;
}

@media (max-width: 1100px) {
  .fila-documento[b-q5iyupqxmv] {
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 220px) minmax(300px, 1fr);
    column-gap: 20px;
    margin-bottom: 24px;
  }

  .fila-documento__campo[b-q5iyupqxmv] {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .fila-documento[b-q5iyupqxmv] {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 32px;
  }

  .fila-documento__nombre[b-q5iyupqxmv] {
    margin-bottom: 8px;
  }

  .fila-documento__campo[b-q5iyupqxmv] {
    width: 100%;
  }
}
/* /Components/Dictamenes/RevisionesDocentes/FilaDocumentoResultado.razor.rz.scp.css */
.fila-documento-resultado[b-vpyfly2nfc] {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 190px minmax(420px, 1.4fr);
  align-items: start;
  gap: 0 30px;
  width: 100%;
  margin-bottom: 28px;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
}

.fila-documento-resultado:last-child[b-vpyfly2nfc] {
  margin-bottom: 0;
}

.fila-documento-resultado__archivo[b-vpyfly2nfc],
.fila-documento-resultado__dato[b-vpyfly2nfc] {
  min-width: 0;
}

.fila-documento-resultado__nombre[b-vpyfly2nfc] {
  display: block;
  margin-bottom: 10px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;
  line-height: 1.4;
}

.fila-documento-resultado__label[b-vpyfly2nfc] {
  display: block;
  margin-bottom: 7px;
  color: var(--secondary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 600;
  line-height: 1.3;
}

.fila-documento-resultado__label--bold[b-vpyfly2nfc] {
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;
  line-height: 1.3;
}

.fila-documento-resultado__enlace[b-vpyfly2nfc] {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--primary-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 500;
  line-height: 1.45;
  text-align: left;
  text-decoration: underline;
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
}

.fila-documento-resultado__enlace:hover[b-vpyfly2nfc] {
  opacity: 0.75;
}

.fila-documento-resultado__dato:nth-child(2)[b-vpyfly2nfc] {
  width: 190px;
  max-width: 100%;
}

.fila-documento-resultado__dato:nth-child(2)[b-vpyfly2nfc]  .estatus-select-docente {
  width: 100%;
  max-width: 100%;
}

.fila-documento-resultado__motivo[b-vpyfly2nfc] {
  width: 100%;
  min-width: 0;
}

.fila-documento-resultado__motivo-box[b-vpyfly2nfc] {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid #d1d5db;
  border-radius: 7px;
  background-color: #f3f4f6;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 400;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.fila-documento-resultado__motivo-box--rejected[b-vpyfly2nfc] {
  border-color: #d1d5db;
  background-color: #f3f4f6;
  color: var(--primary-font-color);
}

@media (max-width: 1100px) {
  .fila-documento-resultado[b-vpyfly2nfc] {
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 220px) minmax(300px, 1fr);
    column-gap: 20px;
    margin-bottom: 24px;
  }

  .fila-documento-resultado__dato:nth-child(2)[b-vpyfly2nfc] {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .fila-documento-resultado[b-vpyfly2nfc] {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 32px;
  }

  .fila-documento-resultado__nombre[b-vpyfly2nfc] {
    margin-bottom: 8px;
  }

  .fila-documento-resultado__dato:nth-child(2)[b-vpyfly2nfc],
  .fila-documento-resultado__motivo[b-vpyfly2nfc] {
    width: 100%;
  }
}
/* /Components/Dictamenes/RevisionesDocentes/FilaEstudio.razor.rz.scp.css */
.fila-estudio[b-66j1z5tvs0] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(120px, 0.8fr) minmax(180px, 1.2fr) minmax(120px, 0.8fr) minmax(130px, 170px) minmax(260px, 1.4fr);
    align-items: start;
    gap: 24px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.fila-estudio__dato[b-66j1z5tvs0],
.fila-estudio__campo[b-66j1z5tvs0] {
    min-width: 0;
}

.fila-estudio__label[b-66j1z5tvs0] {
    display: block;
    margin-bottom: 4px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.3;
}

.fila-estudio__label--bold[b-66j1z5tvs0] {
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-weight: 700;
}

.fila-estudio__value[b-66j1z5tvs0] {
    display: block;
    padding-top: 6px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

@media (max-width: 1000px) {
    .fila-estudio[b-66j1z5tvs0] {
        grid-template-columns:  repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .fila-estudio[b-66j1z5tvs0] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
/* /Components/Dictamenes/RevisionesDocentes/FilaEstudioResultado.razor.rz.scp.css */
.fila-estudio-resultado[b-xl0aasv7k6] {
    width: 100%;
    display: grid;
    grid-template-columns:
        minmax(120px, 0.8fr)
        minmax(180px, 1.2fr)
        minmax(120px, 0.8fr)
        minmax(130px, 170px)
        minmax(260px, 1.4fr);

    align-items: start;
    gap: 24px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.fila-estudio-resultado__dato[b-xl0aasv7k6] {
    min-width: 0;
}

.fila-estudio-resultado__label[b-xl0aasv7k6] {
    display: block;
    margin-bottom: 4px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;
}

.fila-estudio-resultado__label--bold[b-xl0aasv7k6] {
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;
}

.fila-estudio-resultado__value[b-xl0aasv7k6] {
    display: block;
    min-height: 34px;
    padding-top: 6px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.45;

    overflow-wrap: anywhere;
}

.fila-estudio-resultado__motivo[b-xl0aasv7k6] {
    min-width: 0;
}

.fila-estudio-resultado__motivo-box[b-xl0aasv7k6] {
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 9px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: var(--primary-font-color);
    background-color: #f3f4f6;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.fila-estudio-resultado__motivo-box--rejected[b-xl0aasv7k6] {
    border-color: #d1d5db;
    color: var(--primary-font-color);
    background-color: #f3f4f6;
}

@media (max-width: 1000px) {
    .fila-estudio-resultado[b-xl0aasv7k6] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .fila-estudio-resultado[b-xl0aasv7k6] {
        grid-template-columns: 1fr;

        gap: 16px;
    }
}
/* /Components/Dictamenes/RevisionesDocentes/Label.razor.rz.scp.css */
.revision-docente-label[b-5d1gjn4a6u] {
    display: block;
    margin: 0 0 4px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size, 14px);
    font-weight: 500;
    line-height: 1.3;
}
/* /Components/Dictamenes/RevisionesDocentes/MotivoInput.razor.rz.scp.css */
.motivo-input[b-nutiv2bozl] {
    width: 100%;
    min-width: 0;
    font-family: var(--secondary-font-family);
}


.motivo-input__label[b-nutiv2bozl] {
    display: block;
    margin-bottom: 7px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;
}


.motivo-input__label--bold[b-nutiv2bozl] {
    font-family: var(--primary-font-family);
    font-weight: 700;
}


.motivo-input__control[b-nutiv2bozl] {
    width: 100%;
    height: 46px;
    padding: 0 14px;
    border: 1px solid #9ca3af;
    border-radius: 7px;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.3;
    outline: none;
    box-sizing: border-box;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}


.motivo-input__control:hover:not(:disabled)[b-nutiv2bozl] {
    border-color: #6b7280;
}


.motivo-input__control:focus:not(:disabled)[b-nutiv2bozl] {
    border-color: var(--primary-color);
    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}


.motivo-input__control:disabled[b-nutiv2bozl] {
    border-color: #d1d5db;
    color: var(--primary-font-color);
    background-color: #f3f4f6;
    opacity: 1;
    cursor: default;
    -webkit-text-fill-color: var(--primary-font-color);
}


.motivo-input__control[b-nutiv2bozl]::placeholder {
    color: #9ca3af;
    font-family: var(--secondary-font-family);
    font-weight: 400;
}
/* /Components/Dictamenes/RevisionesDocentes/PlanEstudioResultado.razor.rz.scp.css */
.plan-estudio-resultado[b-7eundzmuqs] {
  display: grid;
  grid-template-columns: minmax(400px, 1.8fr) minmax(130px, 170px) minmax(260px, 1.2fr);
  align-items: start;
  gap: 24px;
  width: 100%;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
}

.plan-estudio-resultado__informacion[b-7eundzmuqs],
.plan-estudio-resultado__dato[b-7eundzmuqs],
.plan-estudio-resultado__motivo[b-7eundzmuqs] {
  min-width: 0;
}

.plan-estudio-resultado__datos[b-7eundzmuqs] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.plan-estudio-resultado__label[b-7eundzmuqs] {
  display: block;
  margin-bottom: 4px;
  color: var(--secondary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 600;
  line-height: 1.3;
}

.plan-estudio-resultado__label--bold[b-7eundzmuqs] {
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;
  line-height: 1.3;
}

.plan-estudio-resultado__value[b-7eundzmuqs] {
  display: block;
  margin-top: 6px;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 400;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.plan-estudio-resultado__archivo[b-7eundzmuqs] {
  display: block;
  max-width: 100%;
  margin-top: 6px;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--primary-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  text-decoration: underline;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 0.2s ease, color 0.2s ease;
}

.plan-estudio-resultado__archivo:hover[b-7eundzmuqs] {
  opacity: 0.75;
}

.plan-estudio-resultado__archivo:focus-visible[b-7eundzmuqs] {
  border-radius: 3px;
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

.plan-estudio-resultado__motivo-box[b-7eundzmuqs] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 38px;
  padding: 9px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background-color: #f3f4f6;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 400;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.plan-estudio-resultado__motivo-box--rejected[b-7eundzmuqs] {
  border-color: #d1d5db;
  background-color: #f3f4f6;
  color: var(--primary-font-color);
}

@media (max-width: 1050px) {
  .plan-estudio-resultado[b-7eundzmuqs] {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

@media (max-width: 680px) {
  .plan-estudio-resultado[b-7eundzmuqs] {
    gap: 16px;
  }

  .plan-estudio-resultado__datos[b-7eundzmuqs] {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .plan-estudio-resultado__archivo[b-7eundzmuqs] {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}
/* /Components/Dictamenes/RevisionesDocentes/PlanEstudioSection.razor.rz.scp.css */
.plan-estudio-section[b-vruewlssn0] {
    width: 100%;
    display: grid;
    grid-template-columns:
        minmax(400px, 1.8fr)
        minmax(130px, 170px)
        minmax(260px, 1.2fr);
    align-items: start;
    gap: 24px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.plan-estudio-section__informacion[b-vruewlssn0],
.plan-estudio-section__campo[b-vruewlssn0] {
    min-width: 0;
}

.plan-estudio-section__datos[b-vruewlssn0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.plan-estudio-section__dato[b-vruewlssn0] {
    min-width: 0;
}

.plan-estudio-section__label[b-vruewlssn0] {
    display: block;
    margin-bottom: 4px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.3;
}

.plan-estudio-section__value[b-vruewlssn0] {
    display: block;
    margin-top: 6px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.plan-estudio-section__archivo[b-vruewlssn0] {
    display: block;
    max-width: 100%;
    margin-top: 6px;
    padding: 0;
    overflow: hidden;
    border: 0;
    color: var(--primary-color);
    background: transparent;
    font-family: var(--secondary-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: opacity 0.2s ease, color 0.2s ease;
}

.plan-estudio-section__archivo:hover[b-vruewlssn0] {
    opacity: 0.75;
}

.plan-estudio-section__archivo:focus-visible[b-vruewlssn0] {
    border-radius: 3px;
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

@media (max-width: 1050px) {
    .plan-estudio-section[b-vruewlssn0] {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}

@media (max-width: 680px) {
    .plan-estudio-section[b-vruewlssn0] {
        gap: 16px;
    }

    .plan-estudio-section__datos[b-vruewlssn0] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .plan-estudio-section__archivo[b-vruewlssn0] {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}
/* /Components/Dictamenes/RevisionesExternasFactibilidad/ArchivoRevision.razor.rz.scp.css */
.archivo-revision[b-fk9zxkc2co] {
    width: min(1100px, 100%);

    margin: 0 auto;

    padding: 32px;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 4px 14px rgba(15, 23, 42, 0.08);
}

.archivo-revision__title[b-fk9zxkc2co] {
    margin: 0 0 32px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.archivo-revision__list[b-fk9zxkc2co] {
    display: flex;
    flex-direction: column;

    gap: 32px;
}

.archivo-revision__row[b-fk9zxkc2co] {
    display: grid;

    grid-template-columns:
        250px
        130px
        minmax(0, 1fr);

    align-items: start;

    gap: 24px;
}

.archivo-revision__name[b-fk9zxkc2co] {
    margin: 0 0 16px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 700;
    line-height: 1.4;
}

.archivo-revision__required[b-fk9zxkc2co] {
    margin-left: 4px;

    color: #ef4444;
}

.archivo-revision__link[b-fk9zxkc2co] {
    display: flex;
    align-items: flex-start;

    gap: 8px;

    padding: 0;

    border: 0;

    color: var(--primary-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 500;
    line-height: 1.4;

    text-align: left;
    text-decoration: underline;

    overflow-wrap: anywhere;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        color 0.2s ease;
}

.archivo-revision__link:hover[b-fk9zxkc2co] {
    opacity: 0.75;
}

.archivo-revision__link svg[b-fk9zxkc2co] {
    width: 15px;
    height: 15px;

    flex-shrink: 0;
}

.archivo-revision__unavailable[b-fk9zxkc2co] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.4;

    opacity: 0.75;
}

.archivo-revision__field label[b-fk9zxkc2co] {
    display: block;

    margin-bottom: 12px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1.3;
}

.archivo-revision__control[b-fk9zxkc2co] {
    width: 100%;
    height: 44px;

    padding: 0 12px;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.4;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.archivo-revision__control:hover:not(:disabled)[b-fk9zxkc2co] {
    border-color: #6b7280;
}

.archivo-revision__control:focus:not(:disabled)[b-fk9zxkc2co] {
    border-color: var(--primary-color);

    background-color: #ffffff;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.archivo-revision__control:disabled[b-fk9zxkc2co] {
    color: var(--secondary-font-color);
    background: #f3f4f6;

    opacity: 0.8;

    cursor: not-allowed;
}

@media (max-width: 900px) {
    .archivo-revision__row[b-fk9zxkc2co] {
        grid-template-columns: 1fr;

        gap: 16px;
    }
}
/* /Components/Dictamenes/RevisionesExternasFactibilidad/ArchivosDictamen.razor.rz.scp.css */
.archivos-dictamen[b-fvlzgk6mqh] {
    width: min(1100px, 100%);

    margin: 0 auto;

    padding: 32px;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 4px 14px rgba(15, 23, 42, 0.08);
}

.archivos-dictamen__title[b-fvlzgk6mqh] {
    margin: 0 0 32px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.archivos-dictamen__list[b-fvlzgk6mqh] {
    display: flex;
    flex-direction: column;

    gap: 32px;
}

.archivos-dictamen__row[b-fvlzgk6mqh] {
    display: grid;

    grid-template-columns:
        250px
        130px
        minmax(0, 1fr);

    align-items: start;

    gap: 24px;
}

.archivos-dictamen__name[b-fvlzgk6mqh] {
    margin: 0 0 16px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 700;
    line-height: 1.4;
}

.archivos-dictamen__name span[b-fvlzgk6mqh] {
    margin-left: 4px;

    color: #ef4444;
}

.archivos-dictamen__link[b-fvlzgk6mqh] {
    display: flex;
    align-items: flex-start;

    gap: 8px;

    padding: 0;

    border: 0;

    color: var(--primary-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 500;
    line-height: 1.4;

    text-align: left;
    text-decoration: underline;

    overflow-wrap: anywhere;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        color 0.2s ease;
}

.archivos-dictamen__link:hover[b-fvlzgk6mqh] {
    opacity: 0.75;
}

.archivos-dictamen__link svg[b-fvlzgk6mqh] {
    width: 15px;
    height: 15px;

    flex-shrink: 0;
}

.archivos-dictamen__unavailable[b-fvlzgk6mqh] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.4;

    opacity: 0.75;
}

.archivos-dictamen__label[b-fvlzgk6mqh] {
    display: block;

    margin-bottom: 12px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1.3;
}

.archivos-dictamen__box[b-fvlzgk6mqh] {
    min-height: 44px;

    display: flex;
    align-items: center;

    padding: 10px 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--secondary-font-color);
    background: #f3f4f6;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.45;

    overflow-wrap: anywhere;
}

.archivos-dictamen__box--reason[b-fvlzgk6mqh] {
    align-items: flex-start;
}

@media (max-width: 900px) {
    .archivos-dictamen__row[b-fvlzgk6mqh] {
        grid-template-columns: 1fr;

        gap: 16px;
    }
}
/* /Components/Dictamenes/RevisionesExternasFactibilidad/BotoneraDesfavorableFactibilidad.razor.rz.scp.css */
.botonera-desfavorable[b-ub9p2ysm3m],
.botonera-favorable[b-ub9p2ysm3m],
.botonera-revision-factibilidad[b-ub9p2ysm3m] {
    width: min(1100px, 100%);

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 36px auto 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
}

.botonera-desfavorable__actions[b-ub9p2ysm3m],
.botonera-favorable__actions[b-ub9p2ysm3m],
.botonera-revision-factibilidad__actions[b-ub9p2ysm3m] {
    display: flex;
    align-items: center;

    gap: 20px;
}

.botonera-desfavorable__return[b-ub9p2ysm3m],
.botonera-favorable__return[b-ub9p2ysm3m],
.botonera-revision-factibilidad__return[b-ub9p2ysm3m],
.botonera-desfavorable__button[b-ub9p2ysm3m],
.botonera-favorable__button[b-ub9p2ysm3m],
.botonera-revision-factibilidad__button[b-ub9p2ysm3m] {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 32px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    text-decoration: none;
    white-space: nowrap;

    cursor: pointer;
    user-select: none;

    transition:
        opacity 0.2s ease,
        transform 0.1s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.botonera-desfavorable__return[b-ub9p2ysm3m],
.botonera-favorable__return[b-ub9p2ysm3m],
.botonera-revision-factibilidad__return[b-ub9p2ysm3m] {
    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background-color: #ffffff;
}

.botonera-desfavorable__return:hover:not(:disabled)[b-ub9p2ysm3m],
.botonera-favorable__return:hover:not(:disabled)[b-ub9p2ysm3m],
.botonera-revision-factibilidad__return:hover:not(:disabled)[b-ub9p2ysm3m] {
    background-color:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.botonera-desfavorable__button[b-ub9p2ysm3m],
.botonera-favorable__button[b-ub9p2ysm3m],
.botonera-revision-factibilidad__button[b-ub9p2ysm3m] {
    border: 1px solid transparent;

    color: #ffffff;
}

.botonera-desfavorable__button--dark[b-ub9p2ysm3m],
.botonera-favorable__button--dark[b-ub9p2ysm3m],
.botonera-revision-factibilidad__button--dark[b-ub9p2ysm3m] {
    border-color: #333333;

    background-color: #333333;
}

.botonera-desfavorable__button--dark:hover:not(:disabled)[b-ub9p2ysm3m],
.botonera-favorable__button--dark:hover:not(:disabled)[b-ub9p2ysm3m],
.botonera-revision-factibilidad__button--dark:hover:not(:disabled)[b-ub9p2ysm3m] {
    opacity: 0.9;
}

.botonera-desfavorable__button--primary[b-ub9p2ysm3m],
.botonera-favorable__button--primary[b-ub9p2ysm3m],
.botonera-revision-factibilidad__button--primary[b-ub9p2ysm3m] {
    border-color: var(--primary-color);

    background-color: var(--primary-color);
}

.botonera-desfavorable__button--primary:hover:not(:disabled)[b-ub9p2ysm3m],
.botonera-favorable__button--primary:hover:not(:disabled)[b-ub9p2ysm3m],
.botonera-revision-factibilidad__button--primary:hover:not(:disabled)[b-ub9p2ysm3m] {
    opacity: 0.9;
}

.botonera-desfavorable__return:active:not(:disabled)[b-ub9p2ysm3m],
.botonera-favorable__return:active:not(:disabled)[b-ub9p2ysm3m],
.botonera-revision-factibilidad__return:active:not(:disabled)[b-ub9p2ysm3m],
.botonera-desfavorable__button:active:not(:disabled)[b-ub9p2ysm3m],
.botonera-favorable__button:active:not(:disabled)[b-ub9p2ysm3m],
.botonera-revision-factibilidad__button:active:not(:disabled)[b-ub9p2ysm3m] {
    transform: scale(0.98);
}

.botonera-desfavorable__return:disabled[b-ub9p2ysm3m],
.botonera-favorable__return:disabled[b-ub9p2ysm3m],
.botonera-revision-factibilidad__return:disabled[b-ub9p2ysm3m],
.botonera-desfavorable__button:disabled[b-ub9p2ysm3m],
.botonera-favorable__button:disabled[b-ub9p2ysm3m],
.botonera-revision-factibilidad__button:disabled[b-ub9p2ysm3m] {
    opacity: 0.55;

    cursor: not-allowed;

    transform: none;
}

@media (max-width: 800px) {
    .botonera-desfavorable[b-ub9p2ysm3m],
    .botonera-favorable[b-ub9p2ysm3m],
    .botonera-revision-factibilidad[b-ub9p2ysm3m] {
        align-items: stretch;
        flex-direction: column;

        gap: 14px;
    }

    .botonera-desfavorable__actions[b-ub9p2ysm3m],
    .botonera-favorable__actions[b-ub9p2ysm3m],
    .botonera-revision-factibilidad__actions[b-ub9p2ysm3m] {
        align-items: stretch;
        flex-direction: column;

        gap: 12px;
    }

    .botonera-desfavorable__return[b-ub9p2ysm3m],
    .botonera-favorable__return[b-ub9p2ysm3m],
    .botonera-revision-factibilidad__return[b-ub9p2ysm3m],
    .botonera-desfavorable__button[b-ub9p2ysm3m],
    .botonera-favorable__button[b-ub9p2ysm3m],
    .botonera-revision-factibilidad__button[b-ub9p2ysm3m] {
        width: 100%;
    }
}
/* /Components/Dictamenes/RevisionesExternasFactibilidad/BotoneraFavorableFactibilidad.razor.rz.scp.css */
.botonera-desfavorable[b-577o1ln98m],
.botonera-favorable[b-577o1ln98m],
.botonera-revision-factibilidad[b-577o1ln98m] {
    width: min(1100px, 100%);
    margin: 36px auto 0;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
}

.botonera-desfavorable__actions[b-577o1ln98m],
.botonera-favorable__actions[b-577o1ln98m],
.botonera-revision-factibilidad__actions[b-577o1ln98m] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.botonera-desfavorable__return[b-577o1ln98m],
.botonera-favorable__return[b-577o1ln98m],
.botonera-revision-factibilidad__return[b-577o1ln98m],
.botonera-desfavorable__button[b-577o1ln98m],
.botonera-favorable__button[b-577o1ln98m],
.botonera-revision-factibilidad__button[b-577o1ln98m] {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 0 32px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    white-space: nowrap;
    text-decoration: none;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        transform 0.1s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.botonera-desfavorable__return[b-577o1ln98m],
.botonera-favorable__return[b-577o1ln98m],
.botonera-revision-factibilidad__return[b-577o1ln98m] {
    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background-color: #ffffff;
}

.botonera-desfavorable__return:hover:not(:disabled)[b-577o1ln98m],
.botonera-favorable__return:hover:not(:disabled)[b-577o1ln98m],
.botonera-revision-factibilidad__return:hover:not(:disabled)[b-577o1ln98m] {
    background-color:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.botonera-desfavorable__button[b-577o1ln98m],
.botonera-favorable__button[b-577o1ln98m],
.botonera-revision-factibilidad__button[b-577o1ln98m] {
    border: 1px solid transparent;

    color: #ffffff;
}

.botonera-desfavorable__button--dark[b-577o1ln98m],
.botonera-favorable__button--dark[b-577o1ln98m],
.botonera-revision-factibilidad__button--dark[b-577o1ln98m] {
    border-color: #333333;

    background-color: #333333;
}

.botonera-desfavorable__button--dark:hover:not(:disabled)[b-577o1ln98m],
.botonera-favorable__button--dark:hover:not(:disabled)[b-577o1ln98m],
.botonera-revision-factibilidad__button--dark:hover:not(:disabled)[b-577o1ln98m] {
    opacity: 0.9;
}

.botonera-desfavorable__button--primary[b-577o1ln98m],
.botonera-favorable__button--primary[b-577o1ln98m],
.botonera-revision-factibilidad__button--primary[b-577o1ln98m] {
    border-color: var(--primary-color);

    background-color: var(--primary-color);
}

.botonera-desfavorable__button--primary:hover:not(:disabled)[b-577o1ln98m],
.botonera-favorable__button--primary:hover:not(:disabled)[b-577o1ln98m],
.botonera-revision-factibilidad__button--primary:hover:not(:disabled)[b-577o1ln98m] {
    opacity: 0.9;
}

.botonera-desfavorable__return:active:not(:disabled)[b-577o1ln98m],
.botonera-favorable__return:active:not(:disabled)[b-577o1ln98m],
.botonera-revision-factibilidad__return:active:not(:disabled)[b-577o1ln98m],
.botonera-desfavorable__button:active:not(:disabled)[b-577o1ln98m],
.botonera-favorable__button:active:not(:disabled)[b-577o1ln98m],
.botonera-revision-factibilidad__button:active:not(:disabled)[b-577o1ln98m] {
    transform: scale(0.98);
}

.botonera-desfavorable__return:focus-visible[b-577o1ln98m],
.botonera-favorable__return:focus-visible[b-577o1ln98m],
.botonera-revision-factibilidad__return:focus-visible[b-577o1ln98m],
.botonera-desfavorable__button:focus-visible[b-577o1ln98m],
.botonera-favorable__button:focus-visible[b-577o1ln98m],
.botonera-revision-factibilidad__button:focus-visible[b-577o1ln98m] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.botonera-desfavorable__return:disabled[b-577o1ln98m],
.botonera-favorable__return:disabled[b-577o1ln98m],
.botonera-revision-factibilidad__return:disabled[b-577o1ln98m],
.botonera-desfavorable__button:disabled[b-577o1ln98m],
.botonera-favorable__button:disabled[b-577o1ln98m],
.botonera-revision-factibilidad__button:disabled[b-577o1ln98m] {
    opacity: 0.55;

    cursor: not-allowed;

    transform: none;
}

@media (max-width: 800px) {
    .botonera-desfavorable[b-577o1ln98m],
    .botonera-favorable[b-577o1ln98m],
    .botonera-revision-factibilidad[b-577o1ln98m] {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .botonera-desfavorable__actions[b-577o1ln98m],
    .botonera-favorable__actions[b-577o1ln98m],
    .botonera-revision-factibilidad__actions[b-577o1ln98m] {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .botonera-desfavorable__return[b-577o1ln98m],
    .botonera-favorable__return[b-577o1ln98m],
    .botonera-revision-factibilidad__return[b-577o1ln98m],
    .botonera-desfavorable__button[b-577o1ln98m],
    .botonera-favorable__button[b-577o1ln98m],
    .botonera-revision-factibilidad__button[b-577o1ln98m] {
        width: 100%;
    }
}
/* /Components/Dictamenes/RevisionesExternasFactibilidad/BotoneraRevisionFactibilidad.razor.rz.scp.css */
.botonera-desfavorable[b-jfwkip0h0h],
.botonera-favorable[b-jfwkip0h0h],
.botonera-revision-factibilidad[b-jfwkip0h0h] {
    width: min(1100px, 100%);

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 36px auto 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
}

.botonera-desfavorable__actions[b-jfwkip0h0h],
.botonera-favorable__actions[b-jfwkip0h0h],
.botonera-revision-factibilidad__actions[b-jfwkip0h0h] {
    display: flex;
    align-items: center;

    gap: 20px;
}

.botonera-desfavorable__return[b-jfwkip0h0h],
.botonera-favorable__return[b-jfwkip0h0h],
.botonera-revision-factibilidad__return[b-jfwkip0h0h],
.botonera-desfavorable__button[b-jfwkip0h0h],
.botonera-favorable__button[b-jfwkip0h0h],
.botonera-revision-factibilidad__button[b-jfwkip0h0h] {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 32px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    text-decoration: none;
    white-space: nowrap;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        transform 0.1s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.botonera-desfavorable__return[b-jfwkip0h0h],
.botonera-favorable__return[b-jfwkip0h0h],
.botonera-revision-factibilidad__return[b-jfwkip0h0h] {
    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background-color: #ffffff;
}

.botonera-desfavorable__return:hover:not(:disabled)[b-jfwkip0h0h],
.botonera-favorable__return:hover:not(:disabled)[b-jfwkip0h0h],
.botonera-revision-factibilidad__return:hover:not(:disabled)[b-jfwkip0h0h] {
    background-color:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.botonera-desfavorable__button[b-jfwkip0h0h],
.botonera-favorable__button[b-jfwkip0h0h],
.botonera-revision-factibilidad__button[b-jfwkip0h0h] {
    border: 1px solid transparent;

    color: #ffffff;
}

.botonera-desfavorable__button--dark[b-jfwkip0h0h],
.botonera-favorable__button--dark[b-jfwkip0h0h],
.botonera-revision-factibilidad__button--dark[b-jfwkip0h0h] {
    border-color: #333333;

    background-color: #333333;
}

.botonera-desfavorable__button--dark:hover:not(:disabled)[b-jfwkip0h0h],
.botonera-favorable__button--dark:hover:not(:disabled)[b-jfwkip0h0h],
.botonera-revision-factibilidad__button--dark:hover:not(:disabled)[b-jfwkip0h0h] {
    opacity: 0.9;
}

.botonera-desfavorable__button--primary[b-jfwkip0h0h],
.botonera-favorable__button--primary[b-jfwkip0h0h],
.botonera-revision-factibilidad__button--primary[b-jfwkip0h0h] {
    border-color: var(--primary-color);

    background-color: var(--primary-color);
}

.botonera-desfavorable__button--primary:hover:not(:disabled)[b-jfwkip0h0h],
.botonera-favorable__button--primary:hover:not(:disabled)[b-jfwkip0h0h],
.botonera-revision-factibilidad__button--primary:hover:not(:disabled)[b-jfwkip0h0h] {
    opacity: 0.9;
}

.botonera-revision-factibilidad__button--outline[b-jfwkip0h0h] {
    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background-color: #ffffff;
}

.botonera-revision-factibilidad__button--outline:hover:not(:disabled)[b-jfwkip0h0h] {
    background-color:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.botonera-desfavorable__return:active:not(:disabled)[b-jfwkip0h0h],
.botonera-favorable__return:active:not(:disabled)[b-jfwkip0h0h],
.botonera-revision-factibilidad__return:active:not(:disabled)[b-jfwkip0h0h],
.botonera-desfavorable__button:active:not(:disabled)[b-jfwkip0h0h],
.botonera-favorable__button:active:not(:disabled)[b-jfwkip0h0h],
.botonera-revision-factibilidad__button:active:not(:disabled)[b-jfwkip0h0h] {
    transform: scale(0.98);
}

.botonera-desfavorable__return:focus-visible[b-jfwkip0h0h],
.botonera-favorable__return:focus-visible[b-jfwkip0h0h],
.botonera-revision-factibilidad__return:focus-visible[b-jfwkip0h0h],
.botonera-desfavorable__button:focus-visible[b-jfwkip0h0h],
.botonera-favorable__button:focus-visible[b-jfwkip0h0h],
.botonera-revision-factibilidad__button:focus-visible[b-jfwkip0h0h] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.botonera-desfavorable__return:disabled[b-jfwkip0h0h],
.botonera-favorable__return:disabled[b-jfwkip0h0h],
.botonera-revision-factibilidad__return:disabled[b-jfwkip0h0h],
.botonera-desfavorable__button:disabled[b-jfwkip0h0h],
.botonera-favorable__button:disabled[b-jfwkip0h0h],
.botonera-revision-factibilidad__button:disabled[b-jfwkip0h0h] {
    opacity: 0.55;

    cursor: not-allowed;

    transform: none;
}

@media (max-width: 800px) {
    .botonera-desfavorable[b-jfwkip0h0h],
    .botonera-favorable[b-jfwkip0h0h],
    .botonera-revision-factibilidad[b-jfwkip0h0h] {
        align-items: stretch;
        flex-direction: column;

        gap: 14px;
    }

    .botonera-desfavorable__actions[b-jfwkip0h0h],
    .botonera-favorable__actions[b-jfwkip0h0h],
    .botonera-revision-factibilidad__actions[b-jfwkip0h0h] {
        align-items: stretch;
        flex-direction: column;

        gap: 12px;
    }

    .botonera-desfavorable__return[b-jfwkip0h0h],
    .botonera-favorable__return[b-jfwkip0h0h],
    .botonera-revision-factibilidad__return[b-jfwkip0h0h],
    .botonera-desfavorable__button[b-jfwkip0h0h],
    .botonera-favorable__button[b-jfwkip0h0h],
    .botonera-revision-factibilidad__button[b-jfwkip0h0h] {
        width: 100%;
    }
}
/* /Components/Dictamenes/RevisionesExternasFactibilidad/ProgramaEstudiosDictamen.razor.rz.scp.css */
.programas-dictamen[b-bur9kj9cks] {
    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 4px 14px rgba(15, 23, 42, 0.10);
}

.programas-dictamen__header[b-bur9kj9cks] {
    padding: 24px 32px;
}

.programas-dictamen__header h2[b-bur9kj9cks] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.programas-dictamen table[b-bur9kj9cks] {
    width: 100%;

    border-collapse: collapse;
    table-layout: fixed;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.programas-dictamen th[b-bur9kj9cks] {
    padding: 16px 24px;

    color: var(--primary-color);
    background: #0b1726;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;

    text-align: left;
}

.programas-dictamen td[b-bur9kj9cks] {
    padding: 24px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.45;

    overflow-wrap: anywhere;
}

.programas-dictamen__column-key[b-bur9kj9cks] {
    width: 15%;
}

.programas-dictamen__column-key--wide[b-bur9kj9cks] {
    width: 20%;
}

.programas-dictamen__column-subject[b-bur9kj9cks] {
    width: 25%;
}

.programas-dictamen__column-subject--wide[b-bur9kj9cks] {
    width: 30%;
}

.programas-dictamen__column-document[b-bur9kj9cks] {
    width: 30%;
}

.programas-dictamen__review[b-bur9kj9cks] {
    min-width: 130px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 20px;

    border: 1px solid var(--primary-color);
    border-radius: 6px;

    color: var(--primary-color);
    background: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        transform 0.15s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease;
}

.programas-dictamen__review i[b-bur9kj9cks] {
    font-size: 14px;
}

.programas-dictamen__review:hover:not(:disabled)[b-bur9kj9cks] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.programas-dictamen__review:active:not(:disabled)[b-bur9kj9cks] {
    transform: scale(0.98);
}

.programas-dictamen__review--accepted[b-bur9kj9cks] {
    border-color: #16a34a;

    color: #15803d;
    background: #f0fdf4;
}

.programas-dictamen__review--rejected[b-bur9kj9cks] {
    border-color: #ef4444;

    color: #dc2626;
    background: #fef2f2;
}

.programas-dictamen__review:disabled[b-bur9kj9cks] {
    border-color: #d1d5db;

    color: var(--secondary-font-color);
    background: #ffffff;

    opacity: 0.6;

    cursor: not-allowed;
}

.programas-dictamen__empty[b-bur9kj9cks] {
    padding: 40px !important;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;

    text-align: center;
}

.programas-dictamen__overlay[b-bur9kj9cks] {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px 16px;

    background: rgba(0, 0, 0, 0.60);
}

.programas-dictamen__modal[b-bur9kj9cks] {
    width: min(410px, 100%);

    overflow: hidden;

    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.28);
}

.programas-dictamen__modal-header[b-bur9kj9cks] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding: 16px 20px;

    border-bottom: 1px solid #f3f4f6;
}

.programas-dictamen__modal-header h3[b-bur9kj9cks] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 700;
    line-height: 1.3;
}

.programas-dictamen__modal-header button[b-bur9kj9cks] {
    width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 50%;

    color: var(--primary-font-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: 18px;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        opacity 0.2s ease;
}

.programas-dictamen__modal-header button:hover[b-bur9kj9cks] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            transparent
        );
}

.programas-dictamen__modal-body[b-bur9kj9cks] {
    display: flex;
    flex-direction: column;

    gap: 16px;

    padding: 20px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.programas-dictamen__summary[b-bur9kj9cks] {
    padding: 16px;

    border: 1px solid #e5e7eb;
    border-radius: 8px;

    background: #f9fafb;
}

.programas-dictamen__summary-grid[b-bur9kj9cks] {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 16px;
}

.programas-dictamen__summary small[b-bur9kj9cks] {
    color: var(--secondary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.72);
    font-weight: 700;
    line-height: 1.3;
}

.programas-dictamen__summary p[b-bur9kj9cks] {
    margin: 4px 0 12px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;

    overflow-wrap: anywhere;
}

.programas-dictamen__document-info[b-bur9kj9cks] {
    padding-top: 12px;

    border-top: 1px solid #e5e7eb;
}

.programas-dictamen__document-info button[b-bur9kj9cks] {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 8px;

    margin-top: 8px;
    padding: 8px 12px;

    border: 1px solid #e5e7eb;
    border-radius: 6px;

    color: var(--primary-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 500;
    line-height: 1.4;

    text-align: left;

    overflow-wrap: anywhere;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.programas-dictamen__document-info button:hover[b-bur9kj9cks] {
    border-color: var(--primary-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 5%,
            #ffffff
        );
}

.programas-dictamen__document-info button span[b-bur9kj9cks] {
    min-width: 0;

    flex: 1;

    overflow-wrap: anywhere;
}

.programas-dictamen__unavailable[b-bur9kj9cks] {
    margin: 8px 0 0 !important;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 400;

    opacity: 0.75;
}

.programas-dictamen__modal-body label[b-bur9kj9cks] {
    display: block;

    margin-bottom: 6px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 700;
    line-height: 1.3;
}

.programas-dictamen__readonly[b-bur9kj9cks] {
    min-height: 40px;

    padding: 11px 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--secondary-font-color);
    background: #f3f4f6;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.45;

    overflow-wrap: anywhere;
}

.programas-dictamen__readonly--reason[b-bur9kj9cks] {
    min-height: 76px;
}

.programas-dictamen__modal-footer[b-bur9kj9cks] {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    padding: 16px 20px;

    border-top: 1px solid #f3f4f6;

    background: #f9fafb;
}

.programas-dictamen__modal-footer button[b-bur9kj9cks] {
    height: 38px;

    padding: 0 20px;

    border: 1px solid var(--primary-color);
    border-radius: 6px;

    color: var(--primary-color);
    background: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        opacity 0.2s ease;
}

.programas-dictamen__modal-footer button:hover[b-bur9kj9cks] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}
/* /Components/Dictamenes/RevisionesExternasFactibilidad/ProgramaEstudiosTable.razor.rz.scp.css */
.programas-revision[b-pky7divom8] {
    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 4px 14px rgba(15, 23, 42, 0.10);
}

.programas-revision__header[b-pky7divom8] {
    padding: 24px 32px;
}

.programas-revision__header h2[b-pky7divom8] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.programas-revision__table-container[b-pky7divom8] {
    width: 100%;

    overflow-x: auto;
}

.programas-revision table[b-pky7divom8] {
    width: 100%;

    border-collapse: collapse;
    table-layout: fixed;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.programas-revision th[b-pky7divom8] {
    padding: 16px 24px;

    color: var(--primary-color);
    background: #0b1726;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;

    text-align: left;
}

.programas-revision td[b-pky7divom8] {
    padding: 24px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.45;

    overflow-wrap: anywhere;

    vertical-align: middle;
}

.programas-revision__column-key[b-pky7divom8] {
    width: 15%;
}

.programas-revision__column-key--wide[b-pky7divom8] {
    width: 18%;
}

.programas-revision__column-subject[b-pky7divom8] {
    width: 29%;
}

.programas-revision__column-subject--wide[b-pky7divom8] {
    width: 36%;
}

.programas-revision__column-document[b-pky7divom8] {
    width: 28%;
}

.programas-revision__column-document--wide[b-pky7divom8] {
    width: 46%;
}

.programas-revision__column-package[b-pky7divom8] {
    width: 28%;
}

.programas-revision__review[b-pky7divom8] {
    min-width: 130px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 20px;

    border: 1px solid var(--primary-color);
    border-radius: 6px;

    color: var(--primary-color);
    background: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}

.programas-revision__review:hover:not(:disabled)[b-pky7divom8] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.programas-revision__review:active:not(:disabled)[b-pky7divom8] {
    transform: scale(0.98);
}

.programas-revision__review svg[b-pky7divom8] {
    width: 14px;
    height: 14px;

    flex-shrink: 0;
}

.programas-revision__review--accepted[b-pky7divom8] {
    border-color: #16a34a;

    color: #15803d;
    background: #f0fdf4;
}

.programas-revision__review--rejected[b-pky7divom8] {
    border-color: #ef4444;

    color: #dc2626;
    background: #fef2f2;
}

.programas-revision__review:disabled[b-pky7divom8] {
    border-color: #d1d5db;

    color: var(--secondary-font-color);
    background: #ffffff;

    opacity: 0.6;

    cursor: not-allowed;

    transform: none;
}

.programas-revision__empty[b-pky7divom8] {
    padding: 40px !important;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;

    text-align: center;
}

.programas-revision__overlay[b-pky7divom8] {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px 16px;

    background: rgba(0, 0, 0, 0.60);
}

.programas-revision__modal[b-pky7divom8] {
    width: min(410px, 100%);

    overflow: hidden;

    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.28);
}

.programas-revision__modal-header[b-pky7divom8] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding: 16px 20px;

    border-bottom: 1px solid #f3f4f6;
}

.programas-revision__modal-header h3[b-pky7divom8] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 700;
    line-height: 1.3;
}

.programas-revision__close[b-pky7divom8] {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 50%;

    color: var(--secondary-font-color);
    background: transparent;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.programas-revision__close:hover[b-pky7divom8] {
    color: var(--primary-font-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            transparent
        );
}

.programas-revision__close svg[b-pky7divom8] {
    width: 19px;
    height: 19px;
}

.programas-revision__modal-body[b-pky7divom8] {
    display: flex;
    flex-direction: column;

    gap: 16px;

    padding: 20px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.programas-revision__summary[b-pky7divom8] {
    padding: 16px;

    border: 1px solid #e5e7eb;
    border-radius: 8px;

    background: #f9fafb;
}

.programas-revision__summary-grid[b-pky7divom8] {
    display: grid;

    grid-template-columns:
        90px 1fr;

    column-gap: 12px;
    row-gap: 12px;
}

.programas-revision__summary-grid > div + div[b-pky7divom8] {
    padding-left: 12px;

    border-left: 1px solid #e5e7eb;
}

.programas-revision__summary-label[b-pky7divom8] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.72);
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.programas-revision__summary-value[b-pky7divom8] {
    margin: 4px 0 0;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;

    overflow-wrap: anywhere;
}

.programas-revision__document-info[b-pky7divom8] {
    margin-top: 16px;
    padding-top: 12px;

    border-top: 1px solid #e5e7eb;
}

.programas-revision__document-button[b-pky7divom8] {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 8px;

    margin-top: 8px;
    padding: 8px 12px;

    border: 1px solid #e5e7eb;
    border-radius: 6px;

    color: var(--primary-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 500;
    line-height: 1.4;

    text-align: left;

    overflow: hidden;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.programas-revision__document-button:hover[b-pky7divom8] {
    border-color: var(--primary-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 5%,
            #ffffff
        );
}

.programas-revision__document-button svg[b-pky7divom8] {
    width: 15px;
    height: 15px;

    flex-shrink: 0;
}

.programas-revision__document-button span[b-pky7divom8] {
    min-width: 0;

    flex: 1;

    overflow-wrap: anywhere;
}

.programas-revision__external-icon[b-pky7divom8] {
    width: 13px !important;
    height: 13px !important;
}

.programas-revision__unavailable[b-pky7divom8] {
    margin: 8px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 400;

    opacity: 0.75;
}

.programas-revision__field[b-pky7divom8] {
    display: flex;
    flex-direction: column;

    gap: 6px;
}

.programas-revision__field label[b-pky7divom8] {
    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 700;
    line-height: 1.3;
}

.programas-revision__field select[b-pky7divom8] {
    width: 100%;
    height: 40px;

    padding: 0 12px;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;

    outline: none;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.programas-revision__field select:focus[b-pky7divom8] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.programas-revision__field textarea[b-pky7divom8] {
    width: 100%;
    min-height: 76px;

    box-sizing: border-box;

    padding: 8px 12px;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.45;

    resize: none;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.programas-revision__field textarea:focus[b-pky7divom8] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.programas-revision__field textarea:disabled[b-pky7divom8] {
    color: var(--secondary-font-color);
    background: #f3f4f6;

    cursor: not-allowed;
}

.programas-revision__error[b-pky7divom8] {
    margin: -2px 0 0;

    color: #dc2626;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 400;
    line-height: 1.3;
}

.programas-revision__modal-footer[b-pky7divom8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 12px;

    padding: 16px 20px;

    border-top: 1px solid #f3f4f6;

    background: #f9fafb;
}

.programas-revision__cancel[b-pky7divom8],
.programas-revision__save[b-pky7divom8] {
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 20px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        transform 0.15s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease;
}

.programas-revision__cancel[b-pky7divom8] {
    border: 1px solid #333333;

    color: #333333;
    background: #ffffff;
}

.programas-revision__cancel:hover[b-pky7divom8] {
    background: #f9fafb;
}

.programas-revision__save[b-pky7divom8] {
    border: 1px solid var(--primary-color);

    color: #ffffff;
    background: var(--primary-color);
}

.programas-revision__save:hover[b-pky7divom8] {
    opacity: 0.9;
}

.programas-revision__cancel:active[b-pky7divom8],
.programas-revision__save:active[b-pky7divom8] {
    transform: scale(0.98);
}

.programas-revision__save svg[b-pky7divom8] {
    width: 14px;
    height: 14px;
}

@media (max-width: 768px) {
    .programas-revision__header[b-pky7divom8] {
        padding: 20px;
    }

    .programas-revision th[b-pky7divom8],
    .programas-revision td[b-pky7divom8] {
        padding: 16px;
    }

    .programas-revision__review[b-pky7divom8] {
        min-width: 115px;

        padding: 0 14px;
    }

    .programas-revision__summary-grid[b-pky7divom8] {
        grid-template-columns: 1fr;
    }

    .programas-revision__summary-grid > div + div[b-pky7divom8] {
        padding-left: 0;

        border-left: 0;
    }
}
/* /Components/Dictamenes/RevisionesFactibilidad/ArchivoDevolucion.razor.rz.scp.css */
.archivo-devolucion[b-4u6ftudeli] {
    width: min(1100px, 100%);

    margin: 0 auto;

    padding: 32px;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 4px 14px rgba(15, 23, 42, 0.08);
}

.archivo-devolucion__title[b-4u6ftudeli] {
    margin: 0 0 32px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.archivo-devolucion__list[b-4u6ftudeli] {
    display: flex;
    flex-direction: column;

    gap: 32px;
}

.archivo-devolucion__row[b-4u6ftudeli] {
    display: grid;

    grid-template-columns:
        250px
        130px
        minmax(0, 1fr);

    align-items: start;

    gap: 24px;
}

.archivo-devolucion__name[b-4u6ftudeli] {
    margin: 0 0 16px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 700;
    line-height: 1.4;
}

.archivo-devolucion__name span[b-4u6ftudeli] {
    margin-left: 4px;

    color: #ef4444;
}

.archivo-devolucion__link[b-4u6ftudeli] {
    display: flex;
    align-items: flex-start;

    gap: 8px;

    max-width: 100%;

    padding: 0;

    border: 0;

    color: var(--primary-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 500;
    line-height: 1.4;

    text-align: left;
    text-decoration: underline;

    overflow-wrap: anywhere;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        color 0.2s ease;
}

.archivo-devolucion__link:hover[b-4u6ftudeli] {
    opacity: 0.75;
}

.archivo-devolucion__link svg[b-4u6ftudeli] {
    width: 15px;
    height: 15px;

    flex-shrink: 0;
}

.archivo-devolucion__unavailable[b-4u6ftudeli] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.4;

    opacity: 0.75;
}

.archivo-devolucion__field label[b-4u6ftudeli] {
    display: block;

    margin-bottom: 12px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1.3;
}

.archivo-devolucion__box[b-4u6ftudeli] {
    min-height: 44px;

    display: flex;
    align-items: center;

    padding: 10px 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--secondary-font-color);
    background: #f3f4f6;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.45;

    overflow-wrap: anywhere;
}

.archivo-devolucion__box--reason[b-4u6ftudeli] {
    align-items: flex-start;
}

@media (max-width: 900px) {
    .archivo-devolucion__row[b-4u6ftudeli] {
        grid-template-columns: 1fr;

        gap: 16px;
    }
}

@media (max-width: 640px) {
    .archivo-devolucion[b-4u6ftudeli] {
        padding: 24px 18px;
    }
}
/* /Components/Dictamenes/RevisionesFactibilidad/ArchivoRevision.razor.rz.scp.css */
.archivo-revision-factibilidad[b-ybfvyjenjp] {
    width: min(1100px, 100%);

    margin: 0 auto;
    padding: 32px;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 4px 14px rgba(15, 23, 42, 0.08);
}

.archivo-revision-factibilidad__title[b-ybfvyjenjp] {
    margin: 0 0 32px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.archivo-revision-factibilidad__list[b-ybfvyjenjp] {
    display: flex;
    flex-direction: column;

    gap: 32px;
}

.archivo-revision-factibilidad__row[b-ybfvyjenjp] {
    display: grid;

    grid-template-columns:
        250px
        130px
        minmax(0, 1fr);

    align-items: start;

    gap: 24px;
}

.archivo-revision-factibilidad__name[b-ybfvyjenjp] {
    margin: 0 0 16px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 700;
    line-height: 1.4;
}

.archivo-revision-factibilidad__name span[b-ybfvyjenjp] {
    margin-left: 4px;

    color: #ef4444;
}

.archivo-revision-factibilidad__link[b-ybfvyjenjp] {
    display: flex;
    align-items: flex-start;

    gap: 8px;

    max-width: 100%;

    padding: 0;

    border: 0;

    color: var(--primary-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 500;
    line-height: 1.4;

    text-align: left;
    text-decoration: underline;

    overflow-wrap: anywhere;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        color 0.2s ease;
}

.archivo-revision-factibilidad__link:hover[b-ybfvyjenjp] {
    opacity: 0.75;
}

.archivo-revision-factibilidad__link svg[b-ybfvyjenjp] {
    width: 15px;
    height: 15px;

    flex-shrink: 0;
}

.archivo-revision-factibilidad__unavailable[b-ybfvyjenjp] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.4;

    opacity: 0.75;
}

.archivo-revision-factibilidad__field label[b-ybfvyjenjp] {
    display: block;

    margin-bottom: 12px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1.3;
}

.archivo-revision-factibilidad__control[b-ybfvyjenjp] {
    width: 100%;
    height: 44px;

    padding: 0 12px;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.4;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.archivo-revision-factibilidad__control:hover:not(:disabled)[b-ybfvyjenjp] {
    border-color: #6b7280;
}

.archivo-revision-factibilidad__control:focus:not(:disabled)[b-ybfvyjenjp] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.archivo-revision-factibilidad__control:disabled[b-ybfvyjenjp] {
    color: var(--secondary-font-color);
    background: #f3f4f6;

    opacity: 1;

    cursor: not-allowed;

    -webkit-text-fill-color: var(--secondary-font-color);
}

@media (max-width: 900px) {
    .archivo-revision-factibilidad__row[b-ybfvyjenjp] {
        grid-template-columns: 1fr;

        gap: 16px;
    }
}

@media (max-width: 640px) {
    .archivo-revision-factibilidad[b-ybfvyjenjp] {
        padding: 24px 18px;
    }
}
/* /Components/Dictamenes/RevisionesFactibilidad/BotoneraDevolucionFactibilidad.razor.rz.scp.css */
.botonera-devolucion[b-y4inh2wy57] {
    width: min(1100px, 100%);

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 36px auto 0;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
}

.botonera-devolucion__actions[b-y4inh2wy57] {
    display: flex;
    align-items: center;

    gap: 20px;
}

.botonera-devolucion__return[b-y4inh2wy57],
.botonera-devolucion__button[b-y4inh2wy57] {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    padding: 0 32px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    white-space: nowrap;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.1s ease;
}

.botonera-devolucion__return[b-y4inh2wy57] {
    min-width: 145px;

    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background-color: transparent;
}

.botonera-devolucion__return:hover:not(:disabled)[b-y4inh2wy57] {
    background-color:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            transparent
        );
}

.botonera-devolucion__button[b-y4inh2wy57] {
    border: 0;

    color: #ffffff;
}

.botonera-devolucion__button--dark[b-y4inh2wy57] {
    min-width: 215px;

    background-color: #333333;
}

.botonera-devolucion__button--primary[b-y4inh2wy57] {
    min-width: 205px;

    background-color: var(--primary-color);
}

.botonera-devolucion__button--primary:hover:not(:disabled)[b-y4inh2wy57],
.botonera-devolucion__button--dark:hover:not(:disabled)[b-y4inh2wy57] {
    opacity: 0.9;
}

.botonera-devolucion__return:active:not(:disabled)[b-y4inh2wy57],
.botonera-devolucion__button:active:not(:disabled)[b-y4inh2wy57] {
    transform: scale(0.98);
}

.botonera-devolucion__return:disabled[b-y4inh2wy57],
.botonera-devolucion__button:disabled[b-y4inh2wy57] {
    opacity: 0.5;

    cursor: not-allowed;

    transform: none;
}

.botonera-devolucion svg[b-y4inh2wy57] {
    width: 17px;
    height: 17px;

    flex-shrink: 0;
}

.botonera-devolucion__spinner[b-y4inh2wy57] {
    width: 16px;
    height: 16px;

    flex-shrink: 0;

    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;

    animation:
        botonera-devolucion-spin-b-y4inh2wy57
        0.8s
        linear
        infinite;
}

@keyframes botonera-devolucion-spin-b-y4inh2wy57 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 800px) {
    .botonera-devolucion[b-y4inh2wy57] {
        align-items: stretch;
        flex-direction: column;
    }

    .botonera-devolucion__actions[b-y4inh2wy57] {
        align-items: stretch;
        flex-direction: column;
    }

    .botonera-devolucion__return[b-y4inh2wy57],
    .botonera-devolucion__button[b-y4inh2wy57] {
        width: 100%;
    }
}
/* /Components/Dictamenes/RevisionesFactibilidad/BotoneraRevisionFactibilidad.razor.rz.scp.css */
.botonera-revision-factibilidad[b-34mqdzf8m5] {
    width: min(1100px, 100%);

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 36px auto 0;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
}

.botonera-revision-factibilidad__actions[b-34mqdzf8m5] {
    display: flex;
    align-items: center;

    gap: 20px;
}

.botonera-revision-factibilidad__return[b-34mqdzf8m5],
.botonera-revision-factibilidad__button[b-34mqdzf8m5] {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    padding: 0 28px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    white-space: nowrap;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.1s ease;
}

.botonera-revision-factibilidad__return[b-34mqdzf8m5] {
    padding-right: 36px;
    padding-left: 36px;

    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background-color: #ffffff;
}

.botonera-revision-factibilidad__button svg[b-34mqdzf8m5] {
    width: 18px;
    height: 18px;

    flex-shrink: 0;
}

.botonera-revision-factibilidad__button--outline[b-34mqdzf8m5] {
    min-width: 180px;

    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background-color: #ffffff;
}

.botonera-revision-factibilidad__button--dark[b-34mqdzf8m5] {
    min-width: 215px;

    border: 1px solid #333333;

    color: #ffffff;
    background-color: #333333;
}

.botonera-revision-factibilidad__button--primary[b-34mqdzf8m5] {
    min-width: 205px;

    border: 1px solid var(--primary-color);

    color: #ffffff;
    background-color: var(--primary-color);
}

.botonera-revision-factibilidad__button--primary:hover:not(:disabled)[b-34mqdzf8m5],
.botonera-revision-factibilidad__button--dark:hover:not(:disabled)[b-34mqdzf8m5] {
    opacity: 0.9;
}

.botonera-revision-factibilidad__button--outline:hover:not(:disabled)[b-34mqdzf8m5],
.botonera-revision-factibilidad__return:hover:not(:disabled)[b-34mqdzf8m5] {
    background-color:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            transparent
        );
}

.botonera-revision-factibilidad__return:active:not(:disabled)[b-34mqdzf8m5],
.botonera-revision-factibilidad__button:active:not(:disabled)[b-34mqdzf8m5] {
    transform: scale(0.98);
}

.botonera-revision-factibilidad__return:disabled[b-34mqdzf8m5],
.botonera-revision-factibilidad__button:disabled[b-34mqdzf8m5] {
    opacity: 0.5;

    cursor: not-allowed;

    transform: none;
}

@media (max-width: 900px) {
    .botonera-revision-factibilidad[b-34mqdzf8m5] {
        align-items: stretch;
        flex-direction: column;
    }

    .botonera-revision-factibilidad__actions[b-34mqdzf8m5] {
        align-items: stretch;
        flex-direction: column;
    }

    .botonera-revision-factibilidad__return[b-34mqdzf8m5],
    .botonera-revision-factibilidad__button[b-34mqdzf8m5] {
        width: 100%;
    }
}
/* /Components/Dictamenes/RevisionesFactibilidad/ProgramaEstudiosDevolucionTable.razor.rz.scp.css */
.programas-devolucion[b-sfzam6ppxx] {
    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 4px 14px rgba(15, 23, 42, 0.10);
}

.programas-devolucion__header[b-sfzam6ppxx] {
    padding: 24px 32px;
}

.programas-devolucion__header h2[b-sfzam6ppxx] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.programas-devolucion__table-container[b-sfzam6ppxx] {
    width: 100%;

    overflow-x: auto;
}

.programas-devolucion table[b-sfzam6ppxx] {
    width: 100%;
    min-width: 760px;

    border-collapse: collapse;
    table-layout: fixed;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.programas-devolucion th[b-sfzam6ppxx] {
    padding: 16px 24px;

    color: var(--primary-color);
    background: #0b1726;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;

    text-align: left;
}

.programas-devolucion td[b-sfzam6ppxx] {
    padding: 24px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.45;

    vertical-align: middle;

    overflow-wrap: anywhere;
}

.programas-devolucion__column-key[b-sfzam6ppxx] {
    width: 15%;
}

.programas-devolucion__column-key--wide[b-sfzam6ppxx] {
    width: 18%;
}

.programas-devolucion__column-subject[b-sfzam6ppxx] {
    width: 29%;
}

.programas-devolucion__column-subject--wide[b-sfzam6ppxx] {
    width: 36%;
}

.programas-devolucion__column-document[b-sfzam6ppxx] {
    width: 28%;
}

.programas-devolucion__column-document--wide[b-sfzam6ppxx] {
    width: 46%;
}

.programas-devolucion__review[b-sfzam6ppxx] {
    min-width: 130px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 0 20px;

    border: 1px solid var(--primary-color);
    border-radius: 6px;

    color: var(--primary-color);
    background: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}

.programas-devolucion__review i[b-sfzam6ppxx] {
    flex-shrink: 0;

    font-size: 14px;
    line-height: 1;
}

.programas-devolucion__review:hover:not(:disabled):not(.programas-devolucion__review--disabled)[b-sfzam6ppxx] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );

    opacity: 0.9;
}

.programas-devolucion__review:active:not(:disabled):not(.programas-devolucion__review--disabled)[b-sfzam6ppxx] {
    transform: scale(0.98);
}

.programas-devolucion__review--accepted[b-sfzam6ppxx] {
    border-color: #16a34a;

    color: #15803d;
    background: #f0fdf4;
}

.programas-devolucion__review--accepted:hover:not(:disabled)[b-sfzam6ppxx] {
    border-color: #15803d;

    background: #dcfce7;
}

.programas-devolucion__review--rejected[b-sfzam6ppxx] {
    border-color: #ef4444;

    color: #dc2626;
    background: #fef2f2;
}

.programas-devolucion__review--rejected:hover:not(:disabled)[b-sfzam6ppxx] {
    border-color: #dc2626;

    background: #fee2e2;
}

.programas-devolucion__review--disabled[b-sfzam6ppxx],
.programas-devolucion__review:disabled[b-sfzam6ppxx] {
    border-color: #d1d5db;

    color: var(--secondary-font-color);
    background: #ffffff;

    opacity: 0.6;

    cursor: not-allowed;

    transform: none;
}

.programas-devolucion__review--disabled i[b-sfzam6ppxx],
.programas-devolucion__review:disabled i[b-sfzam6ppxx] {
    color: var(--secondary-font-color);
}

.programas-devolucion__empty[b-sfzam6ppxx] {
    padding: 40px !important;

    color: var(--secondary-font-color) !important;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;

    text-align: center;
}

.programas-devolucion__overlay[b-sfzam6ppxx] {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px 16px;

    background: rgba(0, 0, 0, 0.60);
}

.programas-devolucion__modal[b-sfzam6ppxx] {
    width: min(410px, 100%);

    overflow: hidden;

    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.28);
}

.programas-devolucion__modal-header[b-sfzam6ppxx] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding: 16px 20px;

    border-bottom: 1px solid #f3f4f6;
}

.programas-devolucion__modal-header h3[b-sfzam6ppxx] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 700;
    line-height: 1.3;
}

.programas-devolucion__modal-header button[b-sfzam6ppxx] {
    width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    padding: 0;

    border: 0;
    border-radius: 50%;

    color: var(--secondary-font-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: 15px;

    cursor: pointer;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

.programas-devolucion__modal-header button:hover[b-sfzam6ppxx] {
    color: var(--primary-font-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            transparent
        );
}

.programas-devolucion__modal-header button i[b-sfzam6ppxx] {
    font-size: 14px;
    line-height: 1;
}

.programas-devolucion__modal-body[b-sfzam6ppxx] {
    display: flex;
    flex-direction: column;

    gap: 16px;

    padding: 20px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.programas-devolucion__summary[b-sfzam6ppxx] {
    padding: 16px;

    border: 1px solid #e5e7eb;
    border-radius: 8px;

    background: #f9fafb;
}

.programas-devolucion__summary-grid[b-sfzam6ppxx] {
    display: grid;

    grid-template-columns:
        90px minmax(0, 1fr);

    gap: 12px;
}

.programas-devolucion__summary-grid > div + div[b-sfzam6ppxx] {
    padding-left: 12px;

    border-left: 1px solid #e5e7eb;
}

.programas-devolucion__summary small[b-sfzam6ppxx] {
    color: var(--secondary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.72);
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: 0.04em;
}

.programas-devolucion__summary p[b-sfzam6ppxx] {
    margin: 4px 0 0;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;

    overflow-wrap: anywhere;
}

.programas-devolucion__document-info[b-sfzam6ppxx] {
    margin-top: 16px;
    padding-top: 12px;

    border-top: 1px solid #e5e7eb;
}

.programas-devolucion__document-info button[b-sfzam6ppxx] {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 8px;

    margin-top: 8px;
    padding: 8px 12px;

    border: 1px solid #e5e7eb;
    border-radius: 6px;

    color: var(--primary-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 500;
    line-height: 1.4;

    text-align: left;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.programas-devolucion__document-info button:hover[b-sfzam6ppxx] {
    border-color: var(--primary-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 5%,
            #ffffff
        );
}

.programas-devolucion__document-info button i:first-child[b-sfzam6ppxx] {
    flex-shrink: 0;

    font-size: 15px;
}

.programas-devolucion__document-info button span[b-sfzam6ppxx] {
    min-width: 0;

    flex: 1;

    overflow-wrap: anywhere;
}

.programas-devolucion__document-info button i:last-child[b-sfzam6ppxx] {
    flex-shrink: 0;

    font-size: 13px;
}

.programas-devolucion__unavailable[b-sfzam6ppxx] {
    margin-top: 8px !important;

    padding: 8px 12px;

    border: 1px dashed #d1d5db;
    border-radius: 6px;

    color: var(--secondary-font-color) !important;
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 400;

    opacity: 0.75;
}

.programas-devolucion__modal-body label[b-sfzam6ppxx] {
    display: block;

    margin-bottom: 6px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 700;
    line-height: 1.3;
}

.programas-devolucion__readonly[b-sfzam6ppxx] {
    min-height: 40px;

    padding: 11px 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--secondary-font-color);
    background: #f3f4f6;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.45;

    overflow-wrap: anywhere;
}

.programas-devolucion__readonly--reason[b-sfzam6ppxx] {
    min-height: 76px;

    overflow-wrap: anywhere;
}

.programas-devolucion__modal-footer[b-sfzam6ppxx] {
    display: flex;
    justify-content: flex-end;

    padding: 16px 20px;

    border-top: 1px solid #f3f4f6;

    background: rgba(249, 250, 251, 0.7);
}

.programas-devolucion__modal-footer button[b-sfzam6ppxx] {
    height: 38px;

    padding: 0 20px;

    border: 1px solid #333333;
    border-radius: 6px;

    color: #333333;
    background: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.15s ease;
}

.programas-devolucion__modal-footer button:hover[b-sfzam6ppxx] {
    background: #f3f4f6;
}

.programas-devolucion__modal-footer button:active[b-sfzam6ppxx] {
    transform: scale(0.98);
}

@media (max-width: 640px) {
    .programas-devolucion__header[b-sfzam6ppxx] {
        padding: 20px;
    }

    .programas-devolucion th[b-sfzam6ppxx],
    .programas-devolucion td[b-sfzam6ppxx] {
        padding-right: 16px;
        padding-left: 16px;
    }

    .programas-devolucion__modal[b-sfzam6ppxx] {
        width: 100%;
    }

    .programas-devolucion__modal-body[b-sfzam6ppxx] {
        padding: 16px;
    }

    .programas-devolucion__modal-footer[b-sfzam6ppxx] {
        padding: 16px;
    }

    .programas-devolucion__summary-grid[b-sfzam6ppxx] {
        grid-template-columns: 80px minmax(0, 1fr);
    }

    .programas-devolucion__review[b-sfzam6ppxx] {
        min-width: 120px;

        padding: 0 16px;
    }
}
/* /Components/Dictamenes/RevisionesFactibilidad/ProgramaEstudiosTable.razor.rz.scp.css */
.programas-revision-factibilidad[b-lh06oljq0d] {
    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 4px 14px rgba(15, 23, 42, 0.10);
}

.programas-revision-factibilidad__header[b-lh06oljq0d] {
    padding: 24px 32px;
}

.programas-revision-factibilidad__header h2[b-lh06oljq0d] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.programas-revision-factibilidad__table-container[b-lh06oljq0d] {
    width: 100%;

    overflow-x: auto;
}

.programas-revision-factibilidad table[b-lh06oljq0d] {
    width: 100%;
    min-width: 760px;

    border-collapse: collapse;
    table-layout: fixed;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.programas-revision-factibilidad th[b-lh06oljq0d] {
    padding: 16px 24px;

    color: var(--primary-color);
    background: #0b1726;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;

    text-align: left;
}

.programas-revision-factibilidad td[b-lh06oljq0d] {
    padding: 24px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.45;

    vertical-align: middle;

    overflow-wrap: anywhere;
}

.programas-revision-factibilidad__review[b-lh06oljq0d] {
    min-width: 130px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 0 20px;

    border: 1px solid var(--primary-color);
    border-radius: 6px;

    color: var(--primary-color);
    background: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}

.programas-revision-factibilidad__review i[b-lh06oljq0d] {
    flex-shrink: 0;

    font-size: 14px;
    line-height: 1;
}

.programas-revision-factibilidad__review:hover:not(:disabled):not(.programas-revision-factibilidad__review--disabled)[b-lh06oljq0d] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );

    opacity: 0.9;
}

.programas-revision-factibilidad__review:active:not(:disabled):not(.programas-revision-factibilidad__review--disabled)[b-lh06oljq0d] {
    transform: scale(0.98);
}

.programas-revision-factibilidad__review--accepted[b-lh06oljq0d] {
    border-color: #16a34a;

    color: #15803d;
    background: #f0fdf4;
}

.programas-revision-factibilidad__review--accepted:hover:not(:disabled)[b-lh06oljq0d] {
    border-color: #15803d;

    background: #dcfce7;
}

.programas-revision-factibilidad__review--rejected[b-lh06oljq0d] {
    border-color: #ef4444;

    color: #dc2626;
    background: #fef2f2;
}

.programas-revision-factibilidad__review--rejected:hover:not(:disabled)[b-lh06oljq0d] {
    border-color: #dc2626;

    background: #fee2e2;
}

.programas-revision-factibilidad__review--disabled[b-lh06oljq0d],
.programas-revision-factibilidad__review:disabled[b-lh06oljq0d] {
    border-color: #d1d5db;

    color: var(--secondary-font-color);
    background: #ffffff;

    opacity: 0.6;

    cursor: not-allowed;

    transform: none;
}

.programas-revision-factibilidad__review--disabled i[b-lh06oljq0d],
.programas-revision-factibilidad__review:disabled i[b-lh06oljq0d] {
    color: var(--secondary-font-color);
}

.programas-revision-factibilidad__empty[b-lh06oljq0d] {
    padding: 40px !important;

    color: var(--secondary-font-color) !important;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;

    text-align: center;
}

.programas-revision-factibilidad__overlay[b-lh06oljq0d] {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px 16px;

    background: rgba(0, 0, 0, 0.60);
}

.programas-revision-factibilidad__modal[b-lh06oljq0d] {
    width: min(410px, 100%);

    overflow: hidden;

    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.28);
}

.programas-revision-factibilidad__modal-header[b-lh06oljq0d] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding: 16px 20px;

    border-bottom: 1px solid #f3f4f6;
}

.programas-revision-factibilidad__modal-header h3[b-lh06oljq0d] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 700;
    line-height: 1.3;
}

.programas-revision-factibilidad__modal-header button[b-lh06oljq0d] {
    width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    padding: 0;

    border: 0;
    border-radius: 50%;

    color: var(--secondary-font-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: 15px;

    cursor: pointer;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

.programas-revision-factibilidad__modal-header button:hover[b-lh06oljq0d] {
    color: var(--primary-font-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            transparent
        );
}

.programas-revision-factibilidad__modal-body[b-lh06oljq0d] {
    display: flex;
    flex-direction: column;

    gap: 16px;

    padding: 20px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.programas-revision-factibilidad__summary[b-lh06oljq0d] {
    padding: 16px;

    border: 1px solid #e5e7eb;
    border-radius: 8px;

    background: #f9fafb;
}

.programas-revision-factibilidad__summary-grid[b-lh06oljq0d] {
    display: grid;

    grid-template-columns:
        90px minmax(0, 1fr);

    gap: 12px;
}

.programas-revision-factibilidad__summary-grid > div + div[b-lh06oljq0d] {
    padding-left: 12px;

    border-left: 1px solid #e5e7eb;
}

.programas-revision-factibilidad__summary small[b-lh06oljq0d] {
    color: var(--secondary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.72);
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: 0.04em;
}

.programas-revision-factibilidad__summary p[b-lh06oljq0d] {
    margin: 4px 0 0;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;

    overflow-wrap: anywhere;
}

.programas-revision-factibilidad__document-info[b-lh06oljq0d] {
    margin-top: 16px;
    padding-top: 12px;

    border-top: 1px solid #e5e7eb;
}

.programas-revision-factibilidad__document-info button[b-lh06oljq0d] {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 8px;

    margin-top: 8px;
    padding: 8px 12px;

    border: 1px solid #e5e7eb;
    border-radius: 6px;

    color: var(--primary-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 500;
    line-height: 1.4;

    text-align: left;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.programas-revision-factibilidad__document-info button:hover[b-lh06oljq0d] {
    border-color: var(--primary-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 5%,
            #ffffff
        );
}

.programas-revision-factibilidad__document-info button i:first-child[b-lh06oljq0d] {
    flex-shrink: 0;

    font-size: 15px;
}

.programas-revision-factibilidad__document-info button span[b-lh06oljq0d] {
    min-width: 0;

    flex: 1;

    overflow-wrap: anywhere;
}

.programas-revision-factibilidad__document-info button i:last-child[b-lh06oljq0d] {
    flex-shrink: 0;

    font-size: 13px;
}

.programas-revision-factibilidad__unavailable[b-lh06oljq0d] {
    margin-top: 8px !important;

    padding: 8px 12px;

    border: 1px dashed #d1d5db;
    border-radius: 6px;

    color: var(--secondary-font-color) !important;
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 400;
    line-height: 1.4;

    opacity: 0.75;
}

.programas-revision-factibilidad__modal-body label[b-lh06oljq0d] {
    display: block;

    margin-bottom: 6px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 700;
    line-height: 1.3;
}

.programas-revision-factibilidad__modal-body select[b-lh06oljq0d] {
    width: 100%;
    height: 40px;

    padding: 0 12px;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;

    outline: none;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.programas-revision-factibilidad__modal-body textarea[b-lh06oljq0d] {
    width: 100%;
    min-height: 76px;

    padding: 8px 12px;

    box-sizing: border-box;

    border: 1px solid #9ca3af;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.45;

    resize: none;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.programas-revision-factibilidad__modal-body select:focus[b-lh06oljq0d],
.programas-revision-factibilidad__modal-body textarea:focus[b-lh06oljq0d] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.programas-revision-factibilidad__modal-body textarea:disabled[b-lh06oljq0d] {
    color: var(--secondary-font-color);
    background: #f3f4f6;

    cursor: not-allowed;
}

.programas-revision-factibilidad__error[b-lh06oljq0d] {
    margin: 6px 0 0;

    color: #dc2626;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 400;
    line-height: 1.3;
}

.programas-revision-factibilidad__modal-footer[b-lh06oljq0d] {
    display: flex;
    justify-content: flex-end;

    gap: 12px;

    padding: 16px 20px;

    border-top: 1px solid #f3f4f6;

    background: rgba(249, 250, 251, 0.7);
}

.programas-revision-factibilidad__cancel[b-lh06oljq0d],
.programas-revision-factibilidad__save[b-lh06oljq0d] {
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 0 20px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}

.programas-revision-factibilidad__cancel[b-lh06oljq0d] {
    border: 1px solid #333333;

    color: #333333;
    background: #ffffff;
}

.programas-revision-factibilidad__cancel:hover[b-lh06oljq0d] {
    background: #f3f4f6;
}

.programas-revision-factibilidad__save[b-lh06oljq0d] {
    border: 1px solid var(--primary-color);

    color: #ffffff;
    background: var(--primary-color);
}

.programas-revision-factibilidad__save:hover[b-lh06oljq0d] {
    opacity: 0.9;
}

.programas-revision-factibilidad__cancel:active[b-lh06oljq0d],
.programas-revision-factibilidad__save:active[b-lh06oljq0d] {
    transform: scale(0.98);
}

.programas-revision-factibilidad__save i[b-lh06oljq0d] {
    font-size: 14px;
    line-height: 1;
}

@media (max-width: 640px) {
    .programas-revision-factibilidad__header[b-lh06oljq0d] {
        padding: 20px;
    }

    .programas-revision-factibilidad th[b-lh06oljq0d],
    .programas-revision-factibilidad td[b-lh06oljq0d] {
        padding-right: 16px;
        padding-left: 16px;
    }

    .programas-revision-factibilidad__modal[b-lh06oljq0d] {
        width: 100%;
    }

    .programas-revision-factibilidad__modal-body[b-lh06oljq0d] {
        padding: 16px;
    }

    .programas-revision-factibilidad__modal-footer[b-lh06oljq0d] {
        padding: 16px;
    }

    .programas-revision-factibilidad__summary-grid[b-lh06oljq0d] {
        grid-template-columns:
            80px minmax(0, 1fr);
    }

    .programas-revision-factibilidad__review[b-lh06oljq0d] {
        min-width: 120px;

        padding: 0 16px;
    }
}
/* /Components/Dropdowns/MenuNivelEducativoDashboard.razor.rz.scp.css */
.dashboard-level-menu[b-gryvthq0os] {
    position: absolute;
    z-index: 50;

    min-width: 240px;

    padding: 20px;

    border: 1px solid #f3f4f6;
    border-radius: 24px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    text-align: center;

    box-shadow:
        0 24px 50px rgba(0, 0, 0, .22);

    animation:
        dashboard-level-menu-fade-in-b-gryvthq0os .18s ease-out;
}

.dashboard-level-menu--responsive[b-gryvthq0os] {
    top: 100%;
    left: 50%;

    width: 190px;

    margin-top: 12px;

    transform: translateX(-50%) scale(.9);
    transform-origin: top;
}

.dashboard-level-menu__title[b-gryvthq0os] {
    margin: 0 0 16px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size, 14px);
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: -.01em;
}

.dashboard-level-menu__options[b-gryvthq0os] {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 10px;
}

.dashboard-level-menu__button[b-gryvthq0os] {
    width: 100%;
    min-height: 38px;

    padding: 8px 16px;

    border: 0;
    border-radius: 999px;

    color: #ffffff;
    background: var(--primary-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size, 14px);
    font-weight: 600;
    line-height: 1.2;

    box-shadow:
        0 1px 3px rgba(15, 23, 42, .14);

    cursor: pointer;

    transition:
        opacity .2s ease,
        transform .1s ease,
        filter .2s ease;
}

.dashboard-level-menu__button:hover:not(:disabled)[b-gryvthq0os] {
    filter: brightness(.96);
}

.dashboard-level-menu__button:active:not(:disabled)[b-gryvthq0os] {
    transform: scale(.98);
}

.dashboard-level-menu__button:focus-visible[b-gryvthq0os] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.dashboard-level-menu__button:disabled[b-gryvthq0os] {
    opacity: .55;

    cursor: not-allowed;
}

@keyframes dashboard-level-menu-fade-in-b-gryvthq0os {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (min-width: 640px) {
    .dashboard-level-menu--responsive[b-gryvthq0os] {
        top: 0;
        right: 100%;
        left: auto;

        width: auto;

        margin-top: 0;
        margin-right: 16px;

        transform: none;
    }
}

@media (max-width: 639px) {
    .dashboard-level-menu[b-gryvthq0os] {
        min-width: 190px;

        padding: 14px;

        border-radius: 18px;
    }

    .dashboard-level-menu__title[b-gryvthq0os] {
        margin-bottom: 12px;
    }

    .dashboard-level-menu__button[b-gryvthq0os] {
        padding-right: 12px;
        padding-left: 12px;
    }
}
/* /Components/Dropdowns/MenuNivelEducativoExterno.razor.rz.scp.css */
.education-level-menu[b-379cuc152b] {
    position: absolute;
    z-index: 50;

    min-width: 240px;

    padding: 20px;

    border: 1px solid #f3f4f6;
    border-radius: 24px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    text-align: center;

    box-shadow:
        0 24px 50px rgba(0, 0, 0, .22);

    animation:
        education-menu-fade-in-b-379cuc152b .18s ease-out;
}

.education-level-menu--left[b-379cuc152b] {
    top: 0;
    right: 100%;

    margin-right: 16px;
}

.education-level-menu__title[b-379cuc152b] {
    margin: 0 0 16px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size, 14px);
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: -.01em;
}

.education-level-menu__options[b-379cuc152b] {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 10px;
}

.education-level-menu__button[b-379cuc152b] {
    width: 100%;
    min-height: 38px;

    padding: 8px 16px;

    border: 0;
    border-radius: 999px;

    color: #ffffff;
    background: var(--primary-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size, 14px);
    font-weight: 600;
    line-height: 1.2;

    box-shadow:
        0 1px 3px rgba(15, 23, 42, .14);

    cursor: pointer;

    transition:
        opacity .2s ease,
        transform .1s ease,
        filter .2s ease;
}

.education-level-menu__button:hover:not(:disabled)[b-379cuc152b] {
    filter: brightness(.96);
}

.education-level-menu__button:active:not(:disabled)[b-379cuc152b] {
    transform: scale(.98);
}

.education-level-menu__button:focus-visible[b-379cuc152b] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.education-level-menu__button:disabled[b-379cuc152b] {
    opacity: .55;

    cursor: not-allowed;
}

@keyframes education-menu-fade-in-b-379cuc152b {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 640px) {
    .education-level-menu[b-379cuc152b] {
        position: relative;

        top: auto;
        right: auto;
        left: auto;

        width: 100%;
        min-width: 0;

        margin: 12px 0 0;

        border-radius: 16px;

        box-shadow:
            0 8px 24px rgba(15, 23, 42, .12);
    }
}
/* /Components/Dropdowns/MenuNivelEducativoInterno.razor.rz.scp.css */
.menu-nivel-interno[b-dnjsmsj6pe] {
    position: relative;
    z-index: 60;

    width: 245px;
    min-width: 245px;

    padding: 18px;

    border: 1px solid #f3f4f6;
    border-radius: 18px;

    background: #ffffff;
    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);

    text-align: center;

    animation:
        menu-nivel-interno-aparecer-b-dnjsmsj6pe 0.18s ease-out;
}

.menu-nivel-interno--desktop[b-dnjsmsj6pe] {
    position: absolute;

    top: 0;
    right: calc(100% + 12px);
    left: auto;

    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.menu-nivel-interno--mobile[b-dnjsmsj6pe] {
    position: relative;

    width: 100%;
    min-width: 0;

    padding: 16px;

    border-radius: 16px;

    box-shadow: none;
}

.menu-nivel-interno__title[b-dnjsmsj6pe] {
    margin: 0 0 14px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;
}

.menu-nivel-interno__options[b-dnjsmsj6pe] {
    display: flex;
    flex-direction: column;

    gap: 9px;

    width: 100%;
}

.menu-nivel-interno__button[b-dnjsmsj6pe] {
    width: 100%;

    padding: 8px 14px;

    border: 0;
    border-radius: 999px;

    background-color: var(--primary-color);
    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.35;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        transform 0.1s ease,
        filter 0.2s ease;
}

.menu-nivel-interno__button:hover:not(:disabled)[b-dnjsmsj6pe] {
    opacity: 0.9;
    filter: brightness(0.97);
}

.menu-nivel-interno__button:active:not(:disabled)[b-dnjsmsj6pe] {
    transform: scale(0.98);
}

.menu-nivel-interno__button:focus-visible[b-dnjsmsj6pe] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.menu-nivel-interno__button:disabled[b-dnjsmsj6pe] {
    opacity: 0.5;
    cursor: not-allowed;
}

.menu-nivel-interno__empty[b-dnjsmsj6pe] {
    margin: 0;

    padding: 12px 8px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.45;
}

@keyframes menu-nivel-interno-aparecer-b-dnjsmsj6pe {
    from {
        opacity: 0;
        transform: translateX(6px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@media (max-width: 768px) {
    .menu-nivel-interno--desktop[b-dnjsmsj6pe] {
        position: relative;

        top: auto;
        right: auto;
        left: auto;

        width: 100%;
        min-width: 0;
    }
}
/* /Components/Dropdowns/MenuTramites.razor.rz.scp.css */
.menu-tramites[b-7w2vkb99ed] {
    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
}

.menu-tramites--desktop[b-7w2vkb99ed] {
    position: absolute;
    z-index: 50;

    width: 285px;
    min-width: 285px;

    padding: 12px;

    border: 1px solid #f3f4f6;
    border-radius: 16px;

    box-shadow:
        0 18px 45px rgba(15, 23, 42, 0.16);
}

.menu-tramites--mobile[b-7w2vkb99ed] {
    position: relative;

    width: 100%;

    padding: 12px;

    border: 1px solid #f3f4f6;
    border-radius: 16px;

    box-shadow: none;
}

.menu-tramites__list[b-7w2vkb99ed] {
    display: flex;
    flex-direction: column;

    gap: 4px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.menu-tramites__item[b-7w2vkb99ed] {
    position: relative;

    width: 100%;
}

.menu-tramites__option[b-7w2vkb99ed] {
    width: 100%;

    padding: 9px 12px;

    border: 0;
    border-radius: 10px;

    color: var(--primary-font-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.35;

    text-align: left;

    cursor: pointer;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        transform 0.15s ease;
}

.menu-tramites--mobile .menu-tramites__option[b-7w2vkb99ed] {
    padding: 13px 15px;
}

.menu-tramites__option:hover[b-7w2vkb99ed] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 7%,
            transparent
        );
}

.menu-tramites__option:active[b-7w2vkb99ed] {
    transform: scale(0.99);
}

.menu-tramites__option:focus-visible[b-7w2vkb99ed] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.menu-tramites__option--selected[b-7w2vkb99ed] {
    color: var(--primary-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 9%,
            transparent
        );

    font-family: var(--primary-font-family);
    font-weight: 500;
}

.menu-tramites__mobile-level[b-7w2vkb99ed] {
    display: flex;
    justify-content: center;

    margin-top: 8px;
}

.menu-tramites__mobile-level-content[b-7w2vkb99ed] {
    width: 100%;
    max-width: 384px;

    padding: 12px;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    color: var(--primary-font-color);
    background: #f9fafb;

    font-family: var(--secondary-font-family);
}

@media (max-width: 768px) {
    .menu-tramites--desktop[b-7w2vkb99ed] {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/Dropdowns/MenuVistas.razor.rz.scp.css */
.menu-vistas[b-wao5mwgyps] {
    position: absolute;
    z-index: 50;

    min-width: 320px;

    padding: 16px;

    border: 1px solid #f3f4f6;
    border-radius: 16px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    text-align: center;

    box-shadow:
        0 24px 60px rgba(15, 23, 42, 0.18);
}

.menu-vistas__list[b-wao5mwgyps] {
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: left;
}

.menu-vistas__item[b-wao5mwgyps] {
    border-bottom: 1px solid #f3f4f6;
}

.menu-vistas__item:last-child[b-wao5mwgyps] {
    border-bottom: 0;
}

.menu-vistas__option[b-wao5mwgyps] {
    display: block;

    width: 100%;

    padding: 14px 16px;

    border: 0;
    border-radius: 12px;

    color: var(--primary-font-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;

    text-align: left;
    text-transform: none;

    cursor: pointer;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        transform 0.15s ease;
}

.menu-vistas__option:hover[b-wao5mwgyps] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 7%,
            transparent
        );
}

.menu-vistas__option:active[b-wao5mwgyps] {
    transform: scale(0.99);
}

.menu-vistas__option:focus-visible[b-wao5mwgyps] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.menu-vistas__option--selected[b-wao5mwgyps] {
    color: var(--primary-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 9%,
            transparent
        );

    font-family: var(--primary-font-family);
    font-weight: 600;
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-xbg64gxwo7] {
    width: 100%;
    min-height: 100vh;
    color: var(--primary-font-color);
    background-color: var(--background-color);
    font-family: var(--primary-font-family);
}
/* /Components/Layout/FichaTramites.razor.rz.scp.css */
.ficha-tramites[b-pzzixdy2p2] {
    width: 100%;
    min-height: 100vh;

    display: flex;
    flex-direction: column;

    color: var(--primary-font-color);
    background: var(--background-color, #f2f2f2);

    font-family: var(--secondary-font-family);
}


.ficha-tramites__breadcrumb-container[b-pzzixdy2p2] {
    width: 100%;
    max-width: 1152px;

    margin: 0 auto;
    padding: 16px 24px;
}


.ficha-tramites__breadcrumb[b-pzzixdy2p2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;

    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.4;
}


.ficha-tramites__breadcrumb-link[b-pzzixdy2p2] {
    margin: 0;
    padding: 0;

    border: 0;

    color: var(--primary-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: inherit;

    cursor: pointer;

    transition:
        color 0.2s ease,
        opacity 0.2s ease;
}


.ficha-tramites__breadcrumb-link:hover[b-pzzixdy2p2] {
    opacity: 0.78;
    text-decoration: underline;
}


.ficha-tramites__breadcrumb-link:focus-visible[b-pzzixdy2p2] {
    border-radius: 3px;

    outline: 2px solid var(--primary-color);
    outline-offset: 3px;
}


.ficha-tramites__breadcrumb-separator[b-pzzixdy2p2] {
    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
}


.ficha-tramites__breadcrumb-current[b-pzzixdy2p2] {
    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-weight: 500;
}


.ficha-tramites__main[b-pzzixdy2p2] {
    width: 100%;
    max-width: 1152px;

    flex: 1;

    margin: 0 auto;
    padding: 0 24px 56px;
}


.ficha-tramites__title[b-pzzixdy2p2] {
    margin: 0 0 24px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 800;
    line-height: 1.2;
}


.ficha-tramites__meta-card[b-pzzixdy2p2] {
    width: 100%;

    margin-bottom: 32px;

    overflow: hidden;

    border: 1px solid #f3f4f6;
    border-radius: 16px;

    background: #ffffff;

    box-shadow:
        0 4px 12px rgba(15, 23, 42, 0.10);
}


.ficha-tramites__meta-grid[b-pzzixdy2p2] {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));
}


.ficha-tramites__meta-item[b-pzzixdy2p2] {
    min-width: 0;
    min-height: 150px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 12px;

    padding: 22px 18px;

    border-right: 1px solid #f3f4f6;

    text-align: center;
}


.ficha-tramites__meta-item:last-child[b-pzzixdy2p2] {
    border-right: 0;
}


.ficha-tramites__meta-icon[b-pzzixdy2p2] {
    width: 42px;
    height: 42px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 9px;

    border-radius: 999px;

    color: var(--primary-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 8%,
            transparent
        );

    transition:
        background-color 0.2s ease;
}


.ficha-tramites__meta-item:hover .ficha-tramites__meta-icon[b-pzzixdy2p2] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 14%,
            transparent
        );
}


.ficha-tramites__meta-icon svg[b-pzzixdy2p2] {
    width: 24px;
    height: 24px;
}


.ficha-tramites__meta-content[b-pzzixdy2p2] {
    width: 100%;
    min-width: 0;
}


.ficha-tramites__meta-label[b-pzzixdy2p2] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.72);
    font-weight: 700;
    line-height: 1.25;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}


.ficha-tramites__meta-value[b-pzzixdy2p2] {
    margin: 6px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;
    line-height: 1.4;

    overflow-wrap: anywhere;
}


/* Evita que app.css sobrescriba la fuente de elementos internos */
.ficha-tramites__meta-label span[b-pzzixdy2p2] {
    font-family: var(--primary-font-family);
}


.ficha-tramites__meta-value span[b-pzzixdy2p2] {
    font-family: var(--secondary-font-family);
}


.ficha-tramites__dependencies[b-pzzixdy2p2] {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 16px;

    margin-bottom: 32px;
}


.ficha-tramites__dependency-card[b-pzzixdy2p2] {
    min-width: 0;
    min-height: 110px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 20px;

    border: 0;
    border-left: 8px solid var(--primary-color);
    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 4px 12px rgba(15, 23, 42, 0.10);

    transition:
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


.ficha-tramites__dependency-card:hover[b-pzzixdy2p2] {
    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.14);

    transform: translateY(-1px);
}


.ficha-tramites__dependency-row[b-pzzixdy2p2] {
    min-width: 0;

    display: flex;
    align-items: flex-start;

    gap: 12px;
}


.ficha-tramites__dependency-icon[b-pzzixdy2p2] {
    width: 22px;
    height: 22px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 2px;

    color: var(--primary-color);
}


.ficha-tramites__dependency-icon svg[b-pzzixdy2p2] {
    width: 20px;
    height: 20px;
}


.ficha-tramites__dependency-content[b-pzzixdy2p2] {
    min-width: 0;

    flex: 1;
}


.ficha-tramites__dependency-label[b-pzzixdy2p2] {
    margin: 0 0 5px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: -0.01em;
    text-transform: uppercase;
}


.ficha-tramites__dependency-value[b-pzzixdy2p2] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;
    line-height: 1.45;

    overflow-wrap: anywhere;
}


/* Protege las fuentes contra las reglas globales de app.css */
.ficha-tramites__dependency-label span[b-pzzixdy2p2] {
    font-family: var(--primary-font-family);
}


.ficha-tramites__dependency-value span[b-pzzixdy2p2] {
    font-family: var(--secondary-font-family);
}


.ficha-tramites__sections[b-pzzixdy2p2] {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 24px;
}


.ficha-tramites__section[b-pzzixdy2p2] {
    width: 100%;

    padding: 28px 32px;

    border-radius: 16px;

    background: #ffffff;

    box-shadow:
        0 2px 8px rgba(15, 23, 42, 0.06);
}


.ficha-tramites__section-header[b-pzzixdy2p2] {
    display: flex;
    align-items: center;

    margin-bottom: 16px;
    padding-left: 16px;

    border-left: 4px solid var(--primary-color);
}


.ficha-tramites__section-title[b-pzzixdy2p2] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.35;
}


/* Si el título contiene span, evita que app.css cambie la fuente */
.ficha-tramites__section-title span[b-pzzixdy2p2] {
    font-family: var(--primary-font-family);
}


.ficha-tramites__section-content[b-pzzixdy2p2] {
    display: flex;
    flex-direction: column;

    gap: 16px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.7;
}


/*
 * IMPORTANTE:
 * app.css asigna --font-medium directamente a p, span, a, li, etc.
 * Estas reglas garantizan que las secciones respeten la configuración.
 */
.ficha-tramites__section-content p[b-pzzixdy2p2],
.ficha-tramites__section-content span[b-pzzixdy2p2],
.ficha-tramites__section-content li[b-pzzixdy2p2] {
    margin: 0;

    color: inherit;

    font-family: var(--secondary-font-family);
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
}


.ficha-tramites__section-content a[b-pzzixdy2p2] {
    color: var(--primary-color);

    font-family: var(--secondary-font-family);
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;

    overflow-wrap: anywhere;
}


.ficha-tramites__section-content strong[b-pzzixdy2p2],
.ficha-tramites__section-content b[b-pzzixdy2p2] {
    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: inherit;
    font-weight: 700;
}


.ficha-tramites__section-content ul[b-pzzixdy2p2],
.ficha-tramites__section-content ol[b-pzzixdy2p2] {
    margin: 0;
    padding-left: 22px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    line-height: 1.7;
}


.ficha-tramites__section-content ul li[b-pzzixdy2p2],
.ficha-tramites__section-content ol li[b-pzzixdy2p2] {
    font-family: var(--secondary-font-family);
    font-size: inherit;
    line-height: inherit;
}


@media (max-width: 900px) {
    .ficha-tramites__meta-grid[b-pzzixdy2p2] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ficha-tramites__meta-item[b-pzzixdy2p2] {
        border-right: 1px solid #f3f4f6;
        border-bottom: 1px solid #f3f4f6;
    }


    .ficha-tramites__meta-item:nth-child(2n)[b-pzzixdy2p2] {
        border-right: 0;
    }


    .ficha-tramites__meta-item:last-child[b-pzzixdy2p2] {
        border-bottom: 0;
    }


    .ficha-tramites__dependencies[b-pzzixdy2p2] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 640px) {
    .ficha-tramites__breadcrumb-container[b-pzzixdy2p2],
    .ficha-tramites__main[b-pzzixdy2p2] {
        padding-right: 16px;
        padding-left: 16px;
    }


    .ficha-tramites__meta-item[b-pzzixdy2p2] {
        min-height: 135px;
    }


    .ficha-tramites__dependencies[b-pzzixdy2p2] {
        grid-template-columns: 1fr;
    }


    .ficha-tramites__section[b-pzzixdy2p2] {
        padding: 24px;
    }
}


@media (max-width: 420px) {
    .ficha-tramites__meta-grid[b-pzzixdy2p2] {
        grid-template-columns: 1fr;
    }


    .ficha-tramites__meta-item[b-pzzixdy2p2] {
        border-right: 0;
        border-bottom: 1px solid #f3f4f6;
    }


    .ficha-tramites__meta-item:last-child[b-pzzixdy2p2] {
        border-bottom: 0;
    }
}
/* /Components/Layout/Footer.razor.rz.scp.css */
.site-footer[b-yyeg9o054c] {
    margin-top: 64px;

    background-color: #f2f2f2;

    font-family: var(--secondary-font-family);
}


.site-footer__primary[b-yyeg9o054c] {
    color: #ffffff;
    background-color: var(--primary-color);
}


.site-footer__primary-inner[b-yyeg9o054c] {
    width: min(1280px, calc(100% - 32px));

    margin: 0 auto;
    padding: 28px 0 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}


.site-footer__identity[b-yyeg9o054c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}


.site-footer__education-logo[b-yyeg9o054c] {
    display: block;

    width: auto;
    height: 64px;

    object-fit: contain;
}


.site-footer__privacy[b-yyeg9o054c] {
    display: flex;
    align-items: center;
    gap: 24px;

    color: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;
}


.site-footer__privacy p[b-yyeg9o054c] {
    margin: 0;
}


.site-footer__privacy span[b-yyeg9o054c] {
    width: 1px;
    height: 18px;

    background-color: rgba(255, 255, 255, 0.45);
}


.site-footer__privacy a[b-yyeg9o054c] {
    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: inherit;
    font-weight: 600;

    text-decoration: none;
}


.site-footer__privacy a:hover[b-yyeg9o054c] {
    text-decoration: underline;
}


.site-footer__social[b-yyeg9o054c] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
}


.site-footer__social > p[b-yyeg9o054c] {
    margin: 0;

    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.72);
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: 0.2em;
    text-transform: uppercase;
}


.site-footer__social-links[b-yyeg9o054c] {
    display: flex;
    align-items: center;
    gap: 18px;
}


.site-footer__social-links a[b-yyeg9o054c] {
    width: 30px;
    height: 30px;

    display: grid;
    place-items: center;

    color: #ffffff;

    text-decoration: none;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}


.site-footer__social-links a:hover[b-yyeg9o054c] {
    opacity: 0.88;
    transform: scale(1.12);
}


.site-footer__social-links svg[b-yyeg9o054c] {
    width: 24px;
    height: 24px;
}


.site-footer__secondary[b-yyeg9o054c] {
    width: min(1280px, calc(100% - 32px));

    margin: 0 auto;
    padding: 32px 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}


.site-footer__government-logo[b-yyeg9o054c] {
    display: block;

    width: auto;
    height: 32px;

    object-fit: contain;
}


.site-footer__divider[b-yyeg9o054c] {
    width: min(900px, 100%);
    height: 1px;

    background-color: #d1d5db;
}


.site-footer__secondary p[b-yyeg9o054c] {
    max-width: 900px;

    margin: 0;

    color: var(--secondary-font-color, #6b7280);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.72);
    font-weight: 400;
    line-height: 1.7;

    letter-spacing: 0.04em;
    text-align: center;
    text-transform: uppercase;
}


.site-footer__secondary strong[b-yyeg9o054c] {
    color: var(--primary-font-color, #111827);

    font-family: var(--primary-font-family);
    font-weight: 700;
}


@media (max-width: 768px) {
    .site-footer[b-yyeg9o054c] {
        margin-top: 48px;
    }


    .site-footer__primary-inner[b-yyeg9o054c] {
        padding: 32px 0;

        flex-direction: column;

        text-align: center;
    }


    .site-footer__identity[b-yyeg9o054c],
    .site-footer__social[b-yyeg9o054c] {
        align-items: center;
    }


    .site-footer__privacy[b-yyeg9o054c] {
        flex-direction: column;
        gap: 10px;
    }


    .site-footer__privacy span[b-yyeg9o054c] {
        display: none;
    }


    .site-footer__secondary[b-yyeg9o054c] {
        padding: 28px 0;
    }
}


@media (max-width: 480px) {
    .site-footer__education-logo[b-yyeg9o054c] {
        max-width: 250px;
        height: auto;
    }


    .site-footer__government-logo[b-yyeg9o054c] {
        max-width: 220px;
        height: auto;
    }
}
/* /Components/Layout/Header.razor.rz.scp.css */
.app-header[b-57xe36ozff] {
    position: sticky;
    top: 0;
    z-index: 40;

    width: 100%;

    background: var(--primary-color);

    box-shadow:
        0 1px 3px rgba(15, 23, 42, .12),
        0 1px 2px rgba(15, 23, 42, .08);
}

.app-header__click-outside[b-57xe36ozff] {
    position: fixed;
    inset: 0;
    z-index: 1;

    background: transparent;
}

.app-header__nav[b-57xe36ozff] {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1280px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin: 0 auto;
    padding: 12px 16px;
}

.app-header__logo-button[b-57xe36ozff] {
    flex-shrink: 0;

    padding: 0;

    border: 0;

    background: transparent;

    cursor: pointer;
}

.app-header__logo[b-57xe36ozff] {
    display: block;

    width: auto;
    height: 48px;

    object-fit: contain;
}

.app-header__desktop-menu[b-57xe36ozff] {
    display: none;
    align-items: center;

    gap: 32px;

    color: var(--secondary-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;
}

.app-header__dropdown-container[b-57xe36ozff],
.app-header__config-container[b-57xe36ozff] {
    position: relative;
    z-index: 3;
}

.app-header__catalog-button[b-57xe36ozff] {
    display: flex;
    align-items: center;

    gap: 4px;

    padding: 0;

    border: 0;

    color: var(--secondary-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;

    white-space: nowrap;

    cursor: pointer;

    transition:
        opacity .2s ease;
}

.app-header__catalog-button:hover[b-57xe36ozff] {
    opacity: .8;
}

.app-header__session-button[b-57xe36ozff],
.app-header__config-toggle[b-57xe36ozff],
.app-header__mobile-toggle[b-57xe36ozff] {
    min-height: 44px;

    border: 0;
    border-radius: 6px;

    color: #ffffff;
    background: #162033;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color .2s ease,
        opacity .2s ease;
}

.app-header__session-button[b-57xe36ozff] {
    padding: 0 16px;
}

.app-header__session-button:hover[b-57xe36ozff],
.app-header__config-toggle:hover[b-57xe36ozff],
.app-header__mobile-toggle:hover[b-57xe36ozff] {
    background: #0d1525;
}

.app-header__session-button--mobile[b-57xe36ozff] {
    display: inline-flex;
    align-items: center;

    margin-left: auto;
}

.app-header__config-toggle[b-57xe36ozff],
.app-header__mobile-toggle[b-57xe36ozff] {
    width: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;
}

.app-header__config-toggle[b-57xe36ozff] {
    font-size: 22px;
}

.app-header__mobile-toggle[b-57xe36ozff] {
    margin-left: auto;
}

.app-header__icon[b-57xe36ozff] {
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
}

.app-header__hamburger[b-57xe36ozff] {
    width: 21px;

    display: flex;
    flex-direction: column;

    gap: 4px;
}

.app-header__hamburger span[b-57xe36ozff] {
    display: block;

    width: 100%;
    height: 2px;

    border-radius: 999px;

    background: #ffffff;
}

.app-header__config-menu[b-57xe36ozff] {
    position: absolute;

    top: calc(100% + 12px);
    right: 0;
    z-index: 9999;

    width: 288px;

    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 16px;

    background: #ffffff;

    box-shadow:
        0 24px 60px rgba(15, 23, 42, .22);
}

.app-header__config-header[b-57xe36ozff] {
    padding: 16px 20px;

    border-bottom: 1px solid #e5e7eb;
}

.app-header__config-header h3[b-57xe36ozff] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 700;
    line-height: 1.3;
}

.app-header__config-header p[b-57xe36ozff] {
    margin: 4px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}

.app-header__config-options[b-57xe36ozff] {
    display: flex;
    flex-direction: column;
}

.app-header__config-option[b-57xe36ozff] {
    width: 100%;

    padding: 16px 20px;

    border: 0;
    border-bottom: 1px solid #f3f4f6;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    text-align: left;

    cursor: pointer;

    transition:
        background-color .2s ease,
        color .2s ease;
}

.app-header__config-option:last-child[b-57xe36ozff] {
    border-bottom: 0;
}

.app-header__config-option:hover[b-57xe36ozff] {
    color: var(--primary-color);

    background: #f9fafb;
}

.app-header__mobile-panel[b-57xe36ozff] {
    position: relative;
    z-index: 2;

    max-height: calc(100vh - 72px);

    padding: 0 16px 16px;

    overflow-y: auto;

    background: var(--primary-color);

    box-shadow:
        0 10px 20px rgba(15, 23, 42, .16);
}

.app-header__mobile-content[b-57xe36ozff] {
    margin-top: 8px;
    padding: 12px;

    border-radius: 8px;

    background: #ffffff;

    box-shadow:
        0 10px 22px rgba(15, 23, 42, .15);
}

.app-header__mobile-section[b-57xe36ozff],
.app-header__mobile-config[b-57xe36ozff] {
    width: 100%;
}

.app-header__mobile-section-toggle[b-57xe36ozff] {
    width: 100%;
    min-height: 44px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 16px;

    border: 1px solid #e5e7eb;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #f9fafb;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;

    text-align: left;

    cursor: pointer;

    transition:
        background-color .2s ease,
        color .2s ease;
}

.app-header__mobile-section-toggle:hover[b-57xe36ozff] {
    color: var(--primary-color);

    background: #f3f4f6;
}

.app-header__mobile-dropdown[b-57xe36ozff] {
    margin-top: 8px;

    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 6px;
}

.app-header__mobile-config[b-57xe36ozff] {
    margin-top: 12px;

    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 6px;
}

.app-header__mobile-config
.app-header__mobile-section-toggle[b-57xe36ozff] {
    border: 0;
    border-radius: 0;
}

.app-header__mobile-config-title[b-57xe36ozff] {
    display: flex;
    align-items: center;

    gap: 8px;

    font-family: var(--primary-font-family);
}

.app-header__mobile-config-options[b-57xe36ozff] {
    display: flex;
    flex-direction: column;

    border-top: 1px solid #e5e7eb;

    background: #ffffff;
}

.app-header__mobile-config-option[b-57xe36ozff] {
    width: 100%;
    min-height: 44px;

    padding: 0 16px;

    border: 0;
    border-bottom: 1px solid #f3f4f6;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    text-align: left;

    cursor: pointer;

    transition:
        background-color .2s ease,
        color .2s ease;
}

.app-header__mobile-config-option:last-child[b-57xe36ozff] {
    border-bottom: 0;
}

.app-header__mobile-config-option:hover[b-57xe36ozff] {
    color: var(--primary-color);

    background: #f9fafb;
}

.app-header__mobile-session-button[b-57xe36ozff] {
    width: 100%;
    min-height: 44px;

    margin-top: 16px;

    border: 0;
    border-radius: 6px;

    color: #ffffff;
    background: #162033;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color .2s ease;
}

.app-header__mobile-session-button:hover[b-57xe36ozff] {
    background: #0d1525;
}

@media (min-width: 640px) {
    .app-header__nav[b-57xe36ozff] {
        padding-right: 32px;
        padding-left: 32px;
    }

    .app-header__logo[b-57xe36ozff] {
        height: 64px;
    }
}

@media (min-width: 1024px) {
    .app-header__desktop-menu[b-57xe36ozff] {
        display: flex;
    }

    .app-header__mobile-toggle[b-57xe36ozff],
    .app-header__session-button--mobile[b-57xe36ozff],
    .app-header__mobile-panel[b-57xe36ozff] {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-layout[b-9olh7ijgjg] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: var(--primary-font-color);
    background-color: var(--background-color);
    font-family: var(--primary-font-family);
}

.app-main[b-9olh7ijgjg] {
    width: 100%;
    flex: 1;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-yystogasks] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-yystogasks] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-yystogasks] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-yystogasks] {
    font-size: 1.1rem;
}

.bi[b-yystogasks] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-yystogasks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-yystogasks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-yystogasks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-yystogasks] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-yystogasks] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-yystogasks] {
        padding-bottom: 1rem;
    }

    .nav-item[b-yystogasks]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-yystogasks]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-yystogasks]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-yystogasks] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-yystogasks] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-yystogasks] {
        display: none;
    }

    .nav-scrollable[b-yystogasks] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-bt2nvzs4jl],
.components-reconnect-repeated-attempt-visible[b-bt2nvzs4jl],
.components-reconnect-failed-visible[b-bt2nvzs4jl],
.components-pause-visible[b-bt2nvzs4jl],
.components-resume-failed-visible[b-bt2nvzs4jl],
.components-rejoining-animation[b-bt2nvzs4jl] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-bt2nvzs4jl],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-bt2nvzs4jl],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-bt2nvzs4jl],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-bt2nvzs4jl],
#components-reconnect-modal.components-reconnect-retrying[b-bt2nvzs4jl],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-bt2nvzs4jl],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-bt2nvzs4jl],
#components-reconnect-modal.components-reconnect-failed[b-bt2nvzs4jl],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-bt2nvzs4jl] {
    display: block;
}


#components-reconnect-modal[b-bt2nvzs4jl] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-bt2nvzs4jl 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-bt2nvzs4jl 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-bt2nvzs4jl 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-bt2nvzs4jl]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-bt2nvzs4jl 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-bt2nvzs4jl {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-bt2nvzs4jl {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-bt2nvzs4jl {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-bt2nvzs4jl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-bt2nvzs4jl] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-bt2nvzs4jl] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-bt2nvzs4jl] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-bt2nvzs4jl] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-bt2nvzs4jl] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-bt2nvzs4jl] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-bt2nvzs4jl 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-bt2nvzs4jl] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-bt2nvzs4jl {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Modals/DashboardAdmin/ConfirmProfileModal.razor.rz.scp.css */
.confirm-profile-modal__overlay[b-lm4gpwkt75] {
    position: fixed;
    inset: 0;
    z-index: 10000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 16px;

    background: rgba(0, 0, 0, .60);
}

.confirm-profile-modal[b-lm4gpwkt75] {
    width: min(420px, 100%);

    overflow: hidden;

    border-radius: 16px;

    background: #ffffff;

    box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.confirm-profile-modal__header[b-lm4gpwkt75] {
    padding: 16px;

    color: #ffffff;
    background: var(--primary-color);

    font-family: var(--font-bold);
    font-size: 16px;
    font-weight: 700;
}

.confirm-profile-modal__body[b-lm4gpwkt75] {
    padding: 24px;
}

.confirm-profile-modal__body p[b-lm4gpwkt75] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--font-bold);
    font-size: 14px;
    line-height: 1.6;
}
/* /Components/Modals/DashboardAdmin/EditProfileModal.razor.rz.scp.css */
.edit-profile-modal__overlay[b-l7uyx7xh84] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.60);
}

.edit-profile-modal[b-l7uyx7xh84] {
  width: min(550px, calc(100vw - 32px));
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  font-family: var(--font-medium);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), 0 8px 20px rgba(0, 0, 0, 0.10);
  animation: edit-profile-modal-show-b-l7uyx7xh84 0.18s ease-out;
}

.edit-profile-modal__body[b-l7uyx7xh84] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow-y: auto;
  padding: 28px 30px;
}

.edit-profile-modal__body[b-l7uyx7xh84]::-webkit-scrollbar {
  width: 7px;
}

.edit-profile-modal__body[b-l7uyx7xh84]::-webkit-scrollbar-track {
  background: transparent;
}

.edit-profile-modal__body[b-l7uyx7xh84]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #d1d5db;
}

.edit-profile-modal__message[b-l7uyx7xh84] {
  margin: 0;
  padding: 12px 14px;
  border-radius: 9px;
  font-family: var(--font-medium);
  font-size: 14px;
  line-height: 1.4;
}

.edit-profile-modal__message--error[b-l7uyx7xh84] {
  border: 1px solid #fecaca;
  color: #dc2626;
  background: #fef2f2;
}

.edit-profile-modal__message--success[b-l7uyx7xh84] {
  border: 1px solid #bbf7d0;
  color: #15803d;
  background: #f0fdf4;
}

@keyframes edit-profile-modal-show-b-l7uyx7xh84 {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 768px) {
  .edit-profile-modal__overlay[b-l7uyx7xh84] {
    padding: 12px;
  }

  .edit-profile-modal[b-l7uyx7xh84] {
    width: 100%;
    max-height: calc(100vh - 24px);
    border-radius: 14px;
  }

  .edit-profile-modal__body[b-l7uyx7xh84] {
    gap: 16px;
    padding: 22px 20px;
  }
}

@media (max-width: 480px) {
  .edit-profile-modal__overlay[b-l7uyx7xh84] {
    align-items: flex-start;
    padding: 10px;
    overflow-y: auto;
  }

  .edit-profile-modal[b-l7uyx7xh84] {
    margin: 10px 0;
    max-height: none;
  }

  .edit-profile-modal__body[b-l7uyx7xh84] {
    padding: 20px 16px;
  }
}
/* /Components/Modals/DashboardAdmin/PasswordModal.razor.rz.scp.css */
.password-modal__overlay[b-3g827z0woe] {
  position: fixed;
  inset: 0;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.60);
}

.password-modal[b-3g827z0woe] {
  width: min(500px, calc(100vw - 32px));
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  font-family: var(--font-medium);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), 0 8px 20px rgba(0, 0, 0, 0.10);
  animation: password-modal-show-b-3g827z0woe 0.18s ease-out;
}

.password-modal__body[b-3g827z0woe] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow-y: auto;
  padding: 28px 30px;
}

.password-modal__body[b-3g827z0woe]::-webkit-scrollbar {
  width: 7px;
}

.password-modal__body[b-3g827z0woe]::-webkit-scrollbar-track {
  background: transparent;
}

.password-modal__body[b-3g827z0woe]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #d1d5db;
}

.password-modal__message[b-3g827z0woe] {
  margin: 0;
  padding: 12px 14px;
  border-radius: 9px;
  font-family: var(--font-medium);
  font-size: 14px;
  line-height: 1.4;
}

.password-modal__message--error[b-3g827z0woe] {
  border: 1px solid #fecaca;
  color: #dc2626;
  background: #fef2f2;
}

.password-modal__message--success[b-3g827z0woe] {
  border: 1px solid #bbf7d0;
  color: #15803d;
  background: #f0fdf4;
}

@keyframes password-modal-show-b-3g827z0woe {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 768px) {
  .password-modal__overlay[b-3g827z0woe] {
    padding: 12px;
  }

  .password-modal[b-3g827z0woe] {
    width: 100%;
    max-height: calc(100vh - 24px);
    border-radius: 14px;
  }

  .password-modal__body[b-3g827z0woe] {
    gap: 16px;
    padding: 22px 20px;
  }
}

@media (max-width: 480px) {
  .password-modal__overlay[b-3g827z0woe] {
    align-items: flex-start;
    padding: 10px;
    overflow-y: auto;
  }

  .password-modal[b-3g827z0woe] {
    margin: 10px 0;
    max-height: none;
  }

  .password-modal__body[b-3g827z0woe] {
    padding: 20px 16px;
  }
}
/* /Components/Modals/DashboardSchool/ConfirmModal.razor.rz.scp.css */
.confirm-school-modal[b-altkm8a6bm] {
  width: min(420px, calc(100vw - 32px));
  overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  font-family: var(--font-medium);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), 0 8px 20px rgba(0, 0, 0, 0.10);
  animation: confirm-school-modal-show-b-altkm8a6bm 0.18s ease-out;
}

.confirm-school-modal__header[b-altkm8a6bm] {
  min-height: 60px;
  display: flex;
  align-items: center;
  padding: 16px 22px;
  color: #ffffff;
  background: var(--primary-color);
  font-family: var(--font-bold);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
}

.confirm-school-modal__body[b-altkm8a6bm] {
  padding: 26px 24px;
}

.confirm-school-modal__body p[b-altkm8a6bm] {
  margin: 0;
  color: var(--primary-font-color);
  font-family: var(--font-medium);
  font-size: 14px;
  line-height: 1.6;
}

@keyframes confirm-school-modal-show-b-altkm8a6bm {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 480px) {
  .confirm-school-modal[b-altkm8a6bm] {
    width: min(100%, calc(100vw - 20px));
    border-radius: 14px;
  }

  .confirm-school-modal__header[b-altkm8a6bm] {
    min-height: 56px;
    padding: 14px 16px;
    font-size: 16px;
  }

  .confirm-school-modal__body[b-altkm8a6bm] {
    padding: 22px 18px;
  }
}
/* /Components/Modals/DashboardSchool/EditProfileModal.razor.rz.scp.css */
.edit-school-modal[b-ju6k2l203l] {
  width: min(600px, calc(100vw - 32px));
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  font-family: var(--font-medium);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), 0 8px 20px rgba(0, 0, 0, 0.10);
  animation: edit-school-modal-show-b-ju6k2l203l 0.18s ease-out;
}

.edit-school-modal__body[b-ju6k2l203l] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow-y: auto;
  padding: 28px 30px;
}

.edit-school-modal__body[b-ju6k2l203l]::-webkit-scrollbar {
  width: 7px;
}

.edit-school-modal__body[b-ju6k2l203l]::-webkit-scrollbar-track {
  background: transparent;
}

.edit-school-modal__body[b-ju6k2l203l]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #d1d5db;
}

.edit-school-modal__logo-section[b-ju6k2l203l] {
  padding-bottom: 18px;
  border-bottom: 1px solid #e5e7eb;
}

.edit-school-modal__logo-label[b-ju6k2l203l] {
  display: block;
  margin-bottom: 10px;
  color: var(--primary-font-color);
  font-family: var(--font-semibold);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.edit-school-modal__logo-content[b-ju6k2l203l] {
  display: flex;
  align-items: center;
  gap: 16px;
}

.edit-school-modal__preview[b-ju6k2l203l] {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
  color: #9ca3af;
  background: #f3f4f6;
  font-family: var(--font-semibold);
  font-size: 10px;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.edit-school-modal__preview img[b-ju6k2l203l] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.edit-school-modal__file-selector[b-ju6k2l203l] {
  position: relative;
  min-height: 52px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  overflow: hidden;
  border: 2px dashed #d1d5db;
  border-radius: 10px;
  color: #4b5563;
  background: #ffffff;
  font-family: var(--font-medium);
  font-size: 14px;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease;
}

.edit-school-modal__file-selector:hover[b-ju6k2l203l] {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background: rgba(255, 133, 0, 0.04);
}

.edit-school-modal__file-selector--disabled[b-ju6k2l203l] {
  opacity: 0.6;
  cursor: not-allowed;
}

.edit-school-modal__file-selector--disabled:hover[b-ju6k2l203l] {
  border-color: #d1d5db;
  color: #4b5563;
  background: #ffffff;
}

.edit-school-modal__file-selector svg[b-ju6k2l203l] {
  position: relative;
  z-index: 2;
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  pointer-events: none;
}

.edit-school-modal__file-selector-text[b-ju6k2l203l] {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.edit-school-modal__input-file-wrapper[b-ju6k2l203l] {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
}

.edit-school-modal__input-file-wrapper[b-ju6k2l203l]  input[type="file"],
.edit-school-modal__input-file-wrapper[b-ju6k2l203l]  .edit-school-modal__hidden-file {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  font-size: 0;
  cursor: pointer;
}

.edit-school-modal__file-selector--disabled .edit-school-modal__input-file-wrapper[b-ju6k2l203l] {
  pointer-events: none;
}

.edit-school-modal__file-name[b-ju6k2l203l] {
  margin: 9px 0 0 88px;
  color: #6b7280;
  font-family: var(--font-medium);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.edit-school-modal__logo-error[b-ju6k2l203l] {
  margin: 9px 0 0;
  color: #dc2626;
  font-family: var(--font-medium);
  font-size: 12px;
  line-height: 1.4;
}

.edit-school-modal__municipio label[b-ju6k2l203l] {
  display: block;
  margin-bottom: 7px;
  color: var(--primary-font-color);
  font-family: var(--font-semibold);
  font-size: 14px;
  line-height: 1.3;
}

.edit-school-modal__municipio select[b-ju6k2l203l] {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #d1d5db;
  border-radius: 9px;
  color: var(--primary-font-color);
  background: #ffffff;
  font-family: var(--font-medium);
  font-size: 14px;
  outline: none;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.edit-school-modal__municipio select:hover:not(:disabled)[b-ju6k2l203l] {
  border-color: #b8bec8;
}

.edit-school-modal__municipio select:focus[b-ju6k2l203l] {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(255, 133, 0, 0.13);
}

.edit-school-modal__municipio select:disabled[b-ju6k2l203l] {
  color: #6b7280;
  background: #f3f4f6;
  cursor: not-allowed;
}

.edit-school-modal__message[b-ju6k2l203l] {
  margin: 0;
  padding: 12px 14px;
  border-radius: 9px;
  font-family: var(--font-medium);
  font-size: 14px;
  line-height: 1.4;
}

.edit-school-modal__message--error[b-ju6k2l203l] {
  border: 1px solid #fecaca;
  color: #dc2626;
  background: #fef2f2;
}

.edit-school-modal__message--success[b-ju6k2l203l] {
  border: 1px solid #bbf7d0;
  color: #15803d;
  background: #f0fdf4;
}

@keyframes edit-school-modal-show-b-ju6k2l203l {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 768px) {
  .edit-school-modal[b-ju6k2l203l] {
    width: min(560px, calc(100vw - 24px));
    max-height: calc(100vh - 24px);
    border-radius: 14px;
  }

  .edit-school-modal__body[b-ju6k2l203l] {
    gap: 16px;
    padding: 22px 20px;
  }
}

@media (max-width: 520px) {
  .edit-school-modal[b-ju6k2l203l] {
    width: 100%;
    max-height: calc(100vh - 20px);
  }

  .edit-school-modal__logo-content[b-ju6k2l203l] {
    align-items: stretch;
    flex-direction: column;
  }

  .edit-school-modal__preview[b-ju6k2l203l] {
    align-self: center;
  }

  .edit-school-modal__file-name[b-ju6k2l203l] {
    margin-left: 0;
    text-align: center;
  }
}
/* /Components/Modals/DashboardSchool/PasswordModal.razor.rz.scp.css */
.password-school-modal[b-tlp2g17s11] {
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  font-family: var(--font-medium);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), 0 8px 20px rgba(0, 0, 0, 0.10);
  animation: password-school-modal-show-b-tlp2g17s11 0.18s ease-out;
}

.password-school-modal__body[b-tlp2g17s11] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow-y: auto;
  padding: 28px 30px;
}

.password-school-modal__body[b-tlp2g17s11]::-webkit-scrollbar {
  width: 7px;
}

.password-school-modal__body[b-tlp2g17s11]::-webkit-scrollbar-track {
  background: transparent;
}

.password-school-modal__body[b-tlp2g17s11]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #d1d5db;
}

.password-school-modal__message[b-tlp2g17s11] {
  margin: 0;
  padding: 12px 14px;
  border-radius: 9px;
  font-family: var(--font-medium);
  font-size: 14px;
  line-height: 1.4;
}

.password-school-modal__message--error[b-tlp2g17s11] {
  border: 1px solid #fecaca;
  color: #dc2626;
  background: #fef2f2;
}

.password-school-modal__message--success[b-tlp2g17s11] {
  border: 1px solid #bbf7d0;
  color: #15803d;
  background: #f0fdf4;
}

.password-school-modal__username-trap[b-tlp2g17s11] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

@keyframes password-school-modal-show-b-tlp2g17s11 {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 768px) {
  .password-school-modal[b-tlp2g17s11] {
    width: min(500px, calc(100vw - 24px));
    max-height: calc(100vh - 24px);
    border-radius: 14px;
  }

  .password-school-modal__body[b-tlp2g17s11] {
    gap: 16px;
    padding: 22px 20px;
  }
}

@media (max-width: 480px) {
  .password-school-modal[b-tlp2g17s11] {
    width: 100%;
    max-height: calc(100vh - 20px);
  }

  .password-school-modal__body[b-tlp2g17s11] {
    padding: 20px 16px;
  }
}
/* /Components/Modals/DictamenDocentes/ModalFirma.razor.rz.scp.css */
.modal-firma[b-wqbfv3lwvg] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.modal-firma__description[b-wqbfv3lwvg] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--font-medium);
    font-size: 13px;
    line-height: 1.6;
}

.modal-firma__field[b-wqbfv3lwvg] {
    width: 100%;
}

.modal-firma__label[b-wqbfv3lwvg] {
    display: block;

    margin-bottom: 5px;

    color: var(--primary-font-color);

    font-family: var(--font-semibold);
    font-size: 11px;
}

.modal-firma__file-row[b-wqbfv3lwvg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    gap: 16px;
}

.modal-firma__file-display[b-wqbfv3lwvg] {
    min-width: 0;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    padding: 0 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    background-color: #ffffff;
}

.modal-firma__file-name[b-wqbfv3lwvg] {
    min-width: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: var(--primary-font-color);

    font-family: var(--font-medium);
    font-size: 12px;
}

.modal-firma__extension[b-wqbfv3lwvg] {
    flex-shrink: 0;

    padding: 1px 4px;

    border-radius: 3px;

    color: #ffffff;
    background-color: #6b7280;

    font-family: var(--font-bold);
    font-size: 8px;
}

.modal-firma__upload[b-wqbfv3lwvg] {
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 6px;

    color: #ffffff;
    background-color: var(--primary-color);

    font-family: var(--font-bold);
    font-size: 12px;

    cursor: pointer;
}

.modal-firma__upload:hover[b-wqbfv3lwvg] {
    opacity: 0.9;
}

.modal-firma__upload--disabled[b-wqbfv3lwvg] {
    opacity: 0.6;
    cursor: not-allowed;
}

.modal-firma__native-input[b-wqbfv3lwvg] {
    display: none;
}

.modal-firma__password[b-wqbfv3lwvg] {
    width: 100%;
    height: 40px;

    padding: 0 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background-color: #ffffff;

    font-family: var(--font-medium);
    font-size: 14px;

    outline: none;
}

.modal-firma__password:focus[b-wqbfv3lwvg] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 3px rgba(255, 133, 0, 0.13);
}

.modal-firma__error[b-wqbfv3lwvg] {
    padding: 10px 12px;

    border: 1px solid #fecaca;
    border-radius: 8px;

    color: #dc2626;
    background-color: #fef2f2;

    font-family: var(--font-medium);
    font-size: 13px;
}

.modal-firma__actions[b-wqbfv3lwvg] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.modal-firma__cancel[b-wqbfv3lwvg],
.modal-firma__confirm[b-wqbfv3lwvg] {
    min-height: 40px;
    padding: 0 24px;

    border-radius: 6px;

    font-family: var(--font-bold);
    font-size: 12px;

    cursor: pointer;
}

.modal-firma__cancel[b-wqbfv3lwvg] {
    border: 1px solid #d1d5db;

    color: var(--primary-font-color);
    background-color: #ffffff;
}

.modal-firma__confirm[b-wqbfv3lwvg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    border: 1px solid var(--primary-color);

    color: #ffffff;
    background-color: var(--primary-color);
}

.modal-firma__cancel:disabled[b-wqbfv3lwvg],
.modal-firma__confirm:disabled[b-wqbfv3lwvg] {
    opacity: 0.6;
    cursor: not-allowed;
}

.modal-firma__spinner[b-wqbfv3lwvg] {
    width: 15px;
    height: 15px;

    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;

    animation: modal-firma-spin-b-wqbfv3lwvg 0.8s linear infinite;
}

@keyframes modal-firma-spin-b-wqbfv3lwvg {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 520px) {
    .modal-firma__file-row[b-wqbfv3lwvg] {
        grid-template-columns: 1fr;
    }

    .modal-firma__actions[b-wqbfv3lwvg] {
        flex-direction: column-reverse;
    }

    .modal-firma__cancel[b-wqbfv3lwvg],
    .modal-firma__confirm[b-wqbfv3lwvg] {
        width: 100%;
    }
}
/* /Components/Modals/ModalBase.razor.rz.scp.css */
.modal-base__overlay[b-i7ldaxjbh0] {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.58);
  box-sizing: border-box;
}

.modal-base[b-i7ldaxjbh0] {
  width: min(500px, calc(100% - 28px));
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  color: var(--primary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.26);
  animation: modal-base-aparecer-b-i7ldaxjbh0 0.18s ease-out;
}

.modal-base__header[b-i7ldaxjbh0] {
  width: 100%;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 24px;
  box-sizing: border-box;
  background-color: var(--primary-color);
}

.modal-base__header h2[b-i7ldaxjbh0] {
  margin: 0;
  color: #ffffff;
  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.modal-base__close[b-i7ldaxjbh0] {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #ffffff;
  background-color: transparent;
  font-family: var(--secondary-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.15s ease;
}

.modal-base__close:hover:not(:disabled)[b-i7ldaxjbh0] {
  background-color: rgba(255, 255, 255, 0.16);
}

.modal-base__close:active:not(:disabled)[b-i7ldaxjbh0] {
  transform: scale(0.94);
}

.modal-base__close:focus-visible[b-i7ldaxjbh0] {
  outline: 2px solid rgba(255, 255, 255, 0.95);
  outline-offset: 2px;
}

.modal-base__close:disabled[b-i7ldaxjbh0] {
  opacity: 0.55;
  cursor: not-allowed;
}

.modal-base__body[b-i7ldaxjbh0] {
  width: 100%;
  padding: 26px 24px 28px;
  box-sizing: border-box;
  color: var(--primary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
}

.modal-base__body p[b-i7ldaxjbh0] {
  margin: 0;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  text-align: left;
  overflow-wrap: anywhere;
}

.modal-base__footer[b-i7ldaxjbh0] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  box-sizing: border-box;
  border-top: 1px solid #e5e7eb;
  background-color: #fafafa;
}

.modal-base__button[b-i7ldaxjbh0] {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  border-radius: 7px;
  font-family: var(--secondary-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.1s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.modal-base__button:active:not(:disabled)[b-i7ldaxjbh0] {
  transform: scale(0.98);
}

.modal-base__button:disabled[b-i7ldaxjbh0] {
  opacity: 0.55;
  cursor: not-allowed;
}

.modal-base__button--cancel[b-i7ldaxjbh0] {
  min-width: 110px;
  border: 1px solid #d1d5db;
  color: var(--primary-font-color);
  background-color: #ffffff;
}

.modal-base__button--cancel:hover:not(:disabled)[b-i7ldaxjbh0] {
  border-color: #9ca3af;
  background-color: #f9fafb;
}

.modal-base__button--confirm[b-i7ldaxjbh0] {
  min-width: 125px;
  border: 1px solid transparent;
  color: #ffffff;
  background-color: var(--primary-color);
}

.modal-base__button--confirm:hover:not(:disabled)[b-i7ldaxjbh0] {
  opacity: 0.9;
}

.modal-base__spinner[b-i7ldaxjbh0] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: modal-base-spinner-b-i7ldaxjbh0 0.7s linear infinite;
}

@keyframes modal-base-aparecer-b-i7ldaxjbh0 {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes modal-base-spinner-b-i7ldaxjbh0 {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 560px) {
  .modal-base__overlay[b-i7ldaxjbh0] {
    padding: 14px;
  }

  .modal-base[b-i7ldaxjbh0] {
    width: 100%;
    border-radius: 14px;
  }

  .modal-base__header[b-i7ldaxjbh0] {
    min-height: 58px;
    padding: 0 18px;
  }

  .modal-base__header h2[b-i7ldaxjbh0] {
    font-size: 17px;
  }

  .modal-base__body[b-i7ldaxjbh0] {
    padding: 22px 18px 24px;
  }

  .modal-base__body p[b-i7ldaxjbh0] {
    font-size: 14px;
    line-height: 1.5;
  }

  .modal-base__footer[b-i7ldaxjbh0] {
    padding: 14px 18px;
  }

  .modal-base__button[b-i7ldaxjbh0] {
    min-height: 42px;
    padding: 0 18px;
    font-size: 13px;
  }
}
/* /Components/Modals/Register/ConfirmModal.razor.rz.scp.css */
.register-confirm-modal__overlay[b-3znq9odddj] {
    position: fixed;
    inset: 0;
    z-index: 10000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 16px;

    background: rgba(0, 0, 0, .60);
}

.register-confirm-modal[b-3znq9odddj] {
    position: relative;

    width: min(448px, 100%);
    padding: 24px;

    border-radius: 16px;

    background: var(--background-color, #ffffff);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .28);

    animation: register-confirm-modal-in-b-3znq9odddj .18s ease-out;
}

.register-confirm-modal__close[b-3znq9odddj] {
    position: absolute;
    top: 12px;
    right: 12px;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    border: 0;
    border-radius: 50%;

    color: #6b7280;
    background: transparent;

    font-size: 22px;
    line-height: 1;

    cursor: pointer;
}

.register-confirm-modal__close:hover:not(:disabled)[b-3znq9odddj] {
    color: #1f2937;
    background: #f3f4f6;
}

.register-confirm-modal__close:disabled[b-3znq9odddj] {
    opacity: .5;
    cursor: not-allowed;
}

.register-confirm-modal__icon[b-3znq9odddj] {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 16px;

    border-radius: 50%;

    color: var(--primary-color);
    background: color-mix(
        in srgb,
        var(--primary-color) 13%,
        transparent
    );
}

.register-confirm-modal__icon svg[b-3znq9odddj] {
    width: 28px;
    height: 28px;
}

.register-confirm-modal__title[b-3znq9odddj] {
    margin: 0 0 8px;

    color: var(--primary-font-color);
    font-family: var(--font-bold);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.register-confirm-modal__message[b-3znq9odddj] {
    margin: 0 0 24px;

    color: var(--secondary-font-color);
    font-family: var(--font-medium);
    font-size: 14px;
    line-height: 1.55;
    text-align: center;
}

.register-confirm-modal__actions[b-3znq9odddj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.register-confirm-modal__cancel[b-3znq9odddj] {
    width: 100%;
    min-height: 42px;

    padding: 8px 16px;

    border: 1px solid #d1d5db;
    border-radius: 12px;

    color: #6b7280;
    background: #ffffff;

    font-family: var(--font-medium);
    font-size: 14px;

    cursor: pointer;
}

.register-confirm-modal__cancel:hover:not(:disabled)[b-3znq9odddj] {
    background: #f9fafb;
}

.register-confirm-modal__cancel:disabled[b-3znq9odddj] {
    opacity: .6;
    cursor: not-allowed;
}

@keyframes register-confirm-modal-in-b-3znq9odddj {
    from {
        opacity: 0;
        transform: scale(.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 480px) {
    .register-confirm-modal__actions[b-3znq9odddj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Modals/RevisionesDirectivos/ModalExito.razor.rz.scp.css */
.modal-exito[b-6t887f5g6z] {
  width: 100%;
}

.modal-exito__icon[b-6t887f5g6z] {
  width: 64px;
  height: 64px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0 auto 20px;

  border-radius: 50%;

  color: #ffffff;
  background-color: var(--primary-color);
}

.modal-exito__icon svg[b-6t887f5g6z] {
  width: 30px;
  height: 30px;
}

.modal-exito__title[b-6t887f5g6z] {
  margin: 0 0 10px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;

  text-align: center;
}

.modal-exito__message[b-6t887f5g6z] {
  margin: 0;

  color: var(--secondary-font-color);

  font-family: var(--secondary-font-family);
  font-size: 14px;
  line-height: 1.6;

  text-align: center;
}

@media (max-width: 600px) {
  .modal-exito__icon[b-6t887f5g6z] {
    width: 56px;
    height: 56px;

    margin-bottom: 16px;
  }

  .modal-exito__icon svg[b-6t887f5g6z] {
    width: 26px;
    height: 26px;
  }

  .modal-exito__title[b-6t887f5g6z] {
    font-size: 18px;
  }

  .modal-exito__message[b-6t887f5g6z] {
    font-size: 13px;
  }
}
/* /Components/Modals/RevisionesDirectivos/ModalSubirDictamen.razor.rz.scp.css */
.modal-subir-dictamen__overlay[b-ymgma03yj1] {
  position: fixed;
  inset: 0;

  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 16px;

  background-color: rgba(0, 0, 0, 0.6);
}

.modal-subir-dictamen[b-ymgma03yj1] {
  width: min(480px, 100%);

  overflow: hidden;

  border-radius: 16px;

  background-color: #ffffff;

  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.18),
    0 8px 10px -6px rgba(0, 0, 0, 0.12);
}

.modal-subir-dictamen__header[b-ymgma03yj1] {
  padding: 24px 24px 0;
}

.modal-subir-dictamen__title[b-ymgma03yj1] {
  margin: 0;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 700;
}

.modal-subir-dictamen__body[b-ymgma03yj1] {
  padding: 20px 24px 8px;
}

.modal-subir-dictamen__input[b-ymgma03yj1] {
  width: 100%;

  padding: 12px;

  border: 1px solid #d1d5db;
  border-radius: 6px;

  font-family: var(--secondary-font-family);
  font-size: 13px;
}

.modal-subir-dictamen__filename[b-ymgma03yj1] {
  margin: 12px 0 0;

  color: var(--primary-font-color);

  font-family: var(--secondary-font-family);
  font-size: 13px;
}

.modal-subir-dictamen__footer[b-ymgma03yj1] {
  display: flex;
  justify-content: flex-end;

  gap: 12px;

  padding: 20px 24px 24px;
}

.modal-subir-dictamen__button[b-ymgma03yj1] {
  min-height: 40px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 0 20px;

  border-radius: 6px;

  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;

  cursor: pointer;
}

.modal-subir-dictamen__button--cancel[b-ymgma03yj1] {
  border: 1px solid #d1d5db;

  color: var(--primary-font-color);
  background-color: #ffffff;
}

.modal-subir-dictamen__button--primary[b-ymgma03yj1] {
  border: 1px solid var(--primary-color);

  color: #ffffff;
  background-color: var(--primary-color);
}

.modal-subir-dictamen__button:disabled[b-ymgma03yj1] {
  opacity: 0.6;

  cursor: not-allowed;
}

.modal-subir-dictamen__spinner[b-ymgma03yj1] {
  width: 15px;
  height: 15px;

  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #ffffff;
  border-radius: 50%;

  animation: modal-subir-dictamen-spinner-b-ymgma03yj1 0.7s linear infinite;
}

@keyframes modal-subir-dictamen-spinner-b-ymgma03yj1 {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 600px) {
  .modal-subir-dictamen__footer[b-ymgma03yj1] {
    flex-direction: column-reverse;
  }

  .modal-subir-dictamen__button[b-ymgma03yj1] {
    width: 100%;
  }
}
/* /Components/Modals/RevisionesDocentes/ModalSubirDictamen.razor.rz.scp.css */
.modal-subir-dictamen__overlay[b-4n6v1pd127] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.58);
    box-sizing: border-box;
}

.modal-subir-dictamen[b-4n6v1pd127] {
    width: min(500px, calc(100% - 28px));
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.26);
    animation: modal-subir-dictamen-aparecer-b-4n6v1pd127 0.18s ease-out;
}

.modal-subir-dictamen__header[b-4n6v1pd127] {
    width: 100%;
    min-height: 60px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    box-sizing: border-box;
    background-color: var(--primary-color);
}

.modal-subir-dictamen__header h2[b-4n6v1pd127] {
    margin: 0;
    color: #ffffff;
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
}

.modal-subir-dictamen__body[b-4n6v1pd127] {
    width: 100%;
    padding: 24px 24px 28px;
    box-sizing: border-box;
    color: var(--primary-font-color);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
}

.modal-subir-dictamen__label[b-4n6v1pd127] {
    display: block;
    margin: 0 0 14px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.modal-subir-dictamen__file-row[b-4n6v1pd127] {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
}

.modal-subir-dictamen__input[b-4n6v1pd127] {
    width: 100%;
    max-width: 100%;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
    cursor: pointer;
    box-sizing: border-box;
}

.modal-subir-dictamen__input[b-4n6v1pd127]::file-selector-button {
    min-height: 32px;
    margin-right: 12px;
    padding: 0 10px;
    border: 1px solid #9ca3af;
    border-radius: 2px;
    color: var(--primary-font-color);
    background-color: #f3f4f6;
    font-family: var(--primary-font-family);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.modal-subir-dictamen__input[b-4n6v1pd127]::file-selector-button:hover {
    border-color: #6b7280;
    background-color: #e5e7eb;
}

.modal-subir-dictamen__error[b-4n6v1pd127] {
    margin: 14px 0 0;
    padding: 9px 11px;
    border: 1px solid #fecaca;
    border-radius: 6px;
    color: #b91c1c;
    background-color: #fef2f2;
    font-family: var(--secondary-font-family);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}

.modal-subir-dictamen__footer[b-4n6v1pd127] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    box-sizing: border-box;
    border-top: 1px solid #e5e7eb;
    background-color: #fafafa;
}

.modal-subir-dictamen__button[b-4n6v1pd127] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
    border-radius: 7px;
    font-family: var(--primary-font-family);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.1s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.modal-subir-dictamen__button:active:not(:disabled)[b-4n6v1pd127] {
    transform: scale(0.98);
}

.modal-subir-dictamen__button:disabled[b-4n6v1pd127] {
    opacity: 0.55;
    cursor: not-allowed;
}

.modal-subir-dictamen__button--cancel[b-4n6v1pd127] {
    min-width: 100px;
    border: 1px solid #d1d5db;
    color: var(--primary-font-color);
    background-color: #ffffff;
}

.modal-subir-dictamen__button--cancel:hover:not(:disabled)[b-4n6v1pd127] {
    border-color: #9ca3af;
    background-color: #f9fafb;
}

.modal-subir-dictamen__button--primary[b-4n6v1pd127] {
    min-width: 125px;
    border: 1px solid transparent;
    color: #ffffff;
    background-color: var(--primary-color);
}

.modal-subir-dictamen__button--primary:hover:not(:disabled)[b-4n6v1pd127] {
    opacity: 0.9;
}

.modal-subir-dictamen__spinner[b-4n6v1pd127] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: modal-subir-dictamen-spinner-b-4n6v1pd127 0.7s linear infinite;
}

@keyframes modal-subir-dictamen-aparecer-b-4n6v1pd127 {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes modal-subir-dictamen-spinner-b-4n6v1pd127 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 560px) {
    .modal-subir-dictamen__overlay[b-4n6v1pd127] {
        padding: 14px;
    }

    .modal-subir-dictamen[b-4n6v1pd127] {
        width: 100%;
        border-radius: 14px;
    }

    .modal-subir-dictamen__header[b-4n6v1pd127] {
        min-height: 58px;
        padding: 0 18px;
    }

    .modal-subir-dictamen__header h2[b-4n6v1pd127] {
        font-size: 15px;
    }

    .modal-subir-dictamen__body[b-4n6v1pd127] {
        padding: 20px 18px 22px;
    }

    .modal-subir-dictamen__footer[b-4n6v1pd127] {
        padding: 14px 18px;
    }
}
/* /Components/Modals/RevisionesExternasFactibilidad/ModalDesfavorable.razor.rz.scp.css */
.modal-desfavorable__overlay[b-x2w8paiqjn] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-desfavorable[b-x2w8paiqjn] {
  width: min(480px, 100%);
  overflow: hidden;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.18), 0 8px 10px -6px rgba(0, 0, 0, 0.12);
}

.modal-desfavorable__header[b-x2w8paiqjn] {
  padding: 24px 24px 0;
}

.modal-desfavorable__title[b-x2w8paiqjn] {
  margin: 0;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.modal-desfavorable__body[b-x2w8paiqjn] {
  padding: 20px 24px 8px;
}

.modal-desfavorable__input[b-x2w8paiqjn] {
  width: 100%;
  padding: 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  color: var(--primary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  font-size: 13px;
  cursor: pointer;
}

.modal-desfavorable__input:disabled[b-x2w8paiqjn] {
  opacity: 0.6;
  cursor: not-allowed;
}

.modal-desfavorable__filename[b-x2w8paiqjn] {
  margin: 12px 0 0;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: 13px;
  line-height: 1.5;
}

.modal-desfavorable__filename strong[b-x2w8paiqjn] {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: bottom;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-desfavorable__error[b-x2w8paiqjn] {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid #fecaca;
  border-radius: 6px;
  color: #dc2626;
  background-color: #fef2f2;
  font-family: var(--secondary-font-family);
  font-size: 13px;
  line-height: 1.4;
}

.modal-desfavorable__footer[b-x2w8paiqjn] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 24px 24px;
}

.modal-desfavorable__button[b-x2w8paiqjn] {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  border-radius: 6px;
  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.modal-desfavorable__button--cancel[b-x2w8paiqjn] {
  border: 1px solid #d1d5db;
  color: var(--primary-font-color);
  background-color: #ffffff;
}

.modal-desfavorable__button--cancel:hover:not(:disabled)[b-x2w8paiqjn] {
  background-color: #f9fafb;
}

.modal-desfavorable__button--primary[b-x2w8paiqjn] {
  border: 1px solid var(--primary-color);
  color: #ffffff;
  background-color: var(--primary-color);
}

.modal-desfavorable__button--primary:hover:not(:disabled)[b-x2w8paiqjn] {
  opacity: 0.9;
}

.modal-desfavorable__button:disabled[b-x2w8paiqjn] {
  opacity: 0.6;
  cursor: not-allowed;
}

.modal-desfavorable__spinner[b-x2w8paiqjn] {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: modal-desfavorable-spin-b-x2w8paiqjn 0.7s linear infinite;
}

@keyframes modal-desfavorable-spin-b-x2w8paiqjn {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 600px) {
  .modal-desfavorable__footer[b-x2w8paiqjn] {
    flex-direction: column-reverse;
  }

  .modal-desfavorable__button[b-x2w8paiqjn] {
    width: 100%;
  }
}
/* /Components/Modals/RevisionesExternasFactibilidad/ModalDictamenDesfavorable.razor.rz.scp.css */
.dictamen-desfavorable__overlay[b-s5xxcp3rzo] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    background: rgba(0, 0, 0, .60);
}

.dictamen-desfavorable__modal[b-s5xxcp3rzo] {
    width: min(1050px, 100%);
    max-height: calc(100vh - 48px);
    overflow: hidden;
    border-radius: 14px;
    background: #f9fafb;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .30);
}

.dictamen-desfavorable__header[b-s5xxcp3rzo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 28px;
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
}

.dictamen-desfavorable__header h2[b-s5xxcp3rzo] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--font-bold);
    font-size: 20px;
}

.dictamen-desfavorable__header button[b-s5xxcp3rzo] {
    width: 36px;
    height: 36px;
    border: 1px solid #d1d5db;
    border-radius: 50%;
    color: #6b7280;
    background: #ffffff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.dictamen-desfavorable__content[b-s5xxcp3rzo] {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 28px 32px;
}

.dictamen-desfavorable__document[b-s5xxcp3rzo] {
    padding: 36px clamp(20px, 5vw, 56px);
    border: 1px solid #d1d5db;
    background: #ffffff;
}

.dictamen-desfavorable__document-title[b-s5xxcp3rzo] {
    margin-bottom: 32px;
    text-align: center;
}

.dictamen-desfavorable__document-title h3[b-s5xxcp3rzo],
.dictamen-desfavorable__document-title h4[b-s5xxcp3rzo] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--font-bold);
}

.dictamen-desfavorable__document-title h3[b-s5xxcp3rzo] {
    font-size: 15px;
    line-height: 1.4;
}

.dictamen-desfavorable__document-title h4[b-s5xxcp3rzo] {
    margin-top: 28px;
    font-size: 16px;
}

.dictamen-desfavorable__text[b-s5xxcp3rzo] {
    color: var(--primary-font-color);
    font-family: var(--font-medium);
    font-size: 15px;
    line-height: 1.85;
    text-align: justify;
}

.dictamen-desfavorable__text p[b-s5xxcp3rzo] {
    margin: 0 0 20px;
}

.dictamen-desfavorable__date[b-s5xxcp3rzo] {
    margin: 32px 0 0;
    text-align: center;
    font-size: 15px;
}

.dictamen-desfavorable__signature[b-s5xxcp3rzo] {
    width: min(350px, 100%);
    margin: 64px auto 0;
    text-align: center;
}

.dictamen-desfavorable__signature > div[b-s5xxcp3rzo] {
    padding-top: 8px;
    border-top: 1px solid #000000;
}

.dictamen-desfavorable__signature p[b-s5xxcp3rzo] {
    margin: 0;
    font-family: var(--font-bold);
    font-size: 14px;
}

.dictamen-desfavorable__notes[b-s5xxcp3rzo] {
    margin-top: 32px;
    padding-top: 24px;
}

.dictamen-desfavorable__notes label[b-s5xxcp3rzo] {
    display: block;
    font-family: var(--font-bold);
    font-size: 14px;
}

.dictamen-desfavorable__notes textarea[b-s5xxcp3rzo] {
    width: 100%;
    min-height: 250px;
    margin-top: 16px;
    padding: 12px 16px;
    border: 1px solid #9ca3af;
    border-radius: 6px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--font-medium);
    font-size: 14px;
    line-height: 1.6;
    resize: vertical;
    outline: none;
}

.dictamen-desfavorable__notes textarea:focus[b-s5xxcp3rzo] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(255, 133, 0, .12);
}

.dictamen-desfavorable__counter[b-s5xxcp3rzo] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    color: #6b7280;
    font-family: var(--font-medium);
    font-size: 12px;
}

.dictamen-desfavorable__actions[b-s5xxcp3rzo] {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 24px;
}

.dictamen-desfavorable__cancel[b-s5xxcp3rzo],
.dictamen-desfavorable__confirm[b-s5xxcp3rzo] {
    min-width: 120px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 6px;
    font-family: var(--font-bold);
    font-size: 14px;
    cursor: pointer;
}

.dictamen-desfavorable__cancel[b-s5xxcp3rzo] {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background: #ffffff;
}

.dictamen-desfavorable__confirm[b-s5xxcp3rzo] {
    min-width: 170px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--primary-color);
    color: #ffffff;
    background: var(--primary-color);
}

.dictamen-desfavorable button:disabled[b-s5xxcp3rzo] {
    opacity: .5;
    cursor: not-allowed;
}

.dictamen-desfavorable__spinner[b-s5xxcp3rzo] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, .45);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: dictamen-desfavorable-spin-b-s5xxcp3rzo .8s linear infinite;
}

@keyframes dictamen-desfavorable-spin-b-s5xxcp3rzo {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 640px) {
    .dictamen-desfavorable__content[b-s5xxcp3rzo] {
        padding: 20px 14px;
    }

    .dictamen-desfavorable__counter[b-s5xxcp3rzo],
    .dictamen-desfavorable__actions[b-s5xxcp3rzo] {
        flex-direction: column;
    }

    .dictamen-desfavorable__actions button[b-s5xxcp3rzo] {
        width: 100%;
    }
}
/* /Components/Modals/RevisionesExternasFactibilidad/ModalDictamenFavorable.razor.rz.scp.css */
.dictamen-favorable__overlay[b-o8yw7uslz4] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    background: rgba(0, 0, 0, .60);
}

.dictamen-favorable__modal[b-o8yw7uslz4] {
    width: min(1050px, 100%);
    max-height: calc(100vh - 48px);
    overflow: hidden;
    border-radius: 14px;
    background: #f9fafb;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .30);
}

.dictamen-favorable__header[b-o8yw7uslz4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 28px;
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
}

.dictamen-favorable__header h2[b-o8yw7uslz4] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--font-bold);
    font-size: 20px;
}

.dictamen-favorable__header button[b-o8yw7uslz4] {
    width: 36px;
    height: 36px;
    border: 1px solid #d1d5db;
    border-radius: 50%;
    color: #6b7280;
    background: #ffffff;
    font-size: 24px;
    cursor: pointer;
}

.dictamen-favorable__content[b-o8yw7uslz4] {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 28px 32px;
}

.dictamen-favorable__document[b-o8yw7uslz4] {
    padding: 36px clamp(20px, 5vw, 56px);
    border: 1px solid #d1d5db;
    background: #ffffff;
}

.dictamen-favorable__document-title[b-o8yw7uslz4] {
    margin-bottom: 32px;
    text-align: center;
}

.dictamen-favorable__document-title h3[b-o8yw7uslz4],
.dictamen-favorable__document-title h4[b-o8yw7uslz4] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--font-bold);
}

.dictamen-favorable__document-title h3[b-o8yw7uslz4] {
    font-size: 15px;
    line-height: 1.4;
}

.dictamen-favorable__document-title h4[b-o8yw7uslz4] {
    margin-top: 28px;
    font-size: 16px;
}

.dictamen-favorable__text[b-o8yw7uslz4] {
    color: var(--primary-font-color);
    font-family: var(--font-medium);
    font-size: 15px;
    line-height: 1.85;
    text-align: justify;
}

.dictamen-favorable__text p[b-o8yw7uslz4] {
    margin: 0 0 20px;
}

.dictamen-favorable__date[b-o8yw7uslz4] {
    margin: 48px 0 64px;
    font-family: var(--font-bold);
    font-size: 15px;
    text-align: center;
}

.dictamen-favorable__signatures[b-o8yw7uslz4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

.dictamen-favorable__signatures > div[b-o8yw7uslz4] {
    padding-top: 8px;
    border-top: 1px solid #000000;
    text-align: center;
}

.dictamen-favorable__signatures p[b-o8yw7uslz4] {
    margin: 0 0 4px;
    font-family: var(--font-bold);
    font-size: 14px;
}

.dictamen-favorable__actions[b-o8yw7uslz4] {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 24px;
}

.dictamen-favorable__cancel[b-o8yw7uslz4],
.dictamen-favorable__confirm[b-o8yw7uslz4] {
    min-width: 120px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 6px;
    font-family: var(--font-bold);
    font-size: 14px;
    cursor: pointer;
}

.dictamen-favorable__cancel[b-o8yw7uslz4] {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background: #ffffff;
}

.dictamen-favorable__confirm[b-o8yw7uslz4] {
    min-width: 170px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--primary-color);
    color: #ffffff;
    background: var(--primary-color);
}

.dictamen-favorable button:disabled[b-o8yw7uslz4] {
    opacity: .5;
    cursor: not-allowed;
}

.dictamen-favorable__spinner[b-o8yw7uslz4] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, .45);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: dictamen-favorable-spin-b-o8yw7uslz4 .8s linear infinite;
}

@keyframes dictamen-favorable-spin-b-o8yw7uslz4 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 700px) {
    .dictamen-favorable__content[b-o8yw7uslz4] {
        padding: 20px 14px;
    }

    .dictamen-favorable__signatures[b-o8yw7uslz4] {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .dictamen-favorable__actions[b-o8yw7uslz4] {
        flex-direction: column-reverse;
    }

    .dictamen-favorable__actions button[b-o8yw7uslz4] {
        width: 100%;
    }
}
/* /Components/Modals/RevisionesExternasFactibilidad/ModalFavorable.razor.rz.scp.css */
.modal-favorable__overlay[b-9ypzfkpdqk] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-favorable[b-9ypzfkpdqk] {
  width: min(480px, 100%);
  overflow: hidden;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.18), 0 8px 10px -6px rgba(0, 0, 0, 0.12);
}

.modal-favorable__header[b-9ypzfkpdqk] {
  padding: 24px 24px 0;
}

.modal-favorable__title[b-9ypzfkpdqk] {
  margin: 0;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.modal-favorable__body[b-9ypzfkpdqk] {
  padding: 20px 24px 8px;
}

.modal-favorable__input[b-9ypzfkpdqk] {
  width: 100%;
  padding: 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  color: var(--primary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  font-size: 13px;
  cursor: pointer;
}

.modal-favorable__input:disabled[b-9ypzfkpdqk] {
  opacity: 0.6;
  cursor: not-allowed;
}

.modal-favorable__filename[b-9ypzfkpdqk] {
  margin: 12px 0 0;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: 13px;
  line-height: 1.5;
}

.modal-favorable__filename strong[b-9ypzfkpdqk] {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: bottom;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-favorable__error[b-9ypzfkpdqk] {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid #fecaca;
  border-radius: 6px;
  color: #dc2626;
  background-color: #fef2f2;
  font-family: var(--secondary-font-family);
  font-size: 13px;
  line-height: 1.4;
}

.modal-favorable__footer[b-9ypzfkpdqk] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 24px 24px;
}

.modal-favorable__button[b-9ypzfkpdqk] {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  border-radius: 6px;
  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.modal-favorable__button--cancel[b-9ypzfkpdqk] {
  border: 1px solid #d1d5db;
  color: var(--primary-font-color);
  background-color: #ffffff;
}

.modal-favorable__button--cancel:hover:not(:disabled)[b-9ypzfkpdqk] {
  background-color: #f9fafb;
}

.modal-favorable__button--primary[b-9ypzfkpdqk] {
  border: 1px solid var(--primary-color);
  color: #ffffff;
  background-color: var(--primary-color);
}

.modal-favorable__button--primary:hover:not(:disabled)[b-9ypzfkpdqk] {
  opacity: 0.9;
}

.modal-favorable__button:disabled[b-9ypzfkpdqk] {
  opacity: 0.6;
  cursor: not-allowed;
}

.modal-favorable__spinner[b-9ypzfkpdqk] {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: modal-favorable-spin-b-9ypzfkpdqk 0.7s linear infinite;
}

@keyframes modal-favorable-spin-b-9ypzfkpdqk {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 600px) {
  .modal-favorable__footer[b-9ypzfkpdqk] {
    flex-direction: column-reverse;
  }

  .modal-favorable__button[b-9ypzfkpdqk] {
    width: 100%;
  }
}
/* /Components/Modals/RevisionesFactibilidad/ModalSeleccionEvaluador.razor.rz.scp.css */
.modal-evaluador__overlay[b-efnu81y56i] {
    position: fixed;
    inset: 0;
    z-index: 10000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px 16px;

    background: rgba(0, 0, 0, 0.60);
}

.modal-evaluador[b-efnu81y56i] {
    width: min(650px, 100%);
    max-height: calc(100vh - 48px);

    display: flex;
    flex-direction: column;

    overflow: hidden;

    border-radius: 16px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.30);
}

.modal-evaluador__header[b-efnu81y56i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    padding: 20px 24px;

    border-bottom: 1px solid #e5e7eb;
}

.modal-evaluador__header h2[b-efnu81y56i] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.modal-evaluador__header p[b-efnu81y56i] {
    margin: 5px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}

.modal-evaluador__close[b-efnu81y56i] {
    width: 36px;
    height: 36px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 50%;

    color: var(--secondary-font-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: 24px;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}

.modal-evaluador__close:hover:not(:disabled)[b-efnu81y56i] {
    color: var(--primary-font-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            transparent
        );
}

.modal-evaluador__close:active:not(:disabled)[b-efnu81y56i] {
    transform: scale(0.95);
}

.modal-evaluador__body[b-efnu81y56i] {
    max-height: 65vh;

    overflow-y: auto;

    padding: 20px 24px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.modal-evaluador__search-container[b-efnu81y56i] {
    margin-bottom: 20px;
}

.modal-evaluador__search-container label[b-efnu81y56i] {
    display: block;

    margin-bottom: 8px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 700;
    line-height: 1.3;
}

.modal-evaluador__search[b-efnu81y56i] {
    position: relative;
}

.modal-evaluador__search svg[b-efnu81y56i] {
    position: absolute;

    top: 50%;
    left: 16px;

    width: 18px;
    height: 18px;

    color: var(--secondary-font-color);

    transform: translateY(-50%);
}

.modal-evaluador__search input[b-efnu81y56i] {
    width: 100%;
    height: 44px;

    padding: 0 16px 0 44px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.modal-evaluador__search input[b-efnu81y56i]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.65;
}

.modal-evaluador__search input:hover:not(:disabled)[b-efnu81y56i] {
    border-color: #9ca3af;
}

.modal-evaluador__search input:focus:not(:disabled)[b-efnu81y56i] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.modal-evaluador__empty[b-efnu81y56i] {
    padding: 40px 20px;

    border: 1px solid #e5e7eb;
    border-radius: 8px;

    color: var(--secondary-font-color);

    text-align: center;
}

.modal-evaluador__empty svg[b-efnu81y56i] {
    width: 42px;
    height: 42px;

    margin-bottom: 12px;
}

.modal-evaluador__empty p[b-efnu81y56i] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}

.modal-evaluador__list[b-efnu81y56i] {
    display: flex;
    flex-direction: column;

    gap: 12px;
}

.modal-evaluador__item[b-efnu81y56i] {
    width: 100%;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 16px;

    padding: 16px;

    border: 1px solid #e5e7eb;
    border-radius: 8px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    text-align: left;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        transform 0.1s ease;
}

.modal-evaluador__item:hover:not(:disabled)[b-efnu81y56i] {
    border-color: var(--primary-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 3%,
            #ffffff
        );
}

.modal-evaluador__item:active:not(:disabled)[b-efnu81y56i] {
    transform: scale(0.995);
}

.modal-evaluador__item--selected[b-efnu81y56i] {
    border-color: var(--primary-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.modal-evaluador__information[b-efnu81y56i] {
    min-width: 0;

    display: flex;
    align-items: flex-start;

    gap: 12px;
}

.modal-evaluador__avatar[b-efnu81y56i] {
    width: 40px;
    height: 40px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--primary-color);

    background:
        color-mix(
            in srgb,
            var(--primary-color) 10%,
            transparent
        );
}

.modal-evaluador__avatar svg[b-efnu81y56i] {
    width: 20px;
    height: 20px;
}

.modal-evaluador__details[b-efnu81y56i] {
    min-width: 0;
}

.modal-evaluador__name[b-efnu81y56i] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.35;
}

.modal-evaluador__type[b-efnu81y56i] {
    margin: 4px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}

.modal-evaluador__contact[b-efnu81y56i] {
    display: flex;
    flex-wrap: wrap;

    gap: 4px 20px;

    margin-top: 8px;
}

.modal-evaluador__contact span[b-efnu81y56i] {
    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;

    overflow-wrap: anywhere;
}

.modal-evaluador__selection[b-efnu81y56i] {
    width: 20px;
    height: 20px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 4px;

    border: 1px solid #9ca3af;
    border-radius: 50%;

    color: #ffffff;
    background: #ffffff;

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1;
}

.modal-evaluador__selection--active[b-efnu81y56i] {
    border-color: var(--primary-color);

    background: var(--primary-color);
}

.modal-evaluador__footer[b-efnu81y56i] {
    display: flex;
    justify-content: flex-end;

    gap: 12px;

    padding: 16px 24px;

    border-top: 1px solid #e5e7eb;

    background: #ffffff;
}

.modal-evaluador__cancel[b-efnu81y56i],
.modal-evaluador__confirm[b-efnu81y56i] {
    min-height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 24px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}

.modal-evaluador__cancel[b-efnu81y56i] {
    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background: #ffffff;
}

.modal-evaluador__cancel:hover:not(:disabled)[b-efnu81y56i] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.modal-evaluador__confirm[b-efnu81y56i] {
    border: 1px solid var(--primary-color);

    color: #ffffff;
    background: var(--primary-color);
}

.modal-evaluador__confirm:hover:not(:disabled)[b-efnu81y56i] {
    opacity: 0.9;
}

.modal-evaluador__cancel:active:not(:disabled)[b-efnu81y56i],
.modal-evaluador__confirm:active:not(:disabled)[b-efnu81y56i] {
    transform: scale(0.98);
}

.modal-evaluador button:disabled[b-efnu81y56i],
.modal-evaluador input:disabled[b-efnu81y56i] {
    opacity: 0.5;

    cursor: not-allowed;
}

.modal-evaluador__spinner[b-efnu81y56i] {
    width: 16px;
    height: 16px;

    flex-shrink: 0;

    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;

    animation:
        modal-evaluador-spin-b-efnu81y56i
        0.8s
        linear
        infinite;
}

@keyframes modal-evaluador-spin-b-efnu81y56i {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 640px) {
    .modal-evaluador__header[b-efnu81y56i] {
        padding: 18px;
    }

    .modal-evaluador__body[b-efnu81y56i] {
        padding: 18px;
    }

    .modal-evaluador__footer[b-efnu81y56i] {
        flex-direction: column-reverse;

        padding: 16px 18px;
    }

    .modal-evaluador__footer button[b-efnu81y56i] {
        width: 100%;
    }

    .modal-evaluador__contact[b-efnu81y56i] {
        flex-direction: column;
    }
}
/* /Components/Modals/RevisionesFactibilidad/ModalSubirDevolucion.razor.rz.scp.css */
.modal-subir-devolucion__overlay[b-wiz4bkszj9] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-subir-devolucion[b-wiz4bkszj9] {
  width: min(480px, 100%);
  overflow: hidden;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.18), 0 8px 10px -6px rgba(0, 0, 0, 0.12);
}

.modal-subir-devolucion__header[b-wiz4bkszj9] {
  padding: 24px 24px 0;
}

.modal-subir-devolucion__title[b-wiz4bkszj9] {
  margin: 0;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.modal-subir-devolucion__body[b-wiz4bkszj9] {
  padding: 20px 24px 8px;
}

.modal-subir-devolucion__input[b-wiz4bkszj9] {
  width: 100%;
  padding: 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  color: var(--primary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  font-size: 13px;
  cursor: pointer;
}

.modal-subir-devolucion__input:disabled[b-wiz4bkszj9] {
  opacity: 0.6;
  cursor: not-allowed;
}

.modal-subir-devolucion__filename[b-wiz4bkszj9] {
  margin: 12px 0 0;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: 13px;
  line-height: 1.5;
}

.modal-subir-devolucion__filename strong[b-wiz4bkszj9] {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: bottom;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-subir-devolucion__error[b-wiz4bkszj9] {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid #fecaca;
  border-radius: 6px;
  color: #dc2626;
  background-color: #fef2f2;
  font-family: var(--secondary-font-family);
  font-size: 13px;
  line-height: 1.4;
}

.modal-subir-devolucion__footer[b-wiz4bkszj9] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding: 20px 24px 24px;
}

.modal-subir-devolucion__button[b-wiz4bkszj9] {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  border-radius: 6px;
  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.modal-subir-devolucion__button--cancel[b-wiz4bkszj9] {
  border: 1px solid #d1d5db;
  color: var(--primary-font-color);
  background-color: #ffffff;
}

.modal-subir-devolucion__button--cancel:hover:not(:disabled)[b-wiz4bkszj9] {
  background-color: #f9fafb;
}

.modal-subir-devolucion__button--primary[b-wiz4bkszj9] {
  border: 1px solid var(--primary-color);
  color: #ffffff;
  background-color: var(--primary-color);
}

.modal-subir-devolucion__button--primary:hover:not(:disabled)[b-wiz4bkszj9] {
  opacity: 0.9;
}

.modal-subir-devolucion__button:disabled[b-wiz4bkszj9] {
  opacity: 0.6;
  cursor: not-allowed;
}

.modal-subir-devolucion__spinner[b-wiz4bkszj9] {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: modal-subir-devolucion-spinner-b-wiz4bkszj9 0.7s linear infinite;
}

@keyframes modal-subir-devolucion-spinner-b-wiz4bkszj9 {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 600px) {
  .modal-subir-devolucion__footer[b-wiz4bkszj9] {
    flex-direction: column-reverse;
  }

  .modal-subir-devolucion__button[b-wiz4bkszj9] {
    width: 100%;
  }
}
/* /Components/Pages/admin/DashboardAdmin.razor.rz.scp.css */
.dashboard-admin-page[b-n5fwliogpi] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    background-color: var(--background-color, #f5f5f5);
    font-family: var(--secondary-font-family);
}

.dashboard-admin-page__main[b-n5fwliogpi] {
    flex: 1;
    width: 100%;
    padding: 54px 42px 70px;
}

.dashboard-admin-page__layout[b-n5fwliogpi] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(320px, 360px) minmax(0, 1fr);
    align-items: start;
    gap: 34px;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    overflow: visible;
}

.dashboard-admin-page__cards[b-n5fwliogpi] {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: repeat(3, minmax(250px, 1fr));
    align-items: stretch;
    gap: 18px;
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.dashboard-admin-page__empty[b-n5fwliogpi] {
    grid-column: 1 / -1;
    width: 100%;
    padding: 32px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background-color: #ffffff;
    color: var(--secondary-font-color, #6b7280);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.dashboard-admin-page__loading[b-n5fwliogpi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 90px);
    color: var(--secondary-font-color, #6b7280);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

@media (max-width: 1280px) {
    .dashboard-admin-page__main[b-n5fwliogpi] {
        padding: 44px 28px 56px;
    }

    .dashboard-admin-page__layout[b-n5fwliogpi] {
        grid-template-columns: minmax(300px, 330px) minmax(0, 1fr);
        gap: 24px;
    }

    .dashboard-admin-page__cards[b-n5fwliogpi] {
        grid-template-columns: repeat(2, minmax(250px, 1fr));
    }
}

@media (max-width: 900px) {
    .dashboard-admin-page__main[b-n5fwliogpi] {
        padding: 32px 20px 48px;
    }

    .dashboard-admin-page__layout[b-n5fwliogpi] {
        grid-template-columns: 1fr;
    }

    .dashboard-admin-page__cards[b-n5fwliogpi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .dashboard-admin-page__main[b-n5fwliogpi] {
        padding: 24px 16px 40px;
    }

    .dashboard-admin-page__cards[b-n5fwliogpi] {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
/* /Components/Pages/admin/revisiones/dictamen-directivo/DdirMSEditar.razor.rz.scp.css */
.editar-ddirs[b-8313lqqi0d] {
  width: 100%;
  min-height: 100vh;

  color: var(--primary-font-color);
  background-color: var(--background-color);

  font-family: var(--secondary-font-family);
}

.editar-ddirs__main[b-8313lqqi0d] {
  width: 100%;
  max-width: 1250px;

  margin: 0 auto;

  padding: 32px 16px 80px;
}

.editar-ddirs__card[b-8313lqqi0d] {
  width: 100%;

  overflow: hidden;

  border: 1px solid #e5e7eb;
  border-radius: 28px;

  background-color: #ffffff;

  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.editar-ddirs__stepper[b-8313lqqi0d] {
  width: 100%;

  padding: 32px 48px 0;

  overflow-x: auto;
}

.editar-ddirs__content[b-8313lqqi0d] {
  width: 100%;
  max-width: 820px;

  margin: 0 auto;

  padding: 40px 32px;
}

.editar-ddirs__loading[b-8313lqqi0d] {
  padding: 80px 24px;

  color: #6b7280;

  font-size: 14px;

  text-align: center;
}

.editar-ddirs__title[b-8313lqqi0d] {
  margin: 0 0 40px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 900;

  text-align: center;
  text-transform: uppercase;
}

.editar-ddirs__group-label[b-8313lqqi0d] {
  margin: 0 0 12px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;
}

.editar-ddirs__name-grid[b-8313lqqi0d] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 16px;
}

.editar-ddirs__field[b-8313lqqi0d] {
  width: 100%;

  margin-bottom: 20px;
}

.editar-ddirs__field--tipo[b-8313lqqi0d] {
  margin-bottom: 32px;
}

.editar-ddirs__label[b-8313lqqi0d] {
  display: block;

  margin-bottom: 4px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
}

.editar-ddirs__required[b-8313lqqi0d] {
  color: #dc2626;
}

.editar-ddirs__input[b-8313lqqi0d] {
  width: 100%;
  height: 44px;

  padding: 0 12px;

  border: 1px solid #d1d5db;
  border-radius: 6px;

  color: var(--primary-font-color);
  background-color: #f3f4f6;

  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);

  opacity: 0.9;

  cursor: not-allowed;
}

.editar-ddirs__documents[b-8313lqqi0d] {
  margin-top: 32px;
}

.editar-ddirs__document[b-8313lqqi0d] {
  width: 100%;

  margin-bottom: 20px;
}

.editar-ddirs__subtitle[b-8313lqqi0d] {
  display: block;

  margin-bottom: 4px;

  color: #6b7280;

  font-family: var(--primary-font-family);
  font-size: 10px;
  font-weight: 700;

  text-transform: uppercase;
}

.editar-ddirs__document-row[b-8313lqqi0d] {
  position: relative;

  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;

  align-items: center;

  gap: 24px;
}

.editar-ddirs__file[b-8313lqqi0d] {
  min-width: 0;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding: 0 12px;

  border: 1px solid #d1d5db;
  border-radius: 6px;

  font-family: var(--secondary-font-family);
  font-size: 12px;
}

.editar-ddirs__file--editable[b-8313lqqi0d] {
  border-color: var(--primary-color);

  color: var(--primary-font-color);
  background-color: #ffffff;
}

.editar-ddirs__file--disabled[b-8313lqqi0d] {
  color: var(--primary-font-color);
  background-color: #f3f4f6;
}

.editar-ddirs__filename[b-8313lqqi0d] {
  min-width: 0;

  overflow: hidden;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.editar-ddirs__badge[b-8313lqqi0d] {
  flex: 0 0 auto;

  padding: 1px 4px;

  border: 1px solid #9ca3af;
  border-radius: 3px;

  color: #6b7280;

  font-size: 9px;
}

.editar-ddirs__upload[b-8313lqqi0d] {
  width: 120px;
  height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  padding: 0 20px;

  border: 1px solid var(--primary-color);
  border-radius: 6px;

  color: #ffffff;
  background-color: var(--primary-color);

  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;

  white-space: nowrap;

  cursor: pointer;
  user-select: none;

  transition:
    opacity 0.2s ease,
    background-color 0.2s ease,
    transform 0.1s ease;
}

.editar-ddirs__upload:hover[b-8313lqqi0d] {
  opacity: 0.9;
}

.editar-ddirs__upload:active[b-8313lqqi0d] {
  transform: scale(0.98);
}

.editar-ddirs__upload--disabled[b-8313lqqi0d] {
  border-color: #e5e7eb;

  color: #9ca3af;
  background-color: #e5e7eb;

  cursor: not-allowed;

  opacity: 1;
}

.editar-ddirs__upload--disabled:hover[b-8313lqqi0d] {
  opacity: 1;
}

.editar-ddirs__native[b-8313lqqi0d] {
  display: none;
}

/* COMENTARIO */

.editar-ddirs__comment-wrapper[b-8313lqqi0d] {
  position: absolute;

  top: 50%;
  right: -52px;

  z-index: 30;

  transform: translateY(-50%);
}

.editar-ddirs__comment-button[b-8313lqqi0d] {
  position: relative;

  width: 38px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 0;
  border-radius: 999px;

  color: #ffffff;
  background-color: var(--primary-color);

  font-family: var(--primary-font-family);
  font-size: 15px;
  font-weight: 800;

  cursor: pointer;

  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.15),
    0 4px 6px -4px rgba(0, 0, 0, 0.12);

  transition: transform 0.2s ease;
}

.editar-ddirs__comment-button:hover[b-8313lqqi0d] {
  transform: scale(1.05);
}

.editar-ddirs__comment-tail[b-8313lqqi0d] {
  position: absolute;

  bottom: -6px;
  left: 8px;

  width: 0;
  height: 0;

  border-left: 8px solid transparent;
  border-top: 8px solid var(--primary-color);
}

.editar-ddirs__comment-popover[b-8313lqqi0d] {
  position: absolute;

  right: -14px;
  bottom: 52px;

  z-index: 50;

  width: 330px;

  padding: 20px;

  border: 1px solid var(--primary-color);
  border-radius: 16px;

  background-color: #ffffff;

  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.15),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.editar-ddirs__comment-close[b-8313lqqi0d] {
  position: absolute;

  top: 10px;
  right: 14px;

  padding: 0;

  border: 0;

  color: #9ca3af;
  background: transparent;

  font-size: 20px;
  line-height: 1;

  cursor: pointer;
}

.editar-ddirs__comment-title[b-8313lqqi0d] {
  margin: 0 0 16px;

  color: var(--primary-color);

  font-family: var(--primary-font-family);
  font-size: 15px;
  font-weight: 700;
}

.editar-ddirs__comment-text[b-8313lqqi0d] {
  margin: 0;

  color: #404040;

  font-family: var(--secondary-font-family);
  font-size: 14px;
  line-height: 1.7;
}

.editar-ddirs__comment-arrow[b-8313lqqi0d] {
  position: absolute;

  right: 18px;
  bottom: -10px;

  width: 20px;
  height: 20px;

  border-right: 1px solid var(--primary-color);
  border-bottom: 1px solid var(--primary-color);

  background-color: #ffffff;

  transform: rotate(45deg);
}

/* BOTONERA */

.editar-ddirs__actions[b-8313lqqi0d] {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-top: 40px;
}

.editar-ddirs__button[b-8313lqqi0d] {
  min-height: 44px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 0 32px;

  border-radius: 6px;

  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;

  cursor: pointer;

  transition:
    opacity 0.2s ease,
    transform 0.1s ease;
}

.editar-ddirs__button svg[b-8313lqqi0d] {
  width: 17px;
  height: 17px;
}

.editar-ddirs__button--outline[b-8313lqqi0d] {
  border: 1px solid var(--primary-color);

  color: var(--primary-color);
  background-color: #ffffff;
}

.editar-ddirs__button--primary[b-8313lqqi0d] {
  border: 1px solid var(--primary-color);

  color: #ffffff;
  background-color: var(--primary-color);
}

.editar-ddirs__button:hover:not(:disabled)[b-8313lqqi0d] {
  opacity: 0.9;
}

.editar-ddirs__button:active:not(:disabled)[b-8313lqqi0d] {
  transform: scale(0.98);
}

.editar-ddirs__button:disabled[b-8313lqqi0d] {
  opacity: 0.6;

  cursor: not-allowed;
}

@media (max-width: 900px) {
  .editar-ddirs__comment-wrapper[b-8313lqqi0d] {
    position: relative;

    top: auto;
    right: auto;

    grid-column: 1 / -1;

    justify-self: flex-end;

    transform: none;
  }
}

@media (max-width: 767px) {
  .editar-ddirs__main[b-8313lqqi0d] {
    padding: 24px 16px 64px;
  }

  .editar-ddirs__card[b-8313lqqi0d] {
    border-radius: 16px;
  }

  .editar-ddirs__stepper[b-8313lqqi0d] {
    padding: 32px 16px 0;
  }

  .editar-ddirs__content[b-8313lqqi0d] {
    padding: 40px 16px;
  }

  .editar-ddirs__name-grid[b-8313lqqi0d] {
    grid-template-columns: 1fr;
  }

  .editar-ddirs__document-row[b-8313lqqi0d] {
  position: relative;

  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;

  align-items: center;

  gap: 24px;
}

  .editar-ddirs__actions[b-8313lqqi0d] {
    align-items: stretch;
    flex-direction: column;
  }

  .editar-ddirs__button[b-8313lqqi0d] {
    width: 100%;
  }
}
/* /Components/Pages/admin/revisiones/dictamen-directivo/DdirMSFavorable.razor.rz.scp.css */
.dictamen-directivo-favorable[b-ytjpm83agp] {
  width: 100%;
  min-height: 100vh;

  color: var(--primary-font-color);
  background-color: var(--background-color);

  font-family: var(--secondary-font-family);
}

.dictamen-directivo-favorable__main[b-ytjpm83agp] {
  width: 100%;
  max-width: 1250px;

  margin: 0 auto;

  padding: 32px 16px 80px;
}

.dictamen-directivo-favorable__card[b-ytjpm83agp] {
  width: 100%;

  overflow: hidden;

  border: 1px solid #e5e7eb;
  border-radius: 28px;

  background-color: #ffffff;

  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.dictamen-directivo-favorable__stepper[b-ytjpm83agp] {
  width: 100%;

  padding: 32px 48px 0;

  overflow-x: auto;
}

.dictamen-directivo-favorable__content[b-ytjpm83agp] {
  width: 100%;
  max-width: 900px;

  margin: 0 auto;

  padding: 40px 32px;
}

.dictamen-directivo-favorable__loading[b-ytjpm83agp] {
  width: 100%;

  padding: 80px 24px;

  color: #6b7280;

  font-family: var(--secondary-font-family);
  font-size: 14px;

  text-align: center;
}

.dictamen-directivo-favorable__title[b-ytjpm83agp] {
  margin: 0 0 40px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;

  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .dictamen-directivo-favorable__main[b-ytjpm83agp] {
    padding: 24px 16px 64px;
  }

  .dictamen-directivo-favorable__card[b-ytjpm83agp] {
    border-radius: 16px;
  }

  .dictamen-directivo-favorable__stepper[b-ytjpm83agp] {
    padding: 32px 16px 0;
  }

  .dictamen-directivo-favorable__content[b-ytjpm83agp] {
    padding: 40px 16px;
  }
}
/* /Components/Pages/admin/revisiones/dictamen-directivo/DdirSEditar.razor.rz.scp.css */
.editar-ddirs[b-uo55jlfzry] {
  width: 100%;
  min-height: 100vh;

  color: var(--primary-font-color);
  background-color: var(--background-color);

  font-family: var(--secondary-font-family);
}

.editar-ddirs__main[b-uo55jlfzry] {
  width: 100%;
  max-width: 1250px;

  margin: 0 auto;

  padding: 32px 16px 80px;
}

.editar-ddirs__card[b-uo55jlfzry] {
  width: 100%;

  overflow: hidden;

  border: 1px solid #e5e7eb;
  border-radius: 28px;

  background-color: #ffffff;

  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.editar-ddirs__stepper[b-uo55jlfzry] {
  width: 100%;

  padding: 32px 48px 0;

  overflow-x: auto;
}

.editar-ddirs__content[b-uo55jlfzry] {
  width: 100%;
  max-width: 820px;

  margin: 0 auto;

  padding: 40px 32px;
}

.editar-ddirs__loading[b-uo55jlfzry] {
  padding: 80px 24px;

  color: #6b7280;

  font-size: 14px;

  text-align: center;
}

.editar-ddirs__title[b-uo55jlfzry] {
  margin: 0 0 40px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 900;

  text-align: center;
  text-transform: uppercase;
}

.editar-ddirs__group-label[b-uo55jlfzry] {
  margin: 0 0 12px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;
}

.editar-ddirs__name-grid[b-uo55jlfzry] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 16px;
}

.editar-ddirs__field[b-uo55jlfzry] {
  width: 100%;

  margin-bottom: 20px;
}

.editar-ddirs__field--tipo[b-uo55jlfzry] {
  margin-bottom: 32px;
}

.editar-ddirs__label[b-uo55jlfzry] {
  display: block;

  margin-bottom: 4px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
}

.editar-ddirs__required[b-uo55jlfzry] {
  color: #dc2626;
}

.editar-ddirs__input[b-uo55jlfzry] {
  width: 100%;
  height: 44px;

  padding: 0 12px;

  border: 1px solid #d1d5db;
  border-radius: 6px;

  color: var(--primary-font-color);
  background-color: #f3f4f6;

  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);

  opacity: 0.9;

  cursor: not-allowed;
}

.editar-ddirs__documents[b-uo55jlfzry] {
  margin-top: 32px;
}

.editar-ddirs__document[b-uo55jlfzry] {
  width: 100%;

  margin-bottom: 20px;
}

.editar-ddirs__subtitle[b-uo55jlfzry] {
  display: block;

  margin-bottom: 4px;

  color: #6b7280;

  font-family: var(--primary-font-family);
  font-size: 10px;
  font-weight: 700;

  text-transform: uppercase;
}

.editar-ddirs__document-row[b-uo55jlfzry] {
  position: relative;

  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;

  align-items: center;

  gap: 24px;
}

.editar-ddirs__file[b-uo55jlfzry] {
  min-width: 0;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding: 0 12px;

  border: 1px solid #d1d5db;
  border-radius: 6px;

  font-family: var(--secondary-font-family);
  font-size: 12px;
}

.editar-ddirs__file--editable[b-uo55jlfzry] {
  border-color: var(--primary-color);

  color: var(--primary-font-color);
  background-color: #ffffff;
}

.editar-ddirs__file--disabled[b-uo55jlfzry] {
  color: var(--primary-font-color);
  background-color: #f3f4f6;
}

.editar-ddirs__filename[b-uo55jlfzry] {
  min-width: 0;

  overflow: hidden;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.editar-ddirs__badge[b-uo55jlfzry] {
  flex: 0 0 auto;

  padding: 1px 4px;

  border: 1px solid #9ca3af;
  border-radius: 3px;

  color: #6b7280;

  font-size: 9px;
}

.editar-ddirs__upload[b-uo55jlfzry] {
  width: 120px;
  height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  padding: 0 20px;

  border: 1px solid var(--primary-color);
  border-radius: 6px;

  color: #ffffff;
  background-color: var(--primary-color);

  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;

  white-space: nowrap;

  cursor: pointer;
  user-select: none;

  transition:
    opacity 0.2s ease,
    background-color 0.2s ease,
    transform 0.1s ease;
}

.editar-ddirs__upload:hover[b-uo55jlfzry] {
  opacity: 0.9;
}

.editar-ddirs__upload:active[b-uo55jlfzry] {
  transform: scale(0.98);
}

.editar-ddirs__upload--disabled[b-uo55jlfzry] {
  border-color: #e5e7eb;

  color: #9ca3af;
  background-color: #e5e7eb;

  cursor: not-allowed;

  opacity: 1;
}

.editar-ddirs__upload--disabled:hover[b-uo55jlfzry] {
  opacity: 1;
}

.editar-ddirs__native[b-uo55jlfzry] {
  display: none;
}

/* COMENTARIO */

.editar-ddirs__comment-wrapper[b-uo55jlfzry] {
  position: absolute;

  top: 50%;
  right: -52px;

  z-index: 30;

  transform: translateY(-50%);
}

.editar-ddirs__comment-button[b-uo55jlfzry] {
  position: relative;

  width: 38px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 0;
  border-radius: 999px;

  color: #ffffff;
  background-color: var(--primary-color);

  font-family: var(--primary-font-family);
  font-size: 15px;
  font-weight: 800;

  cursor: pointer;

  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.15),
    0 4px 6px -4px rgba(0, 0, 0, 0.12);

  transition: transform 0.2s ease;
}

.editar-ddirs__comment-button:hover[b-uo55jlfzry] {
  transform: scale(1.05);
}

.editar-ddirs__comment-tail[b-uo55jlfzry] {
  position: absolute;

  bottom: -6px;
  left: 8px;

  width: 0;
  height: 0;

  border-left: 8px solid transparent;
  border-top: 8px solid var(--primary-color);
}

.editar-ddirs__comment-popover[b-uo55jlfzry] {
  position: absolute;

  right: -14px;
  bottom: 52px;

  z-index: 50;

  width: 330px;

  padding: 20px;

  border: 1px solid var(--primary-color);
  border-radius: 16px;

  background-color: #ffffff;

  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.15),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.editar-ddirs__comment-close[b-uo55jlfzry] {
  position: absolute;

  top: 10px;
  right: 14px;

  padding: 0;

  border: 0;

  color: #9ca3af;
  background: transparent;

  font-size: 20px;
  line-height: 1;

  cursor: pointer;
}

.editar-ddirs__comment-title[b-uo55jlfzry] {
  margin: 0 0 16px;

  color: var(--primary-color);

  font-family: var(--primary-font-family);
  font-size: 15px;
  font-weight: 700;
}

.editar-ddirs__comment-text[b-uo55jlfzry] {
  margin: 0;

  color: #404040;

  font-family: var(--secondary-font-family);
  font-size: 14px;
  line-height: 1.7;
}

.editar-ddirs__comment-arrow[b-uo55jlfzry] {
  position: absolute;

  right: 18px;
  bottom: -10px;

  width: 20px;
  height: 20px;

  border-right: 1px solid var(--primary-color);
  border-bottom: 1px solid var(--primary-color);

  background-color: #ffffff;

  transform: rotate(45deg);
}

/* BOTONERA */

.editar-ddirs__actions[b-uo55jlfzry] {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-top: 40px;
}

.editar-ddirs__button[b-uo55jlfzry] {
  min-height: 44px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 0 32px;

  border-radius: 6px;

  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;

  cursor: pointer;

  transition:
    opacity 0.2s ease,
    transform 0.1s ease;
}

.editar-ddirs__button svg[b-uo55jlfzry] {
  width: 17px;
  height: 17px;
}

.editar-ddirs__button--outline[b-uo55jlfzry] {
  border: 1px solid var(--primary-color);

  color: var(--primary-color);
  background-color: #ffffff;
}

.editar-ddirs__button--primary[b-uo55jlfzry] {
  border: 1px solid var(--primary-color);

  color: #ffffff;
  background-color: var(--primary-color);
}

.editar-ddirs__button:hover:not(:disabled)[b-uo55jlfzry] {
  opacity: 0.9;
}

.editar-ddirs__button:active:not(:disabled)[b-uo55jlfzry] {
  transform: scale(0.98);
}

.editar-ddirs__button:disabled[b-uo55jlfzry] {
  opacity: 0.6;

  cursor: not-allowed;
}

@media (max-width: 900px) {
  .editar-ddirs__comment-wrapper[b-uo55jlfzry] {
    position: relative;

    top: auto;
    right: auto;

    grid-column: 1 / -1;

    justify-self: flex-end;

    transform: none;
  }
}

@media (max-width: 767px) {
  .editar-ddirs__main[b-uo55jlfzry] {
    padding: 24px 16px 64px;
  }

  .editar-ddirs__card[b-uo55jlfzry] {
    border-radius: 16px;
  }

  .editar-ddirs__stepper[b-uo55jlfzry] {
    padding: 32px 16px 0;
  }

  .editar-ddirs__content[b-uo55jlfzry] {
    padding: 40px 16px;
  }

  .editar-ddirs__name-grid[b-uo55jlfzry] {
    grid-template-columns: 1fr;
  }

  .editar-ddirs__document-row[b-uo55jlfzry] {
  position: relative;

  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;

  align-items: center;

  gap: 24px;
}

  .editar-ddirs__actions[b-uo55jlfzry] {
    align-items: stretch;
    flex-direction: column;
  }

  .editar-ddirs__button[b-uo55jlfzry] {
    width: 100%;
  }
}
/* /Components/Pages/admin/revisiones/dictamen-directivo/DdirSFavorable.razor.rz.scp.css */
.dictamen-directivo-favorable[b-lr2aqsyje8] {
  width: 100%;
  min-height: 100vh;

  color: var(--primary-font-color);
  background-color: var(--background-color);

  font-family: var(--secondary-font-family);
}

.dictamen-directivo-favorable__main[b-lr2aqsyje8] {
  width: 100%;
  max-width: 1250px;

  margin: 0 auto;

  padding: 32px 16px 80px;
}

.dictamen-directivo-favorable__card[b-lr2aqsyje8] {
  width: 100%;

  overflow: hidden;

  border: 1px solid #e5e7eb;
  border-radius: 28px;

  background-color: #ffffff;

  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.dictamen-directivo-favorable__stepper[b-lr2aqsyje8] {
  width: 100%;

  padding: 32px 48px 0;

  overflow-x: auto;
}

.dictamen-directivo-favorable__content[b-lr2aqsyje8] {
  width: 100%;
  max-width: 900px;

  margin: 0 auto;

  padding: 40px 32px;
}

.dictamen-directivo-favorable__loading[b-lr2aqsyje8] {
  width: 100%;

  padding: 80px 24px;

  color: #6b7280;

  font-family: var(--secondary-font-family);
  font-size: 14px;

  text-align: center;
}

.dictamen-directivo-favorable__title[b-lr2aqsyje8] {
  margin: 0 0 40px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;

  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .dictamen-directivo-favorable__main[b-lr2aqsyje8] {
    padding: 24px 16px 64px;
  }

  .dictamen-directivo-favorable__card[b-lr2aqsyje8] {
    border-radius: 16px;
  }

  .dictamen-directivo-favorable__stepper[b-lr2aqsyje8] {
    padding: 32px 16px 0;
  }

  .dictamen-directivo-favorable__content[b-lr2aqsyje8] {
    padding: 40px 16px;
  }
}
/* /Components/Pages/admin/revisiones/dictamen-directivo/RevisionDDIRMS.razor.rz.scp.css */
.revision-directivo[b-iy44wvqgu5] {
  width: 100%;
  min-height: 100vh;

  color: var(--primary-font-color);
  background-color: var(--background-color);

  font-family: var(--secondary-font-family);
}

.revision-directivo__main[b-iy44wvqgu5] {
  width: 100%;
  max-width: 1250px;

  margin: 0 auto;

  padding: 32px 16px 80px;
}

.revision-directivo__card[b-iy44wvqgu5] {
  width: 100%;

  overflow: hidden;

  border: 1px solid #e5e7eb;
  border-radius: 28px;

  background-color: #ffffff;

  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.revision-directivo__stepper[b-iy44wvqgu5] {
  width: 100%;

  padding: 32px 48px 0;

  overflow-x: auto;
}

.revision-directivo__content[b-iy44wvqgu5] {
  width: 100%;
  max-width: 900px;

  margin: 0 auto;

  padding: 40px 32px;
}

.revision-directivo__loading[b-iy44wvqgu5] {
  width: 100%;

  padding: 80px 24px;

  color: #6b7280;

  font-family: var(--secondary-font-family);
  font-size: 14px;

  text-align: center;
}

.revision-directivo__title[b-iy44wvqgu5] {
  margin: 0 0 40px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;

  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .revision-directivo__main[b-iy44wvqgu5] {
    padding: 24px 16px 64px;
  }

  .revision-directivo__card[b-iy44wvqgu5] {
    border-radius: 16px;
  }

  .revision-directivo__stepper[b-iy44wvqgu5] {
    padding: 32px 16px 0;
  }

  .revision-directivo__content[b-iy44wvqgu5] {
    padding: 40px 16px;
  }
}
/* /Components/Pages/admin/revisiones/dictamen-directivo/RevisionDDIRS.razor.rz.scp.css */
.revision-directivo[b-b0doikbp52] {
  width: 100%;
  min-height: 100vh;

  color: var(--primary-font-color);
  background-color: var(--background-color);

  font-family: var(--secondary-font-family);
}

.revision-directivo__main[b-b0doikbp52] {
  width: 100%;
  max-width: 1250px;

  margin: 0 auto;

  padding: 32px 16px 80px;
}

.revision-directivo__card[b-b0doikbp52] {
  width: 100%;

  overflow: hidden;

  border: 1px solid #e5e7eb;
  border-radius: 28px;

  background-color: #ffffff;

  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.revision-directivo__stepper[b-b0doikbp52] {
  width: 100%;

  padding: 32px 48px 0;

  overflow-x: auto;
}

.revision-directivo__content[b-b0doikbp52] {
  width: 100%;
  max-width: 900px;

  margin: 0 auto;

  padding: 40px 32px;
}

.revision-directivo__loading[b-b0doikbp52] {
  width: 100%;

  padding: 80px 24px;

  color: #6b7280;

  font-family: var(--secondary-font-family);
  font-size: 14px;

  text-align: center;
}

.revision-directivo__title[b-b0doikbp52] {
  margin: 0 0 40px;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;

  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .revision-directivo__main[b-b0doikbp52] {
    padding: 24px 16px 64px;
  }

  .revision-directivo__card[b-b0doikbp52] {
    border-radius: 16px;
  }

  .revision-directivo__stepper[b-b0doikbp52] {
    padding: 32px 16px 0;
  }

  .revision-directivo__content[b-b0doikbp52] {
    padding: 40px 16px;
  }
}
/* /Components/Pages/admin/revisiones/dictamen-directivo/TablaTramitesDdirms.razor.rz.scp.css */
.tabla-tramites-page[b-wxik7vcgaf] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    background-color: var(--background-color, #f5f5f5);
}

.tabla-tramites-page__main[b-wxik7vcgaf] {
    flex: 1;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px 24px 48px;
}

.tabla-tramites-page__card[b-wxik7vcgaf] {
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    background-color: #ffffff;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
}

.tabla-tramites-page__toolbar[b-wxik7vcgaf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 24px 24px 0;
}

.tabla-tramites-page__back[b-wxik7vcgaf] {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid var(--primary-color, #ff8500);
    border-radius: 7px;
    background-color: #ffffff;
    color: var(--primary-color, #ff8500);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.tabla-tramites-page__back:hover[b-wxik7vcgaf] {
    background-color: rgba(255, 133, 0, 0.06);
}

.tabla-tramites-page__message[b-wxik7vcgaf] {
    margin: 18px 24px 24px;
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 13px;
}

@media (max-width: 767px) {
    .tabla-tramites-page__main[b-wxik7vcgaf] {
        padding: 24px 16px 40px;
    }

    .tabla-tramites-page__toolbar[b-wxik7vcgaf] {
        padding: 18px 16px 0;
    }

    .tabla-tramites-page__message[b-wxik7vcgaf] {
        margin-right: 16px;
        margin-left: 16px;
    }
}
/* /Components/Pages/admin/revisiones/dictamen-directivo/TablaTramitesDdirs.razor.rz.scp.css */
.tabla-tramites-page[b-oedgwaljtx] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    background-color: var(--background-color, #f5f5f5);
}

.tabla-tramites-page__main[b-oedgwaljtx] {
    flex: 1;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px 24px 48px;
}

.tabla-tramites-page__card[b-oedgwaljtx] {
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    background-color: #ffffff;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
}

.tabla-tramites-page__toolbar[b-oedgwaljtx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 24px 24px 0;
}

.tabla-tramites-page__back[b-oedgwaljtx] {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid var(--primary-color, #ff8500);
    border-radius: 7px;
    background-color: #ffffff;
    color: var(--primary-color, #ff8500);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.tabla-tramites-page__back:hover[b-oedgwaljtx] {
    background-color: rgba(255, 133, 0, 0.06);
}

.tabla-tramites-page__message[b-oedgwaljtx] {
    margin: 18px 24px 24px;
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 13px;
}

@media (max-width: 767px) {
    .tabla-tramites-page__main[b-oedgwaljtx] {
        padding: 24px 16px 40px;
    }

    .tabla-tramites-page__toolbar[b-oedgwaljtx] {
        padding: 18px 16px 0;
    }

    .tabla-tramites-page__message[b-oedgwaljtx] {
        margin-right: 16px;
        margin-left: 16px;
    }
}
/* /Components/Pages/admin/revisiones/dictamen-docente/DdmsFavorable.razor.rz.scp.css */
.revision-docente-page[b-5a7j7pc4ep] {
    width: 100%;
    min-height: 100vh;
    padding: 28px 34px 70px;
    color: var(--primary-font-color);
    background: var(--background-color, #f7f7f8);
    font-family: var(--secondary-font-family);
}

.revision-docente-card[b-5a7j7pc4ep] {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.revision-docente-stepper[b-5a7j7pc4ep] {
    width: 100%;
    padding: 36px 42px 0;
    overflow-x: auto;
}

.revision-docente-content[b-5a7j7pc4ep] {
    width: 100%;
    padding: 50px 88px 58px;
    box-sizing: border-box;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.revision-docente-loading[b-5a7j7pc4ep],
.revision-docente-empty[b-5a7j7pc4ep] {
    width: 100%;
    padding: 70px 24px;
    box-sizing: border-box;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.revision-docente-title[b-5a7j7pc4ep] {
    margin: 38px 0 26px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}

.revision-docente-section[b-5a7j7pc4ep] {
    width: 100%;
    margin-top: 34px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.revision-docente-section > h3[b-5a7j7pc4ep] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.50);
    font-weight: 800;
    line-height: 1.4;
}

.revision-docente-section > .fila-estudio-resultado[b-5a7j7pc4ep],
.revision-docente-section > .fila-documento-resultado[b-5a7j7pc4ep],
.revision-docente-section > .plan-estudio-resultado[b-5a7j7pc4ep] {
    margin-bottom: 20px;
}

.revision-docente-section > .fila-estudio-resultado:last-child[b-5a7j7pc4ep],
.revision-docente-section > .fila-documento-resultado:last-child[b-5a7j7pc4ep],
.revision-docente-section > .plan-estudio-resultado:last-child[b-5a7j7pc4ep] {
    margin-bottom: 0;
}

.revision-docente-section .revision-docente-empty[b-5a7j7pc4ep] {
    padding: 18px 0;
    text-align: left;
}

.revision-docente-result-actions[b-5a7j7pc4ep] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #e5e7eb;
}

.revision-docente-result-actions__left[b-5a7j7pc4ep],
.revision-docente-result-actions__right[b-5a7j7pc4ep] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.revision-docente-result-actions__left[b-5a7j7pc4ep] {
    justify-content: flex-start;
}

.revision-docente-result-actions__right[b-5a7j7pc4ep] {
    justify-content: flex-end;
}

.revision-docente-button[b-5a7j7pc4ep] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 26px;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
    color: var(--primary-color);
    background: #ffffff;
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}

.revision-docente-button:hover:not(:disabled)[b-5a7j7pc4ep] {
    background: color-mix(in srgb, var(--primary-color) 6%, #ffffff);
}

.revision-docente-button--primary[b-5a7j7pc4ep] {
    border-color: var(--primary-color);
    color: #ffffff;
    background: var(--primary-color);
}

.revision-docente-button--primary:hover:not(:disabled)[b-5a7j7pc4ep] {
    opacity: 0.9;
    background: var(--primary-color);
}

.revision-docente-button--dark[b-5a7j7pc4ep] {
    border-color: #333333;
    color: #ffffff;
    background: #333333;
}

.revision-docente-button--dark:hover:not(:disabled)[b-5a7j7pc4ep] {
    opacity: 0.9;
    background: #333333;
}

.revision-docente-button:active:not(:disabled)[b-5a7j7pc4ep] {
    transform: scale(0.98);
}

.revision-docente-button:focus-visible[b-5a7j7pc4ep] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.revision-docente-button:disabled[b-5a7j7pc4ep] {
    opacity: 0.45;
    cursor: not-allowed;
}

@media (max-width: 1000px) {
    .revision-docente-page[b-5a7j7pc4ep] {
        padding: 24px 22px 60px;
    }

    .revision-docente-stepper[b-5a7j7pc4ep] {
        padding: 32px 30px 0;
    }

    .revision-docente-content[b-5a7j7pc4ep] {
        padding: 42px 42px 50px;
    }
}

@media (max-width: 700px) {
    .revision-docente-page[b-5a7j7pc4ep] {
        padding: 18px 12px 50px;
    }

    .revision-docente-card[b-5a7j7pc4ep] {
        border-radius: 18px;
    }

    .revision-docente-stepper[b-5a7j7pc4ep] {
        padding: 26px 18px 0;
    }

    .revision-docente-content[b-5a7j7pc4ep] {
        padding: 30px 20px 38px;
    }

    .revision-docente-result-actions[b-5a7j7pc4ep] {
        align-items: stretch;
        flex-direction: column;
        margin-top: 36px;
        padding-top: 22px;
    }

    .revision-docente-result-actions__left[b-5a7j7pc4ep],
    .revision-docente-result-actions__right[b-5a7j7pc4ep] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .revision-docente-button[b-5a7j7pc4ep] {
        width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/dictamen-docente/DdmsNoFavorable.razor.rz.scp.css */
.revision-docente-page[b-rya4o6id5u] {
    width: 100%;
    min-height: 100vh;
    padding: 28px 34px 70px;
    color: var(--primary-font-color);
    background: var(--background-color, #f7f7f8);
    font-family: var(--secondary-font-family);
}

.revision-docente-card[b-rya4o6id5u] {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.revision-docente-stepper[b-rya4o6id5u] {
    width: 100%;
    padding: 36px 42px 0;
    overflow-x: auto;
}

.revision-docente-content[b-rya4o6id5u] {
    width: 100%;
    padding: 50px 88px 58px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.revision-docente-loading[b-rya4o6id5u],
.revision-docente-empty[b-rya4o6id5u] {
    width: 100%;
    padding: 70px 24px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.revision-docente-title[b-rya4o6id5u] {
    margin: 38px 0 26px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}

.revision-docente-section[b-rya4o6id5u] {
    width: 100%;
    margin-top: 34px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.revision-docente-section > h3[b-rya4o6id5u] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.50);
    font-weight: 800;
    line-height: 1.4;
}

.revision-docente-section > .fila-estudio-resultado[b-rya4o6id5u],
.revision-docente-section > .fila-documento-resultado[b-rya4o6id5u],
.revision-docente-section > .plan-estudio-resultado[b-rya4o6id5u] {
    margin-bottom: 20px;
}

.revision-docente-section > .fila-estudio-resultado:last-child[b-rya4o6id5u],
.revision-docente-section > .fila-documento-resultado:last-child[b-rya4o6id5u],
.revision-docente-section > .plan-estudio-resultado:last-child[b-rya4o6id5u] {
    margin-bottom: 0;
}

.revision-docente-section .revision-docente-empty[b-rya4o6id5u] {
    padding: 18px 0;
    text-align: left;
}

.revision-docente-content > .revision-docente-actions[b-rya4o6id5u] {
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #e5e7eb;
}

.revision-docente-upload-backdrop[b-rya4o6id5u] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.55);
}

.revision-docente-upload-modal[b-rya4o6id5u] {
    width: min(480px, 100%);
    padding: 26px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.24);
}

.revision-docente-upload-modal h3[b-rya4o6id5u] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 800;
    line-height: 1.35;
}

.revision-docente-upload-input[b-rya4o6id5u] {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.revision-docente-upload-input:hover:not(:disabled)[b-rya4o6id5u] {
    border-color: #9ca3af;
}

.revision-docente-upload-input:focus[b-rya4o6id5u] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent);
}

.revision-docente-upload-input:disabled[b-rya4o6id5u] {
    color: var(--secondary-font-color);
    background: #f3f4f6;
    cursor: not-allowed;
}

.revision-docente-upload-name[b-rya4o6id5u] {
    margin: 12px 0 0;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.revision-docente-upload-name strong[b-rya4o6id5u] {
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-weight: 600;
}

.revision-docente-upload-actions[b-rya4o6id5u] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 22px;
}

.revision-docente-button[b-rya4o6id5u] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 26px;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
    color: var(--primary-color);
    background: #ffffff;
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}

.revision-docente-button:hover:not(:disabled)[b-rya4o6id5u] {
    background: color-mix(in srgb, var(--primary-color) 6%, #ffffff);
}

.revision-docente-button--primary[b-rya4o6id5u] {
    border-color: var(--primary-color);
    color: #ffffff;
    background: var(--primary-color);
}

.revision-docente-button--primary:hover:not(:disabled)[b-rya4o6id5u] {
    opacity: 0.9;
    background: var(--primary-color);
}

.revision-docente-button--dark[b-rya4o6id5u] {
    border-color: #333333;
    color: #ffffff;
    background: #333333;
}

.revision-docente-button--dark:hover:not(:disabled)[b-rya4o6id5u] {
    opacity: 0.9;
    background: #333333;
}

.revision-docente-button:active:not(:disabled)[b-rya4o6id5u] {
    transform: scale(0.98);
}

.revision-docente-button:focus-visible[b-rya4o6id5u] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.revision-docente-button:disabled[b-rya4o6id5u] {
    opacity: 0.45;
    cursor: not-allowed;
}

@media (max-width: 1000px) {
    .revision-docente-page[b-rya4o6id5u] {
        padding: 24px 22px 60px;
    }

    .revision-docente-stepper[b-rya4o6id5u] {
        padding: 32px 30px 0;
    }

    .revision-docente-content[b-rya4o6id5u] {
        padding: 42px 42px 50px;
    }
}

@media (max-width: 700px) {
    .revision-docente-page[b-rya4o6id5u] {
        padding: 18px 12px 50px;
    }

    .revision-docente-card[b-rya4o6id5u] {
        border-radius: 18px;
    }

    .revision-docente-stepper[b-rya4o6id5u] {
        padding: 26px 18px 0;
    }

    .revision-docente-content[b-rya4o6id5u] {
        padding: 30px 20px 38px;
    }

    .revision-docente-content > .revision-docente-actions[b-rya4o6id5u] {
        margin-top: 36px;
        padding-top: 22px;
    }

    .revision-docente-upload-modal[b-rya4o6id5u] {
        padding: 22px 18px;
    }

    .revision-docente-upload-actions[b-rya4o6id5u] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .revision-docente-button[b-rya4o6id5u] {
        width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/dictamen-docente/DdsFavorable.razor.rz.scp.css */
.revision-docente-page[b-7hrnmdavzp] {
    width: 100%;
    min-height: 100vh;
    padding: 28px 34px 70px;
    color: var(--primary-font-color);
    background: var(--background-color, #f7f7f8);
    font-family: var(--secondary-font-family);
}

.revision-docente-card[b-7hrnmdavzp] {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.revision-docente-stepper[b-7hrnmdavzp] {
    width: 100%;
    padding: 36px 42px 0;
    overflow-x: auto;
}

.revision-docente-content[b-7hrnmdavzp] {
    width: 100%;
    padding: 50px 88px 58px;
    box-sizing: border-box;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.revision-docente-loading[b-7hrnmdavzp],
.revision-docente-empty[b-7hrnmdavzp] {
    width: 100%;
    padding: 70px 24px;
    box-sizing: border-box;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.revision-docente-title[b-7hrnmdavzp] {
    margin: 38px 0 26px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}

.revision-docente-section[b-7hrnmdavzp] {
    width: 100%;
    margin-top: 34px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.revision-docente-section > h3[b-7hrnmdavzp] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.50);
    font-weight: 800;
    line-height: 1.4;
}

.revision-docente-section > .fila-estudio-resultado[b-7hrnmdavzp],
.revision-docente-section > .fila-documento-resultado[b-7hrnmdavzp],
.revision-docente-section > .plan-estudio-resultado[b-7hrnmdavzp] {
    margin-bottom: 20px;
}

.revision-docente-section > .fila-estudio-resultado:last-child[b-7hrnmdavzp],
.revision-docente-section > .fila-documento-resultado:last-child[b-7hrnmdavzp],
.revision-docente-section > .plan-estudio-resultado:last-child[b-7hrnmdavzp] {
    margin-bottom: 0;
}

.revision-docente-section .revision-docente-empty[b-7hrnmdavzp] {
    padding: 18px 0;
    text-align: left;
}

.revision-docente-result-actions[b-7hrnmdavzp] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #e5e7eb;
}

.revision-docente-result-actions__left[b-7hrnmdavzp],
.revision-docente-result-actions__right[b-7hrnmdavzp] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.revision-docente-result-actions__left[b-7hrnmdavzp] {
    justify-content: flex-start;
}

.revision-docente-result-actions__right[b-7hrnmdavzp] {
    justify-content: flex-end;
}

.revision-docente-button[b-7hrnmdavzp] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 26px;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
    color: var(--primary-color);
    background: #ffffff;
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}

.revision-docente-button:hover:not(:disabled)[b-7hrnmdavzp] {
    background: color-mix(in srgb, var(--primary-color) 6%, #ffffff);
}

.revision-docente-button--primary[b-7hrnmdavzp] {
    border-color: var(--primary-color);
    color: #ffffff;
    background: var(--primary-color);
}

.revision-docente-button--primary:hover:not(:disabled)[b-7hrnmdavzp] {
    opacity: 0.9;
    background: var(--primary-color);
}

.revision-docente-button--dark[b-7hrnmdavzp] {
    border-color: #333333;
    color: #ffffff;
    background: #333333;
}

.revision-docente-button--dark:hover:not(:disabled)[b-7hrnmdavzp] {
    opacity: 0.9;
    background: #333333;
}

.revision-docente-button:active:not(:disabled)[b-7hrnmdavzp] {
    transform: scale(0.98);
}

.revision-docente-button:focus-visible[b-7hrnmdavzp] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.revision-docente-button:disabled[b-7hrnmdavzp] {
    opacity: 0.45;
    cursor: not-allowed;
}

@media (max-width: 1000px) {
    .revision-docente-page[b-7hrnmdavzp] {
        padding: 24px 22px 60px;
    }

    .revision-docente-stepper[b-7hrnmdavzp] {
        padding: 32px 30px 0;
    }

    .revision-docente-content[b-7hrnmdavzp] {
        padding: 42px 42px 50px;
    }
}

@media (max-width: 700px) {
    .revision-docente-page[b-7hrnmdavzp] {
        padding: 18px 12px 50px;
    }

    .revision-docente-card[b-7hrnmdavzp] {
        border-radius: 18px;
    }

    .revision-docente-stepper[b-7hrnmdavzp] {
        padding: 26px 18px 0;
    }

    .revision-docente-content[b-7hrnmdavzp] {
        padding: 30px 20px 38px;
    }

    .revision-docente-result-actions[b-7hrnmdavzp] {
        align-items: stretch;
        flex-direction: column;
        margin-top: 36px;
        padding-top: 22px;
    }

    .revision-docente-result-actions__left[b-7hrnmdavzp],
    .revision-docente-result-actions__right[b-7hrnmdavzp] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .revision-docente-button[b-7hrnmdavzp] {
        width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/dictamen-docente/DdsNoFavorable.razor.rz.scp.css */
.revision-docente-page[b-jclaihirsr] {
    width: 100%;
    min-height: 100vh;
    padding: 28px 34px 70px;
    color: var(--primary-font-color);
    background: var(--background-color, #f7f7f8);
    font-family: var(--secondary-font-family);
}

.revision-docente-card[b-jclaihirsr] {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.revision-docente-stepper[b-jclaihirsr] {
    width: 100%;
    padding: 36px 42px 0;
    overflow-x: auto;
}

.revision-docente-content[b-jclaihirsr] {
    width: 100%;
    padding: 50px 88px 58px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.revision-docente-loading[b-jclaihirsr],
.revision-docente-empty[b-jclaihirsr] {
    width: 100%;
    padding: 70px 24px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.revision-docente-title[b-jclaihirsr] {
    margin: 38px 0 26px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}

.revision-docente-section[b-jclaihirsr] {
    width: 100%;
    margin-top: 34px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.revision-docente-section > h3[b-jclaihirsr] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.50);
    font-weight: 800;
    line-height: 1.4;
}

.revision-docente-section > .fila-estudio-resultado[b-jclaihirsr],
.revision-docente-section > .fila-documento-resultado[b-jclaihirsr],
.revision-docente-section > .plan-estudio-resultado[b-jclaihirsr] {
    margin-bottom: 20px;
}

.revision-docente-section > .fila-estudio-resultado:last-child[b-jclaihirsr],
.revision-docente-section > .fila-documento-resultado:last-child[b-jclaihirsr],
.revision-docente-section > .plan-estudio-resultado:last-child[b-jclaihirsr] {
    margin-bottom: 0;
}

.revision-docente-section .revision-docente-empty[b-jclaihirsr] {
    padding: 18px 0;
    text-align: left;
}

.revision-docente-content > .revision-docente-actions[b-jclaihirsr] {
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #e5e7eb;
}

.revision-docente-upload-backdrop[b-jclaihirsr] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.55);
}

.revision-docente-upload-modal[b-jclaihirsr] {
    width: min(480px, 100%);
    padding: 26px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.24);
}

.revision-docente-upload-modal h3[b-jclaihirsr] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 800;
    line-height: 1.35;
}

.revision-docente-upload-input[b-jclaihirsr] {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.revision-docente-upload-input:hover:not(:disabled)[b-jclaihirsr] {
    border-color: #9ca3af;
}

.revision-docente-upload-input:focus[b-jclaihirsr] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent);
}

.revision-docente-upload-input:disabled[b-jclaihirsr] {
    color: var(--secondary-font-color);
    background: #f3f4f6;
    cursor: not-allowed;
}

.revision-docente-upload-name[b-jclaihirsr] {
    margin: 12px 0 0;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.revision-docente-upload-name strong[b-jclaihirsr] {
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-weight: 600;
}

.revision-docente-upload-actions[b-jclaihirsr] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 22px;
}

.revision-docente-button[b-jclaihirsr] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 26px;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
    color: var(--primary-color);
    background: #ffffff;
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}

.revision-docente-button:hover:not(:disabled)[b-jclaihirsr] {
    background: color-mix(in srgb, var(--primary-color) 6%, #ffffff);
}

.revision-docente-button--primary[b-jclaihirsr] {
    border-color: var(--primary-color);
    color: #ffffff;
    background: var(--primary-color);
}

.revision-docente-button--primary:hover:not(:disabled)[b-jclaihirsr] {
    opacity: 0.9;
    background: var(--primary-color);
}

.revision-docente-button--dark[b-jclaihirsr] {
    border-color: #333333;
    color: #ffffff;
    background: #333333;
}

.revision-docente-button--dark:hover:not(:disabled)[b-jclaihirsr] {
    opacity: 0.9;
    background: #333333;
}

.revision-docente-button:active:not(:disabled)[b-jclaihirsr] {
    transform: scale(0.98);
}

.revision-docente-button:focus-visible[b-jclaihirsr] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.revision-docente-button:disabled[b-jclaihirsr] {
    opacity: 0.45;
    cursor: not-allowed;
}

@media (max-width: 1000px) {
    .revision-docente-page[b-jclaihirsr] {
        padding: 24px 22px 60px;
    }

    .revision-docente-stepper[b-jclaihirsr] {
        padding: 32px 30px 0;
    }

    .revision-docente-content[b-jclaihirsr] {
        padding: 42px 42px 50px;
    }
}

@media (max-width: 700px) {
    .revision-docente-page[b-jclaihirsr] {
        padding: 18px 12px 50px;
    }

    .revision-docente-card[b-jclaihirsr] {
        border-radius: 18px;
    }

    .revision-docente-stepper[b-jclaihirsr] {
        padding: 26px 18px 0;
    }

    .revision-docente-content[b-jclaihirsr] {
        padding: 30px 20px 38px;
    }

    .revision-docente-content > .revision-docente-actions[b-jclaihirsr] {
        margin-top: 36px;
        padding-top: 22px;
    }

    .revision-docente-upload-modal[b-jclaihirsr] {
        padding: 22px 18px;
    }

    .revision-docente-upload-actions[b-jclaihirsr] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .revision-docente-button[b-jclaihirsr] {
        width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/dictamen-docente/RevisionDdms.razor.rz.scp.css */
.revision-docente-page[b-2f7r73a84d] {
    width: 100%;
    min-height: 100vh;
    padding: 28px 34px 70px;
    background: var(--background-color, #f7f7f8);
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.revision-docente-card[b-2f7r73a84d] {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.revision-docente-stepper[b-2f7r73a84d] {
    padding: 36px 42px 0;
    overflow-x: auto;
}

.revision-docente-content[b-2f7r73a84d] {
    padding: 50px 88px 58px;
}

.revision-docente-loading[b-2f7r73a84d],
.revision-docente-empty[b-2f7r73a84d] {
    padding: 70px 24px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.revision-docente-title[b-2f7r73a84d] {
    margin: 38px 0 26px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}

.revision-docente-section[b-2f7r73a84d] {
    margin-top: 34px;
}

.revision-docente-section > h3[b-2f7r73a84d] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

.revision-docente-static-row[b-2f7r73a84d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px minmax(220px, 1fr);
    align-items: end;
    gap: 20px;
    margin-bottom: 18px;
}

.revision-docente-static-main[b-2f7r73a84d] {
    display: grid;
    grid-template-columns: 120px minmax(180px, 1fr) 140px;
    gap: 18px;
    min-width: 0;
}

.revision-docente-static-field[b-2f7r73a84d] {
    min-width: 0;
}

.revision-docente-static-label[b-2f7r73a84d] {
    display: block;
    margin: 0 0 5px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
}

.revision-docente-static-value[b-2f7r73a84d] {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    color: var(--primary-font-color);
    background: #f9fafb;
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.revision-docente-static-link[b-2f7r73a84d] {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    overflow: hidden;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    color: var(--primary-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: opacity 0.2s ease, border-color 0.2s ease;
}

.revision-docente-static-link:hover[b-2f7r73a84d] {
    opacity: 0.8;
}

.revision-docente-static-link:focus-visible[b-2f7r73a84d] {
    border-color: var(--primary-color);
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.revision-docente-result-actions[b-2f7r73a84d] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #e5e7eb;
}

.revision-docente-result-actions__left[b-2f7r73a84d] {
    justify-self: start;
}

.revision-docente-result-actions__center[b-2f7r73a84d] {
    justify-self: center;
}

.revision-docente-result-actions__right[b-2f7r73a84d] {
    justify-self: end;
}

.revision-docente-button[b-2f7r73a84d] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 26px;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
    color: var(--primary-color);
    background: #ffffff;
    font-family: var(--primary-font-family);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

.revision-docente-button:hover:not(:disabled)[b-2f7r73a84d] {
    background: #f9fafb;
}

.revision-docente-button:active:not(:disabled)[b-2f7r73a84d] {
    transform: scale(0.98);
}

.revision-docente-button--primary[b-2f7r73a84d] {
    border-color: var(--primary-color);
    color: #ffffff;
    background: var(--primary-color);
}

.revision-docente-button--primary:hover:not(:disabled)[b-2f7r73a84d] {
    opacity: 0.9;
    background: var(--primary-color);
}

.revision-docente-button--dark[b-2f7r73a84d] {
    border-color: #333333;
    color: #ffffff;
    background: #333333;
}

.revision-docente-button--dark:hover:not(:disabled)[b-2f7r73a84d] {
    opacity: 0.9;
    background: #333333;
}

.revision-docente-button:focus-visible[b-2f7r73a84d] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.revision-docente-button:disabled[b-2f7r73a84d] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.revision-docente-upload-backdrop[b-2f7r73a84d] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.55);
}

.revision-docente-upload-modal[b-2f7r73a84d] {
    width: min(480px, 100%);
    padding: 26px;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.24);
}

.revision-docente-upload-modal h3[b-2f7r73a84d] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.revision-docente-upload-input[b-2f7r73a84d] {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 400;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.revision-docente-upload-input:hover:not(:disabled)[b-2f7r73a84d] {
    border-color: #9ca3af;
}

.revision-docente-upload-input:focus[b-2f7r73a84d] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(255, 133, 0, 0.12);
}

.revision-docente-upload-input:disabled[b-2f7r73a84d] {
    opacity: 0.6;
    background: #f3f4f6;
    cursor: not-allowed;
}

.revision-docente-upload-name[b-2f7r73a84d] {
    margin: 12px 0 0;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.revision-docente-upload-actions[b-2f7r73a84d] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 22px;
}

@media (max-width: 1000px) {
    .revision-docente-content[b-2f7r73a84d] {
        padding: 42px 42px 50px;
    }

    .revision-docente-static-row[b-2f7r73a84d] {
        grid-template-columns: 1fr;
    }

    .revision-docente-static-main[b-2f7r73a84d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .revision-docente-result-actions[b-2f7r73a84d] {
        grid-template-columns: 1fr;
    }

    .revision-docente-result-actions__left[b-2f7r73a84d],
    .revision-docente-result-actions__center[b-2f7r73a84d],
    .revision-docente-result-actions__right[b-2f7r73a84d] {
        justify-self: stretch;
    }

    .revision-docente-button[b-2f7r73a84d] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .revision-docente-page[b-2f7r73a84d] {
        padding: 18px 12px 50px;
    }

    .revision-docente-card[b-2f7r73a84d] {
        border-radius: 18px;
    }

    .revision-docente-stepper[b-2f7r73a84d] {
        padding: 26px 18px 0;
    }

    .revision-docente-content[b-2f7r73a84d] {
        padding: 30px 20px 38px;
    }

    .revision-docente-static-main[b-2f7r73a84d] {
        grid-template-columns: 1fr;
    }

    .revision-docente-result-actions[b-2f7r73a84d] {
        gap: 12px;
        margin-top: 36px;
        padding-top: 22px;
    }

    .revision-docente-upload-modal[b-2f7r73a84d] {
        padding: 22px 18px;
        border-radius: 14px;
    }

    .revision-docente-upload-actions[b-2f7r73a84d] {
        flex-direction: column;
        gap: 10px;
    }

    .revision-docente-upload-actions .revision-docente-button[b-2f7r73a84d] {
        width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/dictamen-docente/RevisionDds.razor.rz.scp.css */
.revision-docente-page[b-k4h810eci4] {
    width: 100%;
    min-height: 100vh;
    padding: 28px 34px 70px;
    background: var(--background-color, #f7f7f8);
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.revision-docente-card[b-k4h810eci4] {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.revision-docente-stepper[b-k4h810eci4] {
    padding: 36px 42px 0;
    overflow-x: auto;
}

.revision-docente-content[b-k4h810eci4] {
    padding: 50px 88px 58px;
}

.revision-docente-loading[b-k4h810eci4],
.revision-docente-empty[b-k4h810eci4] {
    padding: 70px 24px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.revision-docente-title[b-k4h810eci4] {
    margin: 38px 0 26px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}

.revision-docente-section[b-k4h810eci4] {
    margin-top: 34px;
}

.revision-docente-section > h3[b-k4h810eci4] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

.revision-docente-static-row[b-k4h810eci4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px minmax(220px, 1fr);
    align-items: end;
    gap: 20px;
    margin-bottom: 18px;
}

.revision-docente-static-main[b-k4h810eci4] {
    display: grid;
    grid-template-columns: 120px minmax(180px, 1fr) 140px;
    gap: 18px;
    min-width: 0;
}

.revision-docente-static-field[b-k4h810eci4] {
    min-width: 0;
}

.revision-docente-static-label[b-k4h810eci4] {
    display: block;
    margin: 0 0 5px;
    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
}

.revision-docente-static-value[b-k4h810eci4] {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    color: var(--primary-font-color);
    background: #f9fafb;
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.revision-docente-static-link[b-k4h810eci4] {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    overflow: hidden;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    color: var(--primary-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: opacity 0.2s ease, border-color 0.2s ease;
}

.revision-docente-static-link:hover[b-k4h810eci4] {
    opacity: 0.8;
}

.revision-docente-static-link:focus-visible[b-k4h810eci4] {
    border-color: var(--primary-color);
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.revision-docente-result-actions[b-k4h810eci4] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #e5e7eb;
}

.revision-docente-result-actions__left[b-k4h810eci4] {
    justify-self: start;
}

.revision-docente-result-actions__center[b-k4h810eci4] {
    justify-self: center;
}

.revision-docente-result-actions__right[b-k4h810eci4] {
    justify-self: end;
}

.revision-docente-button[b-k4h810eci4] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 26px;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
    color: var(--primary-color);
    background: #ffffff;
    font-family: var(--primary-font-family);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

.revision-docente-button:hover:not(:disabled)[b-k4h810eci4] {
    background: #f9fafb;
}

.revision-docente-button:active:not(:disabled)[b-k4h810eci4] {
    transform: scale(0.98);
}

.revision-docente-button--primary[b-k4h810eci4] {
    border-color: var(--primary-color);
    color: #ffffff;
    background: var(--primary-color);
}

.revision-docente-button--primary:hover:not(:disabled)[b-k4h810eci4] {
    opacity: 0.9;
    background: var(--primary-color);
}

.revision-docente-button--dark[b-k4h810eci4] {
    border-color: #333333;
    color: #ffffff;
    background: #333333;
}

.revision-docente-button--dark:hover:not(:disabled)[b-k4h810eci4] {
    opacity: 0.9;
    background: #333333;
}

.revision-docente-button:focus-visible[b-k4h810eci4] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.revision-docente-button:disabled[b-k4h810eci4] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.revision-docente-upload-backdrop[b-k4h810eci4] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.55);
}

.revision-docente-upload-modal[b-k4h810eci4] {
    width: min(480px, 100%);
    padding: 26px;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.24);
}

.revision-docente-upload-modal h3[b-k4h810eci4] {
    margin: 0 0 18px;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.revision-docente-upload-input[b-k4h810eci4] {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: var(--primary-font-color);
    background: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 400;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.revision-docente-upload-input:hover:not(:disabled)[b-k4h810eci4] {
    border-color: #9ca3af;
}

.revision-docente-upload-input:focus[b-k4h810eci4] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(255, 133, 0, 0.12);
}

.revision-docente-upload-input:disabled[b-k4h810eci4] {
    opacity: 0.6;
    background: #f3f4f6;
    cursor: not-allowed;
}

.revision-docente-upload-name[b-k4h810eci4] {
    margin: 12px 0 0;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.revision-docente-upload-actions[b-k4h810eci4] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 22px;
}

@media (max-width: 1000px) {
    .revision-docente-content[b-k4h810eci4] {
        padding: 42px 42px 50px;
    }

    .revision-docente-static-row[b-k4h810eci4] {
        grid-template-columns: 1fr;
    }

    .revision-docente-static-main[b-k4h810eci4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .revision-docente-result-actions[b-k4h810eci4] {
        grid-template-columns: 1fr;
    }

    .revision-docente-result-actions__left[b-k4h810eci4],
    .revision-docente-result-actions__center[b-k4h810eci4],
    .revision-docente-result-actions__right[b-k4h810eci4] {
        justify-self: stretch;
    }

    .revision-docente-button[b-k4h810eci4] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .revision-docente-page[b-k4h810eci4] {
        padding: 18px 12px 50px;
    }

    .revision-docente-card[b-k4h810eci4] {
        border-radius: 18px;
    }

    .revision-docente-stepper[b-k4h810eci4] {
        padding: 26px 18px 0;
    }

    .revision-docente-content[b-k4h810eci4] {
        padding: 30px 20px 38px;
    }

    .revision-docente-static-main[b-k4h810eci4] {
        grid-template-columns: 1fr;
    }

    .revision-docente-result-actions[b-k4h810eci4] {
        gap: 12px;
        margin-top: 36px;
        padding-top: 22px;
    }

    .revision-docente-upload-modal[b-k4h810eci4] {
        padding: 22px 18px;
        border-radius: 14px;
    }

    .revision-docente-upload-actions[b-k4h810eci4] {
        flex-direction: column;
        gap: 10px;
    }

    .revision-docente-upload-actions .revision-docente-button[b-k4h810eci4] {
        width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/dictamen-docente/TablaTramitesDdms.razor.rz.scp.css */
.tabla-tramites-page[b-v7a08nbdux] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    background-color: var(--background-color, #f5f5f5);
}

.tabla-tramites-page__main[b-v7a08nbdux] {
    flex: 1;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px 24px 48px;
}

.tabla-tramites-page__card[b-v7a08nbdux] {
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    background-color: #ffffff;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
}

.tabla-tramites-page__toolbar[b-v7a08nbdux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 24px 24px 0;
}

.tabla-tramites-page__back[b-v7a08nbdux] {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid var(--primary-color, #ff8500);
    border-radius: 7px;
    background-color: #ffffff;
    color: var(--primary-color, #ff8500);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.tabla-tramites-page__back:hover[b-v7a08nbdux] {
    background-color: rgba(255, 133, 0, 0.06);
}

.tabla-tramites-page__message[b-v7a08nbdux] {
    margin: 18px 24px 24px;
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 13px;
}

@media (max-width: 767px) {
    .tabla-tramites-page__main[b-v7a08nbdux] {
        padding: 24px 16px 40px;
    }

    .tabla-tramites-page__toolbar[b-v7a08nbdux] {
        padding: 18px 16px 0;
    }

    .tabla-tramites-page__message[b-v7a08nbdux] {
        margin-right: 16px;
        margin-left: 16px;
    }
}
/* /Components/Pages/admin/revisiones/dictamen-docente/TablaTramitesDds.razor.rz.scp.css */
.tabla-tramites-page[b-a4t576vynf] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    background-color: var(--background-color, #f5f5f5);
}

.tabla-tramites-page__main[b-a4t576vynf] {
    flex: 1;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px 24px 48px;
}

.tabla-tramites-page__card[b-a4t576vynf] {
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    background-color: #ffffff;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
}

.tabla-tramites-page__toolbar[b-a4t576vynf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 24px 24px 0;
}

.tabla-tramites-page__back[b-a4t576vynf] {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid var(--primary-color, #ff8500);
    border-radius: 7px;
    background-color: #ffffff;
    color: var(--primary-color, #ff8500);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.tabla-tramites-page__back:hover[b-a4t576vynf] {
    background-color: rgba(255, 133, 0, 0.06);
}

.tabla-tramites-page__message[b-a4t576vynf] {
    margin: 18px 24px 24px;
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 13px;
}

@media (max-width: 767px) {
    .tabla-tramites-page__main[b-a4t576vynf] {
        padding: 24px 16px 40px;
    }

    .tabla-tramites-page__toolbar[b-a4t576vynf] {
        padding: 18px 16px 0;
    }

    .tabla-tramites-page__message[b-a4t576vynf] {
        margin-right: 16px;
        margin-left: 16px;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/DevolucionDfactms.razor.rz.scp.css */
.devolucion-dfactms-page[b-c2x53g97w4] {
    min-height: 100vh;
    width: 100%;
}

.devolucion-dfactms-page__content[b-c2x53g97w4] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 16px 80px;
}

.devolucion-dfactms-page__body[b-c2x53g97w4] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.devolucion-dfactms-page__loading[b-c2x53g97w4] {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.devolucion-dfactms-page__spinner[b-c2x53g97w4] {
    width: 38px;
    height: 38px;
    border: 4px solid #e5e7eb;
    border-top-color: #333;
    border-radius: 50%;
    animation: devolucion-dfactms-spin-b-c2x53g97w4 .8s linear infinite;
}

.devolucion-dfactms-page__loading p[b-c2x53g97w4] {
    margin: 0;
    font-size: 14px;
    color: #666;
}

@keyframes devolucion-dfactms-spin-b-c2x53g97w4 {
    to {
        transform: rotate(360deg);
    }
}

.devolucion-dfactms-page__external-warning[b-c2x53g97w4] {
    width: 100%;
    border: 1px solid #f5c542;
    background: #fff8e1;
    color: #7a5b00;
    border-radius: 8px;
    padding: 16px 20px;
}

.devolucion-dfactms-page__external-title[b-c2x53g97w4] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.devolucion-dfactms-page__external-text[b-c2x53g97w4] {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 1.5;
}

.devolucion-dfactms-page__actions[b-c2x53g97w4] {
    width: 100%;
    padding-top: 32px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.devolucion-dfactms-page__actions-right[b-c2x53g97w4] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.devolucion-dfactms-page__back[b-c2x53g97w4],
.devolucion-dfactms-page__download[b-c2x53g97w4],
.devolucion-dfactms-page__upload[b-c2x53g97w4] {
    height: 46px;
    min-width: 145px;
    padding: 0 32px;
    border-radius: 6px;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    cursor: pointer;
    transition: opacity .2s ease;
}

.devolucion-dfactms-page__back[b-c2x53g97w4] {
    background: transparent;
    border: 1px solid var(--primary-color, #333);
    color: var(--primary-color, #333);
}

.devolucion-dfactms-page__download[b-c2x53g97w4] {
    min-width: 215px;
    background: #333;
    color: white;
}

.devolucion-dfactms-page__upload[b-c2x53g97w4] {
    min-width: 205px;
    background: var(--primary-color, #333);
    color: white;
}

.devolucion-dfactms-page__back:hover[b-c2x53g97w4],
.devolucion-dfactms-page__download:hover[b-c2x53g97w4],
.devolucion-dfactms-page__upload:hover[b-c2x53g97w4] {
    opacity: .9;
}

.devolucion-dfactms-page__download:disabled[b-c2x53g97w4],
.devolucion-dfactms-page__upload:disabled[b-c2x53g97w4],
.devolucion-dfactms-page__back:disabled[b-c2x53g97w4] {
    opacity: .45;
    cursor: not-allowed;
}

.devolucion-dfactms-page__modal-overlay[b-c2x53g97w4],
.devolucion-dfactms-page__message-overlay[b-c2x53g97w4] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.devolucion-dfactms-page__upload-modal[b-c2x53g97w4] {
    width: 100%;
    max-width: 460px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .2);
    overflow: hidden;
}

.devolucion-dfactms-page__upload-modal-header[b-c2x53g97w4] {
    padding: 22px 24px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.devolucion-dfactms-page__upload-modal-header h2[b-c2x53g97w4] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.devolucion-dfactms-page__upload-modal-header button[b-c2x53g97w4] {
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    font-size: 25px;
    color: #666;
    cursor: pointer;
}

.devolucion-dfactms-page__upload-modal-body[b-c2x53g97w4] {
    padding: 24px;
}

.devolucion-dfactms-page__file-input[b-c2x53g97w4] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 12px;
    font-size: 14px;
}

.devolucion-dfactms-page__selected-file[b-c2x53g97w4] {
    margin: 14px 0 0;
    font-size: 14px;
    word-break: break-all;
    color: #444;
}

.devolucion-dfactms-page__upload-modal-footer[b-c2x53g97w4] {
    padding: 0 24px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.devolucion-dfactms-page__modal-cancel[b-c2x53g97w4],
.devolucion-dfactms-page__modal-upload[b-c2x53g97w4] {
    height: 40px;
    padding: 0 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.devolucion-dfactms-page__modal-cancel[b-c2x53g97w4] {
    background: white;
    border: 1px solid #d1d5db;
    color: #333;
}

.devolucion-dfactms-page__modal-upload[b-c2x53g97w4] {
    border: 0;
    background: var(--primary-color, #333);
    color: white;
}

.devolucion-dfactms-page__modal-cancel:disabled[b-c2x53g97w4],
.devolucion-dfactms-page__modal-upload:disabled[b-c2x53g97w4] {
    opacity: .6;
    cursor: not-allowed;
}

.devolucion-dfactms-page__message-modal[b-c2x53g97w4] {
    width: 100%;
    max-width: 420px;
    background: white;
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .2);
}

.devolucion-dfactms-page__message-icon[b-c2x53g97w4] {
    width: 48px;
    height: 48px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
}

.devolucion-dfactms-page__message-icon--success[b-c2x53g97w4] {
    background: #dcfce7;
    color: #15803d;
}

.devolucion-dfactms-page__message-icon--error[b-c2x53g97w4] {
    background: #fee2e2;
    color: #dc2626;
}

.devolucion-dfactms-page__message-icon--warning[b-c2x53g97w4] {
    background: #fef3c7;
    color: #d97706;
}

.devolucion-dfactms-page__message-icon--info[b-c2x53g97w4] {
    background: #e0f2fe;
    color: #0284c7;
}

.devolucion-dfactms-page__message-modal h2[b-c2x53g97w4] {
    margin: 0 0 10px;
    font-size: 20px;
}

.devolucion-dfactms-page__message-modal p[b-c2x53g97w4] {
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.5;
}

.devolucion-dfactms-page__message-modal button[b-c2x53g97w4] {
    margin-top: 24px;
    min-width: 120px;
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 6px;
    background: #333;
    color: white;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 768px) {

    .devolucion-dfactms-page__content[b-c2x53g97w4] {
        padding: 24px 16px 60px;
    }

    .devolucion-dfactms-page__actions[b-c2x53g97w4] {
        align-items: stretch;
        flex-direction: column;
    }

    .devolucion-dfactms-page__actions-right[b-c2x53g97w4] {
        width: 100%;
        flex-direction: column;
    }

    .devolucion-dfactms-page__back[b-c2x53g97w4],
    .devolucion-dfactms-page__download[b-c2x53g97w4],
    .devolucion-dfactms-page__upload[b-c2x53g97w4] {
        width: 100%;
    }

    .devolucion-dfactms-page__upload-modal[b-c2x53g97w4] {
        max-width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/DevolucionDfacts.razor.rz.scp.css */
.devolucion-dfacts-page[b-4v2m6krddh] {
    min-height: 100vh;
    width: 100%;
}

.devolucion-dfacts-page__content[b-4v2m6krddh] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 16px 80px;
}

.devolucion-dfacts-page__body[b-4v2m6krddh] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.devolucion-dfacts-page__loading[b-4v2m6krddh] {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.devolucion-dfacts-page__spinner[b-4v2m6krddh] {
    width: 38px;
    height: 38px;
    border: 4px solid #e5e7eb;
    border-top-color: #333;
    border-radius: 50%;
    animation: devolucion-dfacts-spin-b-4v2m6krddh .8s linear infinite;
}

.devolucion-dfacts-page__loading p[b-4v2m6krddh] {
    margin: 0;
    font-size: 14px;
    color: #666;
}

@keyframes devolucion-dfacts-spin-b-4v2m6krddh {
    to {
        transform: rotate(360deg);
    }
}

.devolucion-dfacts-page__external-warning[b-4v2m6krddh] {
    width: 100%;
    border: 1px solid #f5c542;
    background: #fff8e1;
    color: #7a5b00;
    border-radius: 8px;
    padding: 16px 20px;
}

.devolucion-dfacts-page__external-title[b-4v2m6krddh] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.devolucion-dfacts-page__external-text[b-4v2m6krddh] {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 1.5;
}

.devolucion-dfacts-page__actions[b-4v2m6krddh] {
    width: 100%;
    padding-top: 32px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.devolucion-dfacts-page__actions-right[b-4v2m6krddh] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.devolucion-dfacts-page__back[b-4v2m6krddh],
.devolucion-dfacts-page__download[b-4v2m6krddh],
.devolucion-dfacts-page__upload[b-4v2m6krddh] {
    height: 46px;
    min-width: 145px;
    padding: 0 32px;
    border-radius: 6px;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    cursor: pointer;
    transition: opacity .2s ease;
}

.devolucion-dfacts-page__back[b-4v2m6krddh] {
    background: transparent;
    border: 1px solid var(--primary-color, #333);
    color: var(--primary-color, #333);
}

.devolucion-dfacts-page__download[b-4v2m6krddh] {
    min-width: 215px;
    background: #333;
    color: white;
}

.devolucion-dfacts-page__upload[b-4v2m6krddh] {
    min-width: 205px;
    background: var(--primary-color, #333);
    color: white;
}

.devolucion-dfacts-page__back:hover[b-4v2m6krddh],
.devolucion-dfacts-page__download:hover[b-4v2m6krddh],
.devolucion-dfacts-page__upload:hover[b-4v2m6krddh] {
    opacity: .9;
}

.devolucion-dfacts-page__download:disabled[b-4v2m6krddh],
.devolucion-dfacts-page__upload:disabled[b-4v2m6krddh],
.devolucion-dfacts-page__back:disabled[b-4v2m6krddh] {
    opacity: .45;
    cursor: not-allowed;
}

.devolucion-dfacts-page__modal-overlay[b-4v2m6krddh],
.devolucion-dfacts-page__message-overlay[b-4v2m6krddh] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.devolucion-dfacts-page__upload-modal[b-4v2m6krddh] {
    width: 100%;
    max-width: 460px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .2);
    overflow: hidden;
}

.devolucion-dfacts-page__upload-modal-header[b-4v2m6krddh] {
    padding: 22px 24px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.devolucion-dfacts-page__upload-modal-header h2[b-4v2m6krddh] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.devolucion-dfacts-page__upload-modal-header button[b-4v2m6krddh] {
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    font-size: 25px;
    color: #666;
    cursor: pointer;
}

.devolucion-dfacts-page__upload-modal-body[b-4v2m6krddh] {
    padding: 24px;
}

.devolucion-dfacts-page__file-input[b-4v2m6krddh] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 12px;
    font-size: 14px;
}

.devolucion-dfacts-page__selected-file[b-4v2m6krddh] {
    margin: 14px 0 0;
    font-size: 14px;
    word-break: break-all;
    color: #444;
}

.devolucion-dfacts-page__upload-modal-footer[b-4v2m6krddh] {
    padding: 0 24px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.devolucion-dfacts-page__modal-cancel[b-4v2m6krddh],
.devolucion-dfacts-page__modal-upload[b-4v2m6krddh] {
    height: 40px;
    padding: 0 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.devolucion-dfacts-page__modal-cancel[b-4v2m6krddh] {
    background: white;
    border: 1px solid #d1d5db;
    color: #333;
}

.devolucion-dfacts-page__modal-upload[b-4v2m6krddh] {
    border: 0;
    background: var(--primary-color, #333);
    color: white;
}

.devolucion-dfacts-page__modal-cancel:disabled[b-4v2m6krddh],
.devolucion-dfacts-page__modal-upload:disabled[b-4v2m6krddh] {
    opacity: .6;
    cursor: not-allowed;
}

.devolucion-dfacts-page__message-modal[b-4v2m6krddh] {
    width: 100%;
    max-width: 420px;
    background: white;
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .2);
}

.devolucion-dfacts-page__message-icon[b-4v2m6krddh] {
    width: 48px;
    height: 48px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
}

.devolucion-dfacts-page__message-icon--success[b-4v2m6krddh] {
    background: #dcfce7;
    color: #15803d;
}

.devolucion-dfacts-page__message-icon--error[b-4v2m6krddh] {
    background: #fee2e2;
    color: #dc2626;
}

.devolucion-dfacts-page__message-icon--warning[b-4v2m6krddh] {
    background: #fef3c7;
    color: #d97706;
}

.devolucion-dfacts-page__message-icon--info[b-4v2m6krddh] {
    background: #e0f2fe;
    color: #0284c7;
}

.devolucion-dfacts-page__message-modal h2[b-4v2m6krddh] {
    margin: 0 0 10px;
    font-size: 20px;
}

.devolucion-dfacts-page__message-modal p[b-4v2m6krddh] {
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.5;
}

.devolucion-dfacts-page__message-modal button[b-4v2m6krddh] {
    margin-top: 24px;
    min-width: 120px;
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 6px;
    background: #333;
    color: white;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 768px) {

    .devolucion-dfacts-page__content[b-4v2m6krddh] {
        padding: 24px 16px 60px;
    }

    .devolucion-dfacts-page__actions[b-4v2m6krddh] {
        align-items: stretch;
        flex-direction: column;
    }

    .devolucion-dfacts-page__actions-right[b-4v2m6krddh] {
        width: 100%;
        flex-direction: column;
    }

    .devolucion-dfacts-page__back[b-4v2m6krddh],
    .devolucion-dfacts-page__download[b-4v2m6krddh],
    .devolucion-dfacts-page__upload[b-4v2m6krddh] {
        width: 100%;
    }

    .devolucion-dfacts-page__upload-modal[b-4v2m6krddh] {
        max-width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/ProgramaEstudiosDfactms.razor.rz.scp.css */
.programa-estudios-page[b-icf9adq5kn] {
    min-height: 100vh;
    width: 100%;
}

.programa-estudios-page__content[b-icf9adq5kn] {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 32px 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    box-sizing: border-box;
}

.programa-estudios-page__loading[b-icf9adq5kn] {
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.archivos-card[b-icf9adq5kn] {
    width: 100%;
    border-radius: 14px;
}

.archivos-card__content[b-icf9adq5kn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.archivos-card__footer[b-icf9adq5kn] {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}

.archivos-card__empty[b-icf9adq5kn] {
    padding: 30px;
    text-align: center;
    font-size: 15px;
    opacity: .7;
}

.programas-table[b-icf9adq5kn] {
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
}

.programas-table__header[b-icf9adq5kn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.programas-table__title[b-icf9adq5kn] {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}

.programas-table__header-actions[b-icf9adq5kn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.programas-table__header-button[b-icf9adq5kn] {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    background: #fff;
    color: #333;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        opacity .15s ease;
}

.programas-table__header-button:hover:not(:disabled)[b-icf9adq5kn] {
    background: #f5f5f5;
}

.programas-table__header-button:disabled[b-icf9adq5kn] {
    opacity: .55;
    cursor: not-allowed;
}

.programas-table__scroll[b-icf9adq5kn] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
}

.programas-table__table[b-icf9adq5kn] {
    width: 100%;
    min-width: 1000px;
    border-collapse: collapse;
    background: #fff;
}

.programas-table__table thead[b-icf9adq5kn] {
    background: #f7f7f7;
}

.programas-table__table th[b-icf9adq5kn],
.programas-table__table td[b-icf9adq5kn] {
    padding: 14px 12px;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
}

.programas-table__table th[b-icf9adq5kn] {
    text-align: left;
    font-size: 13px;
    font-weight: 700;
}

.programas-table__table td[b-icf9adq5kn] {
    font-size: 14px;
}

.programas-table__column--clave[b-icf9adq5kn] {
    width: 150px;
}

.programas-table__column--asignatura[b-icf9adq5kn] {
    width: 250px;
}

.programas-table__column--documento[b-icf9adq5kn] {
    width: 260px;
}

.programas-table__column--acciones[b-icf9adq5kn] {
    width: 150px;
    text-align: center;
}

.programas-table__optional[b-icf9adq5kn] {
    font-weight: 400;
    opacity: .65;
    margin-left: 4px;
}

.programas-table__input[b-icf9adq5kn] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    background: #fff;
    outline: none;
    font: inherit;
    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.programas-table__input:focus[b-icf9adq5kn] {
    border-color: #888;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);
}

.programas-table__input:disabled[b-icf9adq5kn] {
    background: #f5f5f5;
    cursor: not-allowed;
}

.programas-table__file-control[b-icf9adq5kn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.programas-table__upload[b-icf9adq5kn] {
    position: relative;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #d6d6d6;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.programas-table__upload:hover[b-icf9adq5kn] {
    background: #f6f6f6;
}

.programas-table__upload--disabled[b-icf9adq5kn] {
    opacity: .55;
    cursor: not-allowed;
}

.programas-table__native-file[b-icf9adq5kn] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.programas-table__file-name[b-icf9adq5kn] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
}

.programas-table__file-name > span:last-child[b-icf9adq5kn] {
    min-width: 0;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.programas-table__file-icon[b-icf9adq5kn] {
    flex: 0 0 auto;
    opacity: .45;
}

.programas-table__file-icon--loaded[b-icf9adq5kn] {
    opacity: 1;
}

.programas-table__actions[b-icf9adq5kn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.programas-table__action-button[b-icf9adq5kn] {
    width: 34px;
    height: 34px;
    border: 1px solid #ddd;
    border-radius: 7px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    transition:
        background-color .15s ease,
        opacity .15s ease;
}

.programas-table__action-button:hover:not(:disabled)[b-icf9adq5kn] {
    background: #f2f2f2;
}

.programas-table__action-button:disabled[b-icf9adq5kn] {
    opacity: .4;
    cursor: not-allowed;
}

.programas-table__action-button--delete[b-icf9adq5kn] {
    border-color: #e2e2e2;
}

.programas-table__empty[b-icf9adq5kn] {
    padding: 40px 20px !important;
    text-align: center;
    opacity: .65;
}

@media (max-width: 768px) {

    .programa-estudios-page__content[b-icf9adq5kn] {
        padding: 24px 12px 60px;
        gap: 28px;
    }

    .programas-table__header[b-icf9adq5kn] {
        align-items: flex-start;
        flex-direction: column;
    }

    .programas-table__header-actions[b-icf9adq5kn] {
        width: 100%;
    }

    .programas-table__header-button[b-icf9adq5kn] {
        flex: 1;
    }

    .programas-table__title[b-icf9adq5kn] {
        font-size: 19px;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/ProgramaEstudiosDfacts.razor.rz.scp.css */
.programa-estudios-page[b-wq5ybatnwr] {
    min-height: 100vh;
    width: 100%;
}

.programa-estudios-page__content[b-wq5ybatnwr] {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 32px 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    box-sizing: border-box;
}

.programa-estudios-page__loading[b-wq5ybatnwr] {
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.archivos-card[b-wq5ybatnwr] {
    width: 100%;
    border-radius: 14px;
}

.archivos-card__content[b-wq5ybatnwr] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.archivos-card__footer[b-wq5ybatnwr] {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}

.archivos-card__empty[b-wq5ybatnwr] {
    padding: 30px;
    text-align: center;
    font-size: 15px;
    opacity: .7;
}

.programas-table[b-wq5ybatnwr] {
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
}

.programas-table__header[b-wq5ybatnwr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.programas-table__title[b-wq5ybatnwr] {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}

.programas-table__header-actions[b-wq5ybatnwr] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.programas-table__header-button[b-wq5ybatnwr] {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    background: #fff;
    color: #333;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        opacity .15s ease;
}

.programas-table__header-button:hover:not(:disabled)[b-wq5ybatnwr] {
    background: #f5f5f5;
}

.programas-table__header-button:disabled[b-wq5ybatnwr] {
    opacity: .55;
    cursor: not-allowed;
}

.programas-table__scroll[b-wq5ybatnwr] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
}

.programas-table__table[b-wq5ybatnwr] {
    width: 100%;
    min-width: 1000px;
    border-collapse: collapse;
    background: #fff;
}

.programas-table__table thead[b-wq5ybatnwr] {
    background: #f7f7f7;
}

.programas-table__table th[b-wq5ybatnwr],
.programas-table__table td[b-wq5ybatnwr] {
    padding: 14px 12px;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
}

.programas-table__table th[b-wq5ybatnwr] {
    text-align: left;
    font-size: 13px;
    font-weight: 700;
}

.programas-table__table td[b-wq5ybatnwr] {
    font-size: 14px;
}

.programas-table__column--clave[b-wq5ybatnwr] {
    width: 150px;
}

.programas-table__column--asignatura[b-wq5ybatnwr] {
    width: 250px;
}

.programas-table__column--documento[b-wq5ybatnwr] {
    width: 260px;
}

.programas-table__column--acciones[b-wq5ybatnwr] {
    width: 150px;
    text-align: center;
}

.programas-table__optional[b-wq5ybatnwr] {
    font-weight: 400;
    opacity: .65;
    margin-left: 4px;
}

.programas-table__input[b-wq5ybatnwr] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    background: #fff;
    outline: none;
    font: inherit;
    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.programas-table__input:focus[b-wq5ybatnwr] {
    border-color: #888;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);
}

.programas-table__input:disabled[b-wq5ybatnwr] {
    background: #f5f5f5;
    cursor: not-allowed;
}

.programas-table__file-control[b-wq5ybatnwr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.programas-table__upload[b-wq5ybatnwr] {
    position: relative;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #d6d6d6;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.programas-table__upload:hover[b-wq5ybatnwr] {
    background: #f6f6f6;
}

.programas-table__upload--disabled[b-wq5ybatnwr] {
    opacity: .55;
    cursor: not-allowed;
}

.programas-table__native-file[b-wq5ybatnwr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.programas-table__file-name[b-wq5ybatnwr] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
}

.programas-table__file-name > span:last-child[b-wq5ybatnwr] {
    min-width: 0;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.programas-table__file-icon[b-wq5ybatnwr] {
    flex: 0 0 auto;
    opacity: .45;
}

.programas-table__file-icon--loaded[b-wq5ybatnwr] {
    opacity: 1;
}

.programas-table__actions[b-wq5ybatnwr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.programas-table__action-button[b-wq5ybatnwr] {
    width: 34px;
    height: 34px;
    border: 1px solid #ddd;
    border-radius: 7px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    transition:
        background-color .15s ease,
        opacity .15s ease;
}

.programas-table__action-button:hover:not(:disabled)[b-wq5ybatnwr] {
    background: #f2f2f2;
}

.programas-table__action-button:disabled[b-wq5ybatnwr] {
    opacity: .4;
    cursor: not-allowed;
}

.programas-table__action-button--delete[b-wq5ybatnwr] {
    border-color: #e2e2e2;
}

.programas-table__empty[b-wq5ybatnwr] {
    padding: 40px 20px !important;
    text-align: center;
    opacity: .65;
}

@media (max-width: 768px) {

    .programa-estudios-page__content[b-wq5ybatnwr] {
        padding: 24px 12px 60px;
        gap: 28px;
    }

    .programas-table__header[b-wq5ybatnwr] {
        align-items: flex-start;
        flex-direction: column;
    }

    .programas-table__header-actions[b-wq5ybatnwr] {
        width: 100%;
    }

    .programas-table__header-button[b-wq5ybatnwr] {
        flex: 1;
    }

    .programas-table__title[b-wq5ybatnwr] {
        font-size: 19px;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/revision-externa/DesfavorableDfactms.razor.rz.scp.css */
.desfavorable-dfactms-page[b-xnpsed1ap7] {
    min-height: 100vh;
    width: 100%;
}

.desfavorable-dfactms-page__content[b-xnpsed1ap7] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 16px 80px;
}

.desfavorable-dfactms-page__body[b-xnpsed1ap7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.desfavorable-dfactms-loading[b-xnpsed1ap7] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-size: 15px;
    font-weight: 500;
}

.desfavorable-dfactms-spinner[b-xnpsed1ap7] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #1f2937;
    border-radius: 50%;
    animation: desfavorable-dfactms-spin-b-xnpsed1ap7 0.8s linear infinite;
}

@keyframes desfavorable-dfactms-spin-b-xnpsed1ap7 {
    to {
        transform: rotate(360deg);
    }
}

.archivos-dictamen[b-xnpsed1ap7] {
    width: 100%;
    background: #ffffff;
    border-radius: 10px;
}

.archivos-dictamen__title[b-xnpsed1ap7] {
    margin: 0 0 22px;

    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
}

.archivos-dictamen__list[b-xnpsed1ap7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.archivos-dictamen__row[b-xnpsed1ap7] {
    display: grid;
    grid-template-columns: minmax(260px, 1.4fr) minmax(160px, 0.7fr) minmax(300px, 1.4fr);
    gap: 24px;
    padding: 20px 22px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.archivos-dictamen__name[b-xnpsed1ap7] {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 600;
    color: #1f2937;
}

.archivos-dictamen__name span[b-xnpsed1ap7] {
    margin-left: 3px;
    color: #dc2626;
}

.archivos-dictamen__link[b-xnpsed1ap7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #2563eb;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
}

.archivos-dictamen__link:hover[b-xnpsed1ap7] {
    text-decoration: underline;
}

.archivos-dictamen__link svg[b-xnpsed1ap7] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.archivos-dictamen__unavailable[b-xnpsed1ap7] {
    margin: 0;
    color: #9ca3af;
    font-size: 14px;
}

.archivos-dictamen__label[b-xnpsed1ap7] {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.archivos-dictamen__box[b-xnpsed1ap7] {
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 9px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f9fafb;
    color: #374151;
    font-size: 14px;
}

.archivos-dictamen__box--reason[b-xnpsed1ap7] {
    min-height: 42px;
    line-height: 1.45;
}

.programas-dictamen[b-xnpsed1ap7] {
    width: 100%;
}

.programas-dictamen__header[b-xnpsed1ap7] {
    margin-bottom: 18px;
}

.programas-dictamen__header h2[b-xnpsed1ap7] {
    margin: 0;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
}

.programas-dictamen__table-container[b-xnpsed1ap7] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;

    background: #ffffff;
}

.programas-dictamen__table-container table[b-xnpsed1ap7] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.programas-dictamen__table-container th[b-xnpsed1ap7] {
    padding: 14px 16px;
    background: #f3f4f6;
    border-bottom: 1px solid #d1d5db;
    color: #374151;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.programas-dictamen__table-container td[b-xnpsed1ap7] {
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    font-size: 14px;
    vertical-align: middle;
}

.programas-dictamen__table-container tbody tr:last-child td[b-xnpsed1ap7] {
    border-bottom: 0;
}

.programas-dictamen__table-container tbody tr:hover[b-xnpsed1ap7] {
    background: #fafafa;
}

.programas-dictamen__review[b-xnpsed1ap7] {
    min-width: 110px;
    padding: 8px 14px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.programas-dictamen__review:hover:not(:disabled)[b-xnpsed1ap7] {
    background: #f3f4f6;
}

.programas-dictamen__review:disabled[b-xnpsed1ap7] {
    cursor: not-allowed;
    opacity: 0.55;
}

.programas-dictamen__review--accepted[b-xnpsed1ap7] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.programas-dictamen__review--rejected[b-xnpsed1ap7] {
    border-color: #fca5a5;
    background: #fef2f2;
    color: #991b1b;
}

.programas-dictamen__empty[b-xnpsed1ap7] {
    padding: 28px 16px !important;
    color: #9ca3af !important;
    text-align: center !important;
}

.programas-dictamen__overlay[b-xnpsed1ap7] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.45);
}

.programas-dictamen__modal[b-xnpsed1ap7] {
    width: min(720px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.programas-dictamen__modal > header[b-xnpsed1ap7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    border-bottom: 1px solid #e5e7eb;
}

.programas-dictamen__modal > header h3[b-xnpsed1ap7] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.programas-dictamen__modal > header button[b-xnpsed1ap7] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #6b7280;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}

.programas-dictamen__modal > header button:hover[b-xnpsed1ap7] {
    background: #f3f4f6;
    color: #111827;
}

.programas-dictamen__modal-body[b-xnpsed1ap7] {
    padding: 22px;
    overflow-y: auto;
}

.programas-dictamen__summary[b-xnpsed1ap7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 24px;
}

.programas-dictamen__summary small[b-xnpsed1ap7] {
    display: block;
    margin-bottom: 6px;
    color: #6b7280;
    font-size: 11px;
    font-weight: 700;
}

.programas-dictamen__summary p[b-xnpsed1ap7] {
    margin: 0;
    color: #1f2937;
    font-size: 14px;
}

.programas-dictamen__document-info[b-xnpsed1ap7] {
    grid-column: 1 / -1;
}

.programas-dictamen__document-info button[b-xnpsed1ap7] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #2563eb;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.programas-dictamen__document-info button:hover[b-xnpsed1ap7] {
    text-decoration: underline;
}

.programas-dictamen__modal-body > label[b-xnpsed1ap7] {
    display: block;
    margin-bottom: 7px;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
}

.programas-dictamen__readonly[b-xnpsed1ap7] {
    min-height: 42px;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    padding: 9px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f9fafb;
    color: #374151;
    font-size: 14px;
}

.programas-dictamen__reason[b-xnpsed1ap7] {
    align-items: flex-start;
    line-height: 1.45;
}

.programas-dictamen__modal > footer[b-xnpsed1ap7] {
    display: flex;
    justify-content: flex-end;
    padding: 16px 22px;
    border-top: 1px solid #e5e7eb;
}

.programas-dictamen__modal > footer button[b-xnpsed1ap7] {
    padding: 9px 18px;
    border: 0;
    border-radius: 6px;
    background: #1f2937;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.programas-dictamen__modal > footer button:hover[b-xnpsed1ap7] {
    background: #111827;
}

.botonera-desfavorable[b-xnpsed1ap7] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 8px;
}

.botonera-desfavorable__return[b-xnpsed1ap7] {
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.botonera-desfavorable__return:hover:not(:disabled)[b-xnpsed1ap7] {
    background: #f3f4f6;
}

.botonera-desfavorable__actions[b-xnpsed1ap7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.botonera-desfavorable__button[b-xnpsed1ap7] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, opacity 0.15s ease;
}

.botonera-desfavorable__button:disabled[b-xnpsed1ap7],
.botonera-desfavorable__return:disabled[b-xnpsed1ap7] {
    cursor: not-allowed;
    opacity: 0.55;
}

.botonera-desfavorable__button--dark[b-xnpsed1ap7] {
    border: 1px solid #1f2937;
    background: #1f2937;
    color: #ffffff;
}

.botonera-desfavorable__button--dark:hover:not(:disabled)[b-xnpsed1ap7] {
    background: #111827;
}

.botonera-desfavorable__button--primary[b-xnpsed1ap7] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.botonera-desfavorable__button--primary:hover:not(:disabled)[b-xnpsed1ap7] {
    background: #1d4ed8;
}

.modal-desfavorable[b-xnpsed1ap7] {
    width: 100%;
}

.modal-desfavorable__selector[b-xnpsed1ap7] {
    position: relative;
    width: 100%;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    background: #f9fafb;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.modal-desfavorable__selector:hover[b-xnpsed1ap7] {
    border-color: #2563eb;
    background: #eff6ff;
}

.modal-desfavorable__selector--disabled[b-xnpsed1ap7] {
    cursor: not-allowed;
    opacity: 0.6;
}

.modal-desfavorable__native[b-xnpsed1ap7] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.modal-desfavorable__selected[b-xnpsed1ap7] {
    margin: 14px 0 0;
    color: #374151;
    font-size: 13px;
    line-height: 1.4;
}

.modal-desfavorable__selected strong[b-xnpsed1ap7] {
    color: #111827;
}

.modal-desfavorable__error[b-xnpsed1ap7] {
    margin: 12px 0 0;
    color: #dc2626;
    font-size: 13px;
    line-height: 1.4;
}

.modal-desfavorable__actions[b-xnpsed1ap7] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.modal-desfavorable__cancel[b-xnpsed1ap7],
.modal-desfavorable__submit[b-xnpsed1ap7] {
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.modal-desfavorable__cancel[b-xnpsed1ap7] {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
}

.modal-desfavorable__cancel:hover:not(:disabled)[b-xnpsed1ap7] {
    background: #f3f4f6;
}

.modal-desfavorable__submit[b-xnpsed1ap7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.modal-desfavorable__submit:hover:not(:disabled)[b-xnpsed1ap7] {
    background: #1d4ed8;
}

.modal-desfavorable__cancel:disabled[b-xnpsed1ap7],
.modal-desfavorable__submit:disabled[b-xnpsed1ap7] {
    cursor: not-allowed;
    opacity: 0.55;
}

.modal-desfavorable__spinner[b-xnpsed1ap7] {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: modal-desfavorable-spin-b-xnpsed1ap7 0.7s linear infinite;
}

@keyframes modal-desfavorable-spin-b-xnpsed1ap7 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 900px) {

    .archivos-dictamen__row[b-xnpsed1ap7] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .botonera-desfavorable[b-xnpsed1ap7] {
        align-items: stretch;
        flex-direction: column;
    }

    .botonera-desfavorable__actions[b-xnpsed1ap7] {
        width: 100%;
        flex-direction: column;
    }

    .botonera-desfavorable__return[b-xnpsed1ap7],
    .botonera-desfavorable__button[b-xnpsed1ap7] {
        width: 100%;
    }
}

@media (max-width: 640px) {

    .desfavorable-dfactms-page__content[b-xnpsed1ap7] {
        padding: 24px 12px 60px;
    }

    .archivos-dictamen__title[b-xnpsed1ap7],
    .programas-dictamen__header h2[b-xnpsed1ap7] {
        font-size: 21px;
    }

    .archivos-dictamen__row[b-xnpsed1ap7] {
        padding: 16px;
    }

    .programas-dictamen__overlay[b-xnpsed1ap7] {
        padding: 12px;
    }

    .programas-dictamen__modal[b-xnpsed1ap7] {
        max-height: calc(100vh - 24px);
    }

    .programas-dictamen__summary[b-xnpsed1ap7] {
        grid-template-columns: 1fr;
    }

    .programas-dictamen__document-info[b-xnpsed1ap7] {
        grid-column: auto;
    }

    .modal-desfavorable__actions[b-xnpsed1ap7] {
        flex-direction: column-reverse;
    }

    .modal-desfavorable__cancel[b-xnpsed1ap7],
    .modal-desfavorable__submit[b-xnpsed1ap7] {
        width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/revision-externa/DesfavorableDfacts.razor.rz.scp.css */
.desfavorable-dfacts-page[b-k7li2jgi0i] {
    min-height: 100vh;
    width: 100%;
}

.desfavorable-dfacts-page__content[b-k7li2jgi0i] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 16px 80px;
}

.desfavorable-dfacts-page__body[b-k7li2jgi0i] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.desfavorable-dfacts-loading[b-k7li2jgi0i] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-size: 15px;
    font-weight: 500;
}

.desfavorable-dfacts-spinner[b-k7li2jgi0i] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #1f2937;
    border-radius: 50%;
    animation: desfavorable-dfacts-spin-b-k7li2jgi0i 0.8s linear infinite;
}

@keyframes desfavorable-dfacts-spin-b-k7li2jgi0i {
    to {
        transform: rotate(360deg);
    }
}

.archivos-dictamen[b-k7li2jgi0i] {
    width: 100%;
    background: #ffffff;
    border-radius: 10px;
}

.archivos-dictamen__title[b-k7li2jgi0i] {
    margin: 0 0 22px;

    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
}

.archivos-dictamen__list[b-k7li2jgi0i] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.archivos-dictamen__row[b-k7li2jgi0i] {
    display: grid;
    grid-template-columns: minmax(260px, 1.4fr) minmax(160px, 0.7fr) minmax(300px, 1.4fr);
    gap: 24px;
    padding: 20px 22px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.archivos-dictamen__name[b-k7li2jgi0i] {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 600;
    color: #1f2937;
}

.archivos-dictamen__name span[b-k7li2jgi0i] {
    margin-left: 3px;
    color: #dc2626;
}

.archivos-dictamen__link[b-k7li2jgi0i] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #2563eb;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
}

.archivos-dictamen__link:hover[b-k7li2jgi0i] {
    text-decoration: underline;
}

.archivos-dictamen__link svg[b-k7li2jgi0i] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.archivos-dictamen__unavailable[b-k7li2jgi0i] {
    margin: 0;
    color: #9ca3af;
    font-size: 14px;
}

.archivos-dictamen__label[b-k7li2jgi0i] {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.archivos-dictamen__box[b-k7li2jgi0i] {
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 9px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f9fafb;
    color: #374151;
    font-size: 14px;
}

.archivos-dictamen__box--reason[b-k7li2jgi0i] {
    min-height: 42px;
    line-height: 1.45;
}

.programas-dictamen[b-k7li2jgi0i] {
    width: 100%;
}

.programas-dictamen__header[b-k7li2jgi0i] {
    margin-bottom: 18px;
}

.programas-dictamen__header h2[b-k7li2jgi0i] {
    margin: 0;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
}

.programas-dictamen__table-container[b-k7li2jgi0i] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;

    background: #ffffff;
}

.programas-dictamen__table-container table[b-k7li2jgi0i] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.programas-dictamen__table-container th[b-k7li2jgi0i] {
    padding: 14px 16px;
    background: #f3f4f6;
    border-bottom: 1px solid #d1d5db;
    color: #374151;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.programas-dictamen__table-container td[b-k7li2jgi0i] {
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    font-size: 14px;
    vertical-align: middle;
}

.programas-dictamen__table-container tbody tr:last-child td[b-k7li2jgi0i] {
    border-bottom: 0;
}

.programas-dictamen__table-container tbody tr:hover[b-k7li2jgi0i] {
    background: #fafafa;
}

.programas-dictamen__review[b-k7li2jgi0i] {
    min-width: 110px;
    padding: 8px 14px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.programas-dictamen__review:hover:not(:disabled)[b-k7li2jgi0i] {
    background: #f3f4f6;
}

.programas-dictamen__review:disabled[b-k7li2jgi0i] {
    cursor: not-allowed;
    opacity: 0.55;
}

.programas-dictamen__review--accepted[b-k7li2jgi0i] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.programas-dictamen__review--rejected[b-k7li2jgi0i] {
    border-color: #fca5a5;
    background: #fef2f2;
    color: #991b1b;
}

.programas-dictamen__empty[b-k7li2jgi0i] {
    padding: 28px 16px !important;
    color: #9ca3af !important;
    text-align: center !important;
}

.programas-dictamen__overlay[b-k7li2jgi0i] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.45);
}

.programas-dictamen__modal[b-k7li2jgi0i] {
    width: min(720px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.programas-dictamen__modal > header[b-k7li2jgi0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    border-bottom: 1px solid #e5e7eb;
}

.programas-dictamen__modal > header h3[b-k7li2jgi0i] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.programas-dictamen__modal > header button[b-k7li2jgi0i] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #6b7280;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}

.programas-dictamen__modal > header button:hover[b-k7li2jgi0i] {
    background: #f3f4f6;
    color: #111827;
}

.programas-dictamen__modal-body[b-k7li2jgi0i] {
    padding: 22px;
    overflow-y: auto;
}

.programas-dictamen__summary[b-k7li2jgi0i] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 24px;
}

.programas-dictamen__summary small[b-k7li2jgi0i] {
    display: block;
    margin-bottom: 6px;
    color: #6b7280;
    font-size: 11px;
    font-weight: 700;
}

.programas-dictamen__summary p[b-k7li2jgi0i] {
    margin: 0;
    color: #1f2937;
    font-size: 14px;
}

.programas-dictamen__document-info[b-k7li2jgi0i] {
    grid-column: 1 / -1;
}

.programas-dictamen__document-info button[b-k7li2jgi0i] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #2563eb;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.programas-dictamen__document-info button:hover[b-k7li2jgi0i] {
    text-decoration: underline;
}

.programas-dictamen__modal-body > label[b-k7li2jgi0i] {
    display: block;
    margin-bottom: 7px;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
}

.programas-dictamen__readonly[b-k7li2jgi0i] {
    min-height: 42px;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    padding: 9px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f9fafb;
    color: #374151;
    font-size: 14px;
}

.programas-dictamen__reason[b-k7li2jgi0i] {
    align-items: flex-start;
    line-height: 1.45;
}

.programas-dictamen__modal > footer[b-k7li2jgi0i] {
    display: flex;
    justify-content: flex-end;
    padding: 16px 22px;
    border-top: 1px solid #e5e7eb;
}

.programas-dictamen__modal > footer button[b-k7li2jgi0i] {
    padding: 9px 18px;
    border: 0;
    border-radius: 6px;
    background: #1f2937;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.programas-dictamen__modal > footer button:hover[b-k7li2jgi0i] {
    background: #111827;
}

.botonera-desfavorable[b-k7li2jgi0i] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 8px;
}

.botonera-desfavorable__return[b-k7li2jgi0i] {
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.botonera-desfavorable__return:hover:not(:disabled)[b-k7li2jgi0i] {
    background: #f3f4f6;
}

.botonera-desfavorable__actions[b-k7li2jgi0i] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.botonera-desfavorable__button[b-k7li2jgi0i] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, opacity 0.15s ease;
}

.botonera-desfavorable__button:disabled[b-k7li2jgi0i],
.botonera-desfavorable__return:disabled[b-k7li2jgi0i] {
    cursor: not-allowed;
    opacity: 0.55;
}

.botonera-desfavorable__button--dark[b-k7li2jgi0i] {
    border: 1px solid #1f2937;
    background: #1f2937;
    color: #ffffff;
}

.botonera-desfavorable__button--dark:hover:not(:disabled)[b-k7li2jgi0i] {
    background: #111827;
}

.botonera-desfavorable__button--primary[b-k7li2jgi0i] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.botonera-desfavorable__button--primary:hover:not(:disabled)[b-k7li2jgi0i] {
    background: #1d4ed8;
}

.modal-desfavorable[b-k7li2jgi0i] {
    width: 100%;
}

.modal-desfavorable__selector[b-k7li2jgi0i] {
    position: relative;
    width: 100%;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    background: #f9fafb;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.modal-desfavorable__selector:hover[b-k7li2jgi0i] {
    border-color: #2563eb;
    background: #eff6ff;
}

.modal-desfavorable__selector--disabled[b-k7li2jgi0i] {
    cursor: not-allowed;
    opacity: 0.6;
}

.modal-desfavorable__native[b-k7li2jgi0i] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.modal-desfavorable__selected[b-k7li2jgi0i] {
    margin: 14px 0 0;
    color: #374151;
    font-size: 13px;
    line-height: 1.4;
}

.modal-desfavorable__selected strong[b-k7li2jgi0i] {
    color: #111827;
}

.modal-desfavorable__error[b-k7li2jgi0i] {
    margin: 12px 0 0;
    color: #dc2626;
    font-size: 13px;
    line-height: 1.4;
}

.modal-desfavorable__actions[b-k7li2jgi0i] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.modal-desfavorable__cancel[b-k7li2jgi0i],
.modal-desfavorable__submit[b-k7li2jgi0i] {
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.modal-desfavorable__cancel[b-k7li2jgi0i] {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
}

.modal-desfavorable__cancel:hover:not(:disabled)[b-k7li2jgi0i] {
    background: #f3f4f6;
}

.modal-desfavorable__submit[b-k7li2jgi0i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.modal-desfavorable__submit:hover:not(:disabled)[b-k7li2jgi0i] {
    background: #1d4ed8;
}

.modal-desfavorable__cancel:disabled[b-k7li2jgi0i],
.modal-desfavorable__submit:disabled[b-k7li2jgi0i] {
    cursor: not-allowed;
    opacity: 0.55;
}

.modal-desfavorable__spinner[b-k7li2jgi0i] {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: modal-desfavorable-spin-b-k7li2jgi0i 0.7s linear infinite;
}

@keyframes modal-desfavorable-spin-b-k7li2jgi0i {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 900px) {

    .archivos-dictamen__row[b-k7li2jgi0i] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .botonera-desfavorable[b-k7li2jgi0i] {
        align-items: stretch;
        flex-direction: column;
    }

    .botonera-desfavorable__actions[b-k7li2jgi0i] {
        width: 100%;
        flex-direction: column;
    }

    .botonera-desfavorable__return[b-k7li2jgi0i],
    .botonera-desfavorable__button[b-k7li2jgi0i] {
        width: 100%;
    }
}

@media (max-width: 640px) {

    .desfavorable-dfacts-page__content[b-k7li2jgi0i] {
        padding: 24px 12px 60px;
    }

    .archivos-dictamen__title[b-k7li2jgi0i],
    .programas-dictamen__header h2[b-k7li2jgi0i] {
        font-size: 21px;
    }

    .archivos-dictamen__row[b-k7li2jgi0i] {
        padding: 16px;
    }

    .programas-dictamen__overlay[b-k7li2jgi0i] {
        padding: 12px;
    }

    .programas-dictamen__modal[b-k7li2jgi0i] {
        max-height: calc(100vh - 24px);
    }

    .programas-dictamen__summary[b-k7li2jgi0i] {
        grid-template-columns: 1fr;
    }

    .programas-dictamen__document-info[b-k7li2jgi0i] {
        grid-column: auto;
    }

    .modal-desfavorable__actions[b-k7li2jgi0i] {
        flex-direction: column-reverse;
    }

    .modal-desfavorable__cancel[b-k7li2jgi0i],
    .modal-desfavorable__submit[b-k7li2jgi0i] {
        width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/revision-externa/FavorableDfactms.razor.rz.scp.css */
.favorable-dfactms-page[b-624gic87ji] {
    min-height: 100vh;
    width: 100%;
}

.favorable-dfactms-page__content[b-624gic87ji] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 16px 80px;
    box-sizing: border-box;
}

.favorable-dfactms-page__sections[b-624gic87ji] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.favorable-dfactms-page__main[b-624gic87ji] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 32px 80px;
}

.favorable-dfactms-page__content[b-624gic87ji] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.favorable-dfactms-page__loading[b-624gic87ji] {
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorable-dfactms-page__spinner[b-624gic87ji] {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.12);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: favorable-dfactms-spin-b-624gic87ji 0.8s linear infinite;
}

@keyframes favorable-dfactms-spin-b-624gic87ji {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1024px) {
    .favorable-dfactms-page__main[b-624gic87ji] {
        padding: 32px 24px 80px;
    }
}

@media (max-width: 640px) {
    .favorable-dfactms-page__main[b-624gic87ji] {
        padding: 32px 16px 80px;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/revision-externa/FavorableDfacts.razor.rz.scp.css */
.favorable-dfacts-page[b-orzcl2xv9e] {
    min-height: 100vh;
    width: 100%;
}

.favorable-dfacts-page__content[b-orzcl2xv9e] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 16px 80px;
    box-sizing: border-box;
}

.favorable-dfacts-page__sections[b-orzcl2xv9e] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.favorable-dfacts-page__main[b-orzcl2xv9e] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 32px 80px;
}

.favorable-dfacts-page__content[b-orzcl2xv9e] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.favorable-dfacts-page__loading[b-orzcl2xv9e] {
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorable-dfacts-page__spinner[b-orzcl2xv9e] {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.12);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: favorable-dfacts-spin-b-orzcl2xv9e 0.8s linear infinite;
}

@keyframes favorable-dfacts-spin-b-orzcl2xv9e {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1024px) {
    .favorable-dfacts-page__main[b-orzcl2xv9e] {
        padding: 32px 24px 80px;
    }
}

@media (max-width: 640px) {
    .favorable-dfacts-page__main[b-orzcl2xv9e] {
        padding: 32px 16px 80px;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/revision-externa/RevisionExternaDfactms.razor.rz.scp.css */
.revision-externa-dfactms-page[b-pa23phzbgn] {
    min-height: 100vh;
    width: 100%;
}

.revision-externa-dfactms-page__content[b-pa23phzbgn] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 16px 80px;
}

.revision-externa-dfactms-page__sections[b-pa23phzbgn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}


/* =========================================================
   MODALES
   ========================================================= */

.revision-externa-dfactms__overlay[b-pa23phzbgn] {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background: rgba(0, 0, 0, 0.52);
}

.revision-externa-dfactms__modal[b-pa23phzbgn] {
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 48px);

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: #fff;
    border-radius: 16px;

    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.25);
}

.revision-externa-dfactms__modal--small[b-pa23phzbgn] {
    max-width: 500px;
}


/* =========================================================
   HEADER MODAL
   ========================================================= */

.revision-externa-dfactms__modal-header[b-pa23phzbgn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    padding: 24px 28px;

    border-bottom: 1px solid #e5e7eb;
}

.revision-externa-dfactms__modal-kicker[b-pa23phzbgn] {
    display: block;

    margin-bottom: 5px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: #6b7280;
}

.revision-externa-dfactms__modal-header h2[b-pa23phzbgn] {
    margin: 0;

    font-size: 22px;
    font-weight: 700;

    color: #111827;
}

.revision-externa-dfactms__modal-close[b-pa23phzbgn] {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 8px;

    background: transparent;

    font-size: 28px;
    line-height: 1;

    color: #6b7280;

    cursor: pointer;
}

.revision-externa-dfactms__modal-close:hover[b-pa23phzbgn] {
    background: #f3f4f6;
    color: #111827;
}

.revision-externa-dfactms__modal-close:disabled[b-pa23phzbgn] {
    opacity: 0.5;
    cursor: not-allowed;
}


/* =========================================================
   BODY
   ========================================================= */

.revision-externa-dfactms__modal-body[b-pa23phzbgn] {
    padding: 28px;

    overflow-y: auto;
}

.revision-externa-dfactms__modal-body > label[b-pa23phzbgn] {
    display: block;

    margin-bottom: 8px;

    font-size: 14px;
    font-weight: 600;

    color: #374151;
}

.revision-externa-dfactms__textarea[b-pa23phzbgn] {
    width: 100%;
    min-height: 180px;

    resize: vertical;

    padding: 13px 14px;

    border: 1px solid #d1d5db;
    border-radius: 8px;

    font: inherit;
    font-size: 14px;

    color: #111827;
    background: #fff;

    outline: none;

    box-sizing: border-box;
}

.revision-externa-dfactms__textarea:focus[b-pa23phzbgn] {
    border-color: #6b7280;
    box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.12);
}

.revision-externa-dfactms__textarea:disabled[b-pa23phzbgn] {
    background: #f3f4f6;
    cursor: not-allowed;
}


/* =========================================================
   RESUMEN
   ========================================================= */

.revision-externa-dfactms__summary[b-pa23phzbgn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;

    margin-bottom: 24px;
}

.revision-externa-dfactms__summary > div[b-pa23phzbgn] {
    padding: 14px 16px;

    border: 1px solid #e5e7eb;
    border-radius: 10px;

    background: #f9fafb;
}

.revision-externa-dfactms__summary span[b-pa23phzbgn] {
    display: block;

    margin-bottom: 5px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;

    color: #6b7280;
}

.revision-externa-dfactms__summary strong[b-pa23phzbgn] {
    display: block;

    font-size: 14px;
    font-weight: 600;

    color: #111827;
}


/* =========================================================
   CONFIRMACION FAVORABLE
   ========================================================= */

.revision-externa-dfactms__confirmation[b-pa23phzbgn] {
    text-align: center;

    padding: 18px 12px;
}

.revision-externa-dfactms__confirmation-icon[b-pa23phzbgn] {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 18px;

    border-radius: 50%;

    background: #ecfdf5;

    color: #059669;

    font-size: 30px;
    font-weight: 700;
}

.revision-externa-dfactms__confirmation h3[b-pa23phzbgn] {
    margin: 0 0 8px;

    font-size: 20px;
    font-weight: 700;

    color: #111827;
}

.revision-externa-dfactms__confirmation p[b-pa23phzbgn] {
    max-width: 470px;

    margin: 0 auto;

    font-size: 14px;
    line-height: 1.6;

    color: #6b7280;
}


/* =========================================================
   MENSAJE
   ========================================================= */

.revision-externa-dfactms__message[b-pa23phzbgn] {
    margin: 0;

    font-size: 15px;
    line-height: 1.6;

    color: #374151;
}


/* =========================================================
   FOOTER MODAL
   ========================================================= */

.revision-externa-dfactms__modal-footer[b-pa23phzbgn] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;

    padding: 18px 28px;

    border-top: 1px solid #e5e7eb;
}

.revision-externa-dfactms__modal-button[b-pa23phzbgn] {
    min-width: 120px;

    padding: 10px 18px;

    border-radius: 8px;

    font: inherit;
    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}

.revision-externa-dfactms__modal-button:disabled[b-pa23phzbgn] {
    opacity: 0.55;
    cursor: not-allowed;
}

.revision-externa-dfactms__modal-button--secondary[b-pa23phzbgn] {
    border: 1px solid #d1d5db;

    background: #fff;

    color: #374151;
}

.revision-externa-dfactms__modal-button--secondary:hover:not(:disabled)[b-pa23phzbgn] {
    background: #f9fafb;
}

.revision-externa-dfactms__modal-button--primary[b-pa23phzbgn] {
    border: 1px solid #111827;

    background: #111827;

    color: #fff;
}

.revision-externa-dfactms__modal-button--primary:hover:not(:disabled)[b-pa23phzbgn] {
    background: #1f2937;
}

.revision-externa-dfactms__modal-button--danger[b-pa23phzbgn] {
    border: 1px solid #991b1b;

    background: #991b1b;

    color: #fff;
}

.revision-externa-dfactms__modal-button--danger:hover:not(:disabled)[b-pa23phzbgn] {
    background: #7f1d1d;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .revision-externa-dfactms-page__content[b-pa23phzbgn] {
        padding: 24px 12px 60px;
    }

    .revision-externa-dfactms__overlay[b-pa23phzbgn] {
        padding: 12px;
    }

    .revision-externa-dfactms__modal[b-pa23phzbgn] {
        max-height: calc(100vh - 24px);
    }

    .revision-externa-dfactms__modal-header[b-pa23phzbgn] {
        padding: 20px;
    }

    .revision-externa-dfactms__modal-body[b-pa23phzbgn] {
        padding: 20px;
    }

    .revision-externa-dfactms__modal-footer[b-pa23phzbgn] {
        padding: 16px 20px;
    }

    .revision-externa-dfactms__summary[b-pa23phzbgn] {
        grid-template-columns: 1fr;
    }

    .revision-externa-dfactms__modal-footer[b-pa23phzbgn] {
        flex-direction: column-reverse;
    }

    .revision-externa-dfactms__modal-button[b-pa23phzbgn] {
        width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/revision-externa/RevisionExternaDfacts.razor.rz.scp.css */
.revision-externa-dfacts-page[b-vkh1069vqk] {
    min-height: 100vh;
    width: 100%;
}

.revision-externa-dfacts-page__content[b-vkh1069vqk] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 16px 80px;
}

.revision-externa-dfacts-page__sections[b-vkh1069vqk] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}


/* =========================================================
   MODALES
   ========================================================= */

.revision-externa-dfacts__overlay[b-vkh1069vqk] {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background: rgba(0, 0, 0, 0.52);
}

.revision-externa-dfacts__modal[b-vkh1069vqk] {
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 48px);

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: #fff;
    border-radius: 16px;

    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.25);
}

.revision-externa-dfacts__modal--small[b-vkh1069vqk] {
    max-width: 500px;
}


/* =========================================================
   HEADER MODAL
   ========================================================= */

.revision-externa-dfacts__modal-header[b-vkh1069vqk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    padding: 24px 28px;

    border-bottom: 1px solid #e5e7eb;
}

.revision-externa-dfacts__modal-kicker[b-vkh1069vqk] {
    display: block;

    margin-bottom: 5px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: #6b7280;
}

.revision-externa-dfacts__modal-header h2[b-vkh1069vqk] {
    margin: 0;

    font-size: 22px;
    font-weight: 700;

    color: #111827;
}

.revision-externa-dfacts__modal-close[b-vkh1069vqk] {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 8px;

    background: transparent;

    font-size: 28px;
    line-height: 1;

    color: #6b7280;

    cursor: pointer;
}

.revision-externa-dfacts__modal-close:hover[b-vkh1069vqk] {
    background: #f3f4f6;
    color: #111827;
}

.revision-externa-dfacts__modal-close:disabled[b-vkh1069vqk] {
    opacity: 0.5;
    cursor: not-allowed;
}


/* =========================================================
   BODY
   ========================================================= */

.revision-externa-dfacts__modal-body[b-vkh1069vqk] {
    padding: 28px;

    overflow-y: auto;
}

.revision-externa-dfacts__modal-body > label[b-vkh1069vqk] {
    display: block;

    margin-bottom: 8px;

    font-size: 14px;
    font-weight: 600;

    color: #374151;
}

.revision-externa-dfacts__textarea[b-vkh1069vqk] {
    width: 100%;
    min-height: 180px;

    resize: vertical;

    padding: 13px 14px;

    border: 1px solid #d1d5db;
    border-radius: 8px;

    font: inherit;
    font-size: 14px;

    color: #111827;
    background: #fff;

    outline: none;

    box-sizing: border-box;
}

.revision-externa-dfacts__textarea:focus[b-vkh1069vqk] {
    border-color: #6b7280;
    box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.12);
}

.revision-externa-dfacts__textarea:disabled[b-vkh1069vqk] {
    background: #f3f4f6;
    cursor: not-allowed;
}


/* =========================================================
   RESUMEN
   ========================================================= */

.revision-externa-dfacts__summary[b-vkh1069vqk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;

    margin-bottom: 24px;
}

.revision-externa-dfacts__summary > div[b-vkh1069vqk] {
    padding: 14px 16px;

    border: 1px solid #e5e7eb;
    border-radius: 10px;

    background: #f9fafb;
}

.revision-externa-dfacts__summary span[b-vkh1069vqk] {
    display: block;

    margin-bottom: 5px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;

    color: #6b7280;
}

.revision-externa-dfacts__summary strong[b-vkh1069vqk] {
    display: block;

    font-size: 14px;
    font-weight: 600;

    color: #111827;
}


/* =========================================================
   CONFIRMACION FAVORABLE
   ========================================================= */

.revision-externa-dfacts__confirmation[b-vkh1069vqk] {
    text-align: center;

    padding: 18px 12px;
}

.revision-externa-dfacts__confirmation-icon[b-vkh1069vqk] {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 18px;

    border-radius: 50%;

    background: #ecfdf5;

    color: #059669;

    font-size: 30px;
    font-weight: 700;
}

.revision-externa-dfacts__confirmation h3[b-vkh1069vqk] {
    margin: 0 0 8px;

    font-size: 20px;
    font-weight: 700;

    color: #111827;
}

.revision-externa-dfacts__confirmation p[b-vkh1069vqk] {
    max-width: 470px;

    margin: 0 auto;

    font-size: 14px;
    line-height: 1.6;

    color: #6b7280;
}


/* =========================================================
   MENSAJE
   ========================================================= */

.revision-externa-dfacts__message[b-vkh1069vqk] {
    margin: 0;

    font-size: 15px;
    line-height: 1.6;

    color: #374151;
}


/* =========================================================
   FOOTER MODAL
   ========================================================= */

.revision-externa-dfacts__modal-footer[b-vkh1069vqk] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;

    padding: 18px 28px;

    border-top: 1px solid #e5e7eb;
}

.revision-externa-dfacts__modal-button[b-vkh1069vqk] {
    min-width: 120px;

    padding: 10px 18px;

    border-radius: 8px;

    font: inherit;
    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}

.revision-externa-dfacts__modal-button:disabled[b-vkh1069vqk] {
    opacity: 0.55;
    cursor: not-allowed;
}

.revision-externa-dfacts__modal-button--secondary[b-vkh1069vqk] {
    border: 1px solid #d1d5db;

    background: #fff;

    color: #374151;
}

.revision-externa-dfacts__modal-button--secondary:hover:not(:disabled)[b-vkh1069vqk] {
    background: #f9fafb;
}

.revision-externa-dfacts__modal-button--primary[b-vkh1069vqk] {
    border: 1px solid #111827;

    background: #111827;

    color: #fff;
}

.revision-externa-dfacts__modal-button--primary:hover:not(:disabled)[b-vkh1069vqk] {
    background: #1f2937;
}

.revision-externa-dfacts__modal-button--danger[b-vkh1069vqk] {
    border: 1px solid #991b1b;

    background: #991b1b;

    color: #fff;
}

.revision-externa-dfacts__modal-button--danger:hover:not(:disabled)[b-vkh1069vqk] {
    background: #7f1d1d;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .revision-externa-dfacts-page__content[b-vkh1069vqk] {
        padding: 24px 12px 60px;
    }

    .revision-externa-dfacts__overlay[b-vkh1069vqk] {
        padding: 12px;
    }

    .revision-externa-dfacts__modal[b-vkh1069vqk] {
        max-height: calc(100vh - 24px);
    }

    .revision-externa-dfacts__modal-header[b-vkh1069vqk] {
        padding: 20px;
    }

    .revision-externa-dfacts__modal-body[b-vkh1069vqk] {
        padding: 20px;
    }

    .revision-externa-dfacts__modal-footer[b-vkh1069vqk] {
        padding: 16px 20px;
    }

    .revision-externa-dfacts__summary[b-vkh1069vqk] {
        grid-template-columns: 1fr;
    }

    .revision-externa-dfacts__modal-footer[b-vkh1069vqk] {
        flex-direction: column-reverse;
    }

    .revision-externa-dfacts__modal-button[b-vkh1069vqk] {
        width: 100%;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/RevisionDfactms.razor.rz.scp.css */
.revision-dfactms[b-81nmeeh6nn] {
    width: 100%;
    min-height: 100vh;
    background: var(--background-color, #f8fafc);
}

.revision-dfactms__content[b-81nmeeh6nn] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    padding: 32px 16px 80px;

    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 640px) {

    .revision-dfactms__content[b-81nmeeh6nn] {
        padding-left: 24px;
        padding-right: 24px;
    }

}

@media (min-width: 1024px) {

    .revision-dfactms__content[b-81nmeeh6nn] {
        padding-left: 32px;
        padding-right: 32px;
    }

}
/* /Components/Pages/admin/revisiones/factibilidad-academica/RevisionDfacts.razor.rz.scp.css */
.revision-dfacts[b-eogga9gi9f] {
    width: 100%;
    min-height: 100vh;
    background: var(--background-color, #f8fafc);
}

.revision-dfacts__content[b-eogga9gi9f] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    padding: 32px 16px 80px;

    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 640px) {

    .revision-dfacts__content[b-eogga9gi9f] {
        padding-left: 24px;
        padding-right: 24px;
    }

}

@media (min-width: 1024px) {

    .revision-dfacts__content[b-eogga9gi9f] {
        padding-left: 32px;
        padding-right: 32px;
    }

}
/* /Components/Pages/admin/revisiones/factibilidad-academica/TablaTramitesDfactms.razor.rz.scp.css */
.tabla-tramites-page[b-c00qja41gl] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    background-color: var(--background-color, #f5f5f5);
}

.tabla-tramites-page__main[b-c00qja41gl] {
    flex: 1;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px 24px 48px;
}

.tabla-tramites-page__card[b-c00qja41gl] {
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    background-color: #ffffff;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
}

.tabla-tramites-page__toolbar[b-c00qja41gl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 24px 24px 0;
}

.tabla-tramites-page__back[b-c00qja41gl] {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid var(--primary-color, #ff8500);
    border-radius: 7px;
    background-color: #ffffff;
    color: var(--primary-color, #ff8500);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.tabla-tramites-page__back:hover[b-c00qja41gl] {
    background-color: rgba(255, 133, 0, 0.06);
}

.tabla-tramites-page__message[b-c00qja41gl] {
    margin: 18px 24px 24px;
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 13px;
}

@media (max-width: 767px) {
    .tabla-tramites-page__main[b-c00qja41gl] {
        padding: 24px 16px 40px;
    }

    .tabla-tramites-page__toolbar[b-c00qja41gl] {
        padding: 18px 16px 0;
    }

    .tabla-tramites-page__message[b-c00qja41gl] {
        margin-right: 16px;
        margin-left: 16px;
    }
}
/* /Components/Pages/admin/revisiones/factibilidad-academica/TablaTramitesDfacts.razor.rz.scp.css */
.tabla-tramites-page[b-rrb80jey4k] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    background-color: var(--background-color, #f5f5f5);
}

.tabla-tramites-page__main[b-rrb80jey4k] {
    flex: 1;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px 24px 48px;
}

.tabla-tramites-page__card[b-rrb80jey4k] {
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    background-color: #ffffff;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
}

.tabla-tramites-page__toolbar[b-rrb80jey4k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 24px 24px 0;
}

.tabla-tramites-page__back[b-rrb80jey4k] {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid var(--primary-color, #ff8500);
    border-radius: 7px;
    background-color: #ffffff;
    color: var(--primary-color, #ff8500);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.tabla-tramites-page__back:hover[b-rrb80jey4k] {
    background-color: rgba(255, 133, 0, 0.06);
}

.tabla-tramites-page__message[b-rrb80jey4k] {
    margin: 18px 24px 24px;
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 13px;
}

@media (max-width: 767px) {
    .tabla-tramites-page__main[b-rrb80jey4k] {
        padding: 24px 16px 40px;
    }

    .tabla-tramites-page__toolbar[b-rrb80jey4k] {
        padding: 18px 16px 0;
    }

    .tabla-tramites-page__message[b-rrb80jey4k] {
        margin-right: 16px;
        margin-left: 16px;
    }
}
/* /Components/Pages/auth/AvisoPrivacidad.razor.rz.scp.css */
.aviso-privacidad[b-r7fgcfk3th] {
    width: 100%;
    min-height: 100vh;
    padding: 32px 16px;
    background: #f3f4f6;
    font-family: var(--font-medium);
}

.aviso-privacidad__document[b-r7fgcfk3th] {
    width: 100%;
    max-width: 1152px;
    margin: 0 auto;
    padding: 40px 64px;
    color: #111827;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(15, 23, 42, .12);
}

.aviso-privacidad__logos[b-r7fgcfk3th] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 40px;
}

.aviso-privacidad__logo-educacion[b-r7fgcfk3th] {
    display: block;
    width: 224px;
    max-width: 45%;
    height: auto;
    object-fit: contain;
}

.aviso-privacidad__logo-gobierno[b-r7fgcfk3th] {
    display: block;
    width: 144px;
    max-width: 35%;
    height: auto;
    object-fit: contain;
}

.aviso-privacidad__title-wrapper[b-r7fgcfk3th] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 32px;
}

.aviso-privacidad__title-box[b-r7fgcfk3th] {
    min-width: 340px;
    padding: 16px 56px;
    border: 1px solid #12c7c0;
    border-radius: 12px;
    text-align: center;
}

.aviso-privacidad__title[b-r7fgcfk3th],
.aviso-privacidad__subtitle[b-r7fgcfk3th] {
    margin: 0;
    color: #111827;
    font-family: var(--font-bold);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .04em;
}

.aviso-privacidad__content[b-r7fgcfk3th] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: #1f2937;
    font-family: var(--font-medium);
    font-size: 16px;
    line-height: 1.75;
    text-align: justify;
}

.aviso-privacidad__content p[b-r7fgcfk3th] {
    margin: 0;
}

.aviso-privacidad__content strong[b-r7fgcfk3th] {
    font-family: var(--font-bold);
    font-weight: 700;
}

.aviso-privacidad__content h3[b-r7fgcfk3th] {
    margin: 0;
    color: #111827;
    font-family: var(--font-bold);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
}

.aviso-privacidad__content a[b-r7fgcfk3th] {
    color: #12c7c0;
    font-family: var(--font-semibold);
    font-weight: 600;
    text-decoration: underline;
    overflow-wrap: anywhere;
}

.aviso-privacidad__bottom[b-r7fgcfk3th] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-top: 56px;
}

.aviso-privacidad__contact[b-r7fgcfk3th] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aviso-privacidad__website[b-r7fgcfk3th] {
    margin: 0;
    color: #e86f1b;
    font-family: var(--font-semibold);
    font-size: 16px;
    font-weight: 600;
}

.aviso-privacidad__address[b-r7fgcfk3th] {
    margin: 0;
    color: #e86f1b;
    font-family: var(--font-medium);
    font-size: 15px;
    line-height: 1.6;
}

.aviso-privacidad__social[b-r7fgcfk3th] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 2px;
    color: #12c7c0;
}

.aviso-privacidad__social-icon[b-r7fgcfk3th] {
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #12c7c0;
    text-decoration: none;
    transition: opacity .2s ease, transform .2s ease;
}

.aviso-privacidad__social-icon:hover[b-r7fgcfk3th] {
    opacity: .8;
    transform: translateY(-1px);
}

.aviso-privacidad__social-icon svg[b-r7fgcfk3th] {
    width: 100%;
    height: 100%;
}

.aviso-privacidad__social-text[b-r7fgcfk3th],
.aviso-privacidad__divider[b-r7fgcfk3th] {
    color: #e86f1b;
    font-family: var(--font-medium);
    font-size: 15px;
}

.aviso-privacidad__button[b-r7fgcfk3th] {
    min-width: 150px;
    padding: 12px 48px;
    border: 0;
    border-radius: 8px;
    color: #ffffff;
    background: #12c7c0;
    font-family: var(--font-semibold);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .12);
    transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}

.aviso-privacidad__button:hover[b-r7fgcfk3th] {
    opacity: .9;
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(15, 23, 42, .16);
}

@media (max-width: 900px) {
    .aviso-privacidad__document[b-r7fgcfk3th] {
        padding: 40px;
    }

    .aviso-privacidad__content[b-r7fgcfk3th] {
        font-size: 15px;
    }

    .aviso-privacidad__bottom[b-r7fgcfk3th] {
        flex-direction: column;
        align-items: stretch;
    }

    .aviso-privacidad__button[b-r7fgcfk3th] {
        align-self: flex-end;
    }
}

@media (max-width: 640px) {
    .aviso-privacidad[b-r7fgcfk3th] {
        padding: 16px;
    }

    .aviso-privacidad__document[b-r7fgcfk3th] {
        padding: 28px 20px;
    }

    .aviso-privacidad__logos[b-r7fgcfk3th] {
        align-items: center;
        margin-bottom: 32px;
    }

    .aviso-privacidad__logo-educacion[b-r7fgcfk3th] {
        width: 175px;
    }

    .aviso-privacidad__logo-gobierno[b-r7fgcfk3th] {
        width: 112px;
    }

    .aviso-privacidad__title-box[b-r7fgcfk3th] {
        width: 100%;
        min-width: 0;
        padding: 14px 20px;
    }

    .aviso-privacidad__title[b-r7fgcfk3th],
    .aviso-privacidad__subtitle[b-r7fgcfk3th] {
        font-size: 18px;
    }

    .aviso-privacidad__content[b-r7fgcfk3th] {
        gap: 20px;
        font-size: 14px;
        line-height: 1.7;
    }

    .aviso-privacidad__content h3[b-r7fgcfk3th] {
        font-size: 15px;
        text-align: left;
    }

    .aviso-privacidad__bottom[b-r7fgcfk3th] {
        margin-top: 40px;
    }

    .aviso-privacidad__contact[b-r7fgcfk3th] {
        text-align: center;
    }

    .aviso-privacidad__social[b-r7fgcfk3th] {
        justify-content: center;
    }

    .aviso-privacidad__divider[b-r7fgcfk3th] {
        display: none;
    }

    .aviso-privacidad__button[b-r7fgcfk3th] {
        width: 100%;
        align-self: stretch;
    }

    .aviso-privacidad__website[b-r7fgcfk3th] {
        display: inline-block;
        width: fit-content;

        margin: 0;

        color: #e86f1b;

        font-family: var(--font-semibold);
        font-size: 16px;
        font-weight: 600;

        text-decoration: none;

        transition: opacity .2s ease;
    }

    .aviso-privacidad__website:hover[b-r7fgcfk3th] {
        opacity: .8;
        text-decoration: underline;
    }
    
}

@media (max-width: 420px) {
    .aviso-privacidad__logos[b-r7fgcfk3th] {
        gap: 16px;
    }

    .aviso-privacidad__logo-educacion[b-r7fgcfk3th] {
        width: 150px;
    }

    .aviso-privacidad__logo-gobierno[b-r7fgcfk3th] {
        width: 95px;
    }

    .aviso-privacidad__social[b-r7fgcfk3th] {
        gap: 8px;
    }

    .aviso-privacidad__social-text[b-r7fgcfk3th] {
        width: 100%;
    }
}
/* /Components/Pages/auth/Login.razor.rz.scp.css */
.login-page[b-b3sk2mi5u5] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    background-color: var(--background-color, #f5f5f5);
}

.login-page__content[b-b3sk2mi5u5] {
    display: flex;
    flex: 1;
    width: 100%;
    flex-direction: column;
}

@media (min-width: 768px) {
    .login-page__content[b-b3sk2mi5u5] {
        flex-direction: row;
    }
}
/* /Components/Pages/auth/Register.razor.rz.scp.css */
.register-page[b-l86qldjhyi] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    background-color: var(--background-color, #f5f5f5);
}

.register-page__content[b-l86qldjhyi] {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}

@media (min-width: 768px) {
    .register-page__content[b-l86qldjhyi] {
        flex-direction: row;
        align-items: stretch;
    }
}

@media (max-width: 767px) {
    .register-page__content[b-l86qldjhyi] {
        flex-direction: column;
    }
}
/* /Components/Pages/Configuracion/ConfigArchivos.razor.rz.scp.css */
.config-archivos-page[b-95250t6g0j] {
    min-height: 100vh;
    padding: 1rem 0.75rem;

    background-color: var(--background-color, #eef2f7);

    font-family: var(--secondary-font-family);
}


.config-archivos-container[b-95250t6g0j] {
    width: 100%;
    max-width: 1800px;

    margin: 0 auto;
}


.config-archivos-grid[b-95250t6g0j] {
    display: grid;

    grid-template-columns:
        340px minmax(0, 1fr);

    gap: 1.5rem;
}


.config-archivos-sidebar[b-95250t6g0j] {
    display: flex;
    flex-direction: column;

    gap: 1rem;
}


.archivos-back-card[b-95250t6g0j],
.archivos-sidebar-card[b-95250t6g0j],
.archivos-content-card[b-95250t6g0j] {
    background-color: #ffffff;

    border: 1px solid #e5e7eb;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04);
}


.archivos-back-card[b-95250t6g0j] {
    padding: 0.5rem;

    border-radius: 0.75rem;
}


.archivos-back-button[b-95250t6g0j] {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 0.375rem;

    padding: 0.375rem 0.5rem;

    border: 0;
    border-radius: 0.5rem;

    background: transparent;

    color: var(--primary-font-color, #374151);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 500;
    line-height: 1.3;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}


.archivos-back-button:hover[b-95250t6g0j] {
    background-color:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            transparent
        );

    color: var(--primary-color);
}


.archivos-back-button:active[b-95250t6g0j] {
    transform: scale(0.99);
}


.archivos-back-button:focus-visible[b-95250t6g0j] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.archivos-back-button i[b-95250t6g0j] {
    font-size: 0.875rem;
}


.archivos-sidebar-card[b-95250t6g0j] {
    padding: 1.25rem;

    border-radius: 1.5rem;
}


.archivos-sidebar-header[b-95250t6g0j] {
    display: flex;
    align-items: center;

    gap: 0.75rem;
}


.archivos-sidebar-header h1[b-95250t6g0j],
.archivos-sidebar-header h2[b-95250t6g0j] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 700;
    line-height: 1.3;
}


.archivos-sidebar-header p[b-95250t6g0j] {
    margin: 0.15rem 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;
}


.archivos-sidebar-icon[b-95250t6g0j] {
    width: 2.75rem;
    height: 2.75rem;
    min-width: 2.75rem;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 0.875rem;
}


.archivos-sidebar-icon i[b-95250t6g0j] {
    font-size: 1.1rem;
}


.archivos-save-button[b-95250t6g0j],
.archivos-create-button[b-95250t6g0j] {
    width: 100%;
    height: 3rem;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 0.5rem;

    margin-top: 1.5rem;

    border: 0;
    border-radius: 1rem;

    color: var(--secondary-color, #ffffff);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.archivos-create-button[b-95250t6g0j] {
    margin-top: 0;
}


.archivos-save-button:hover:not(:disabled)[b-95250t6g0j],
.archivos-create-button:hover:not(:disabled)[b-95250t6g0j] {
    transform: scale(1.01);

    box-shadow:
        0 5px 14px
        color-mix(
            in srgb,
            var(--primary-color) 20%,
            transparent
        );
}


.archivos-save-button:focus-visible[b-95250t6g0j],
.archivos-create-button:focus-visible[b-95250t6g0j] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.archivos-save-button:disabled[b-95250t6g0j],
.archivos-create-button:disabled[b-95250t6g0j] {
    opacity: 0.5;

    cursor: not-allowed;

    transform: none;
    box-shadow: none;
}


.archivos-new-form[b-95250t6g0j] {
    display: flex;
    flex-direction: column;

    gap: 1rem;

    margin-top: 1.25rem;
}


.archivos-field[b-95250t6g0j] {
    width: 100%;
}


.archivos-field label[b-95250t6g0j] {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;
}


.archivos-field input[b-95250t6g0j],
.archivos-field select[b-95250t6g0j] {
    width: 100%;
    height: 3rem;

    padding: 0 1rem;

    border: 1px solid #d1d5db;
    border-radius: 1rem;

    background-color: #ffffff;
    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    outline: none;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}


.archivos-field input[b-95250t6g0j]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}


.archivos-field input:focus[b-95250t6g0j],
.archivos-field select:focus[b-95250t6g0j] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 2px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}


.archivos-field input:disabled[b-95250t6g0j],
.archivos-field select:disabled[b-95250t6g0j] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;

    cursor: not-allowed;
    opacity: 0.8;
}


.archivos-content-card[b-95250t6g0j] {
    overflow: hidden;

    border-radius: 1.5rem;
}


.archivos-content-header[b-95250t6g0j] {
    display: flex;
    align-items: center;

    gap: 0.75rem;

    padding: 1.25rem 1.5rem;

    border-bottom: 1px solid #f3f4f6;
}


.archivos-content-header h2[b-95250t6g0j] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 700;
    line-height: 1.3;
}


.archivos-content-header p[b-95250t6g0j] {
    margin: 0.25rem 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}


.archivos-content-body[b-95250t6g0j] {
    padding: 1rem;
}


.archivos-empty[b-95250t6g0j] {
    width: 100%;
    min-height: 320px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
}


.archivos-empty-icon[b-95250t6g0j] {
    width: 4rem;
    height: 4rem;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 1rem;

    border-radius: 1rem;
}


.archivos-empty-icon i[b-95250t6g0j] {
    font-size: 1.75rem;
}


.archivos-empty h3[b-95250t6g0j] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 700;
    line-height: 1.3;
}


.archivos-empty p[b-95250t6g0j] {
    margin: 0.25rem 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}


.archivos-list[b-95250t6g0j] {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 1.25rem;
}


.archivo-card[b-95250t6g0j] {
    position: relative;

    padding: 1.25rem;

    border: 1px solid #e5e7eb;
    border-radius: 1.5rem;

    background-color: #ffffff;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04);

    transition:
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}


.archivo-card:hover[b-95250t6g0j] {
    border-color:
        color-mix(
            in srgb,
            var(--primary-color) 35%,
            #e5e7eb
        );

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.07);
}


.archivo-fields[b-95250t6g0j] {
    display: flex;
    flex-direction: column;

    gap: 1.25rem;
}


.archivo-field label[b-95250t6g0j] {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;
}


.archivo-input-wrapper[b-95250t6g0j] {
    position: relative;
}


.archivo-input-wrapper > i[b-95250t6g0j] {
    position: absolute;

    left: 1rem;
    top: 50%;
    z-index: 2;

    transform: translateY(-50%);

    color: var(--secondary-font-color);

    pointer-events: none;
}


.archivo-input-wrapper input[b-95250t6g0j],
.archivo-input-wrapper select[b-95250t6g0j] {
    width: 100%;
    height: 3rem;

    box-sizing: border-box;

    padding: 0 1rem 0 2.75rem;

    border: 1px solid #e5e7eb;
    border-radius: 1rem;

    outline: none;

    background-color: #ffffff;
    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}


.archivo-input-wrapper input[b-95250t6g0j]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}


.archivo-input-wrapper input:focus[b-95250t6g0j],
.archivo-input-wrapper select:focus[b-95250t6g0j] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 2px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}


.archivo-input-wrapper input:disabled[b-95250t6g0j],
.archivo-input-wrapper select:disabled[b-95250t6g0j] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;

    cursor: not-allowed;
    opacity: 0.8;
}


.archivo-delete-button[b-95250t6g0j] {
    position: absolute;

    top: 1rem;
    right: 1rem;

    width: 2.5rem;
    height: 2.5rem;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 0.75rem;

    background: transparent;
    color: #ef4444;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.15s ease;
}


.archivo-delete-button:hover[b-95250t6g0j] {
    background-color: #fef2f2;
}


.archivo-delete-button:active[b-95250t6g0j] {
    transform: scale(0.95);
}


.archivo-delete-button:focus-visible[b-95250t6g0j] {
    outline: 2px solid #ef4444;
    outline-offset: 2px;
}


.archivo-delete-button i[b-95250t6g0j] {
    font-size: 1.1rem;
}


.archivos-overlay[b-95250t6g0j] {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 1rem;

    background-color: rgba(0, 0, 0, 0.25);

    backdrop-filter: blur(4px);
}


.archivos-loading-card[b-95250t6g0j],
.archivos-saving-card[b-95250t6g0j] {
    width: 90%;
    max-width: 340px;

    padding: 2rem;

    border: 1px solid #f3f4f6;
    border-radius: 1.5rem;

    background-color: #ffffff;

    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.15);

    text-align: center;
}


.archivos-loading-card[b-95250t6g0j] {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 1rem;
}


.archivos-loading-card h2[b-95250t6g0j],
.archivos-saving-card h2[b-95250t6g0j] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.67);
    font-weight: 700;
    line-height: 1.3;
}


.archivos-loading-card p[b-95250t6g0j],
.archivos-saving-card p[b-95250t6g0j] {
    margin: 0.5rem 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}


.archivos-loading-icon[b-95250t6g0j],
.archivos-saving-icon[b-95250t6g0j] {
    position: relative;

    width: 5rem;
    height: 5rem;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 0.5rem;

    border-radius: 50%;
}


.archivos-loading-icon[b-95250t6g0j] {
    background-color:
        color-mix(
            in srgb,
            var(--loading-color) 12%,
            transparent
        );
}


.archivos-saving-icon[b-95250t6g0j] {
    margin: 0 auto 1.25rem;
}


.archivos-loading-icon i[b-95250t6g0j],
.archivos-saving-icon i[b-95250t6g0j] {
    position: relative;
    z-index: 2;

    font-size: 1.6rem;

    color: var(--loading-color);
}


.archivos-spinner[b-95250t6g0j],
.archivos-delete-spinner[b-95250t6g0j] {
    position: absolute;
    inset: 0;

    border: 4px solid transparent;
    border-top-color: var(--loading-color);
    border-radius: 50%;

    animation:
        archivos-spin-b-95250t6g0j 0.9s linear infinite;
}


.archivos-delete-spinner[b-95250t6g0j] {
    border-top-color: #ef4444;
}


.archivos-monitor[b-95250t6g0j] {
    position: relative;
    z-index: 2;

    color: var(--loading-color);

    font-size: 1.6rem;
}


.archivos-progress[b-95250t6g0j] {
    width: 100%;
    height: 0.5rem;

    margin-top: 1.5rem;

    overflow: hidden;

    border-radius: 999px;

    background-color: #f3f4f6;
}


.archivos-progress > div[b-95250t6g0j] {
    width: 50%;
    height: 100%;

    border-radius: 999px;

    animation:
        archivos-pulse-b-95250t6g0j 1.2s ease-in-out infinite;
}


.archivos-delete-icon[b-95250t6g0j] {
    position: relative;

    width: 5rem;
    height: 5rem;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 1.25rem;

    border-radius: 50%;

    background-color: #fee2e2;
    color: #ef4444;
}


.archivos-delete-icon i[b-95250t6g0j] {
    position: relative;
    z-index: 2;

    font-size: 1.5rem;
}


.archivos-modal-overlay[b-95250t6g0j] {
    position: fixed;
    inset: 0;
    z-index: 10000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 1rem;

    background-color: rgba(0, 0, 0, 0.4);

    backdrop-filter: blur(3px);
}


.archivos-delete-modal[b-95250t6g0j],
.archivos-modal[b-95250t6g0j] {
    width: 100%;
    max-width: 400px;

    padding: 1.5rem;

    border-radius: 1.5rem;

    background-color: #ffffff;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.2);

    text-align: center;
}


.archivos-delete-modal-icon[b-95250t6g0j] {
    width: 5rem;
    height: 5rem;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 1.25rem;

    border-radius: 50%;

    background-color: #fee2e2;
    color: #ef4444;
}


.archivos-delete-modal-icon i[b-95250t6g0j] {
    font-size: 2rem;
}


.archivos-delete-modal h2[b-95250t6g0j],
.archivos-modal h3[b-95250t6g0j] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-weight: 700;
    line-height: 1.3;
}


.archivos-delete-modal h2[b-95250t6g0j] {
    font-size: calc(var(--primary-font-size) * 0.80);
}


.archivos-modal h3[b-95250t6g0j] {
    font-size: calc(var(--primary-font-size) * 0.67);
}


.archivos-delete-modal p[b-95250t6g0j],
.archivos-modal p[b-95250t6g0j] {
    margin: 0.75rem 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.6;
}


.archivos-modal-buttons[b-95250t6g0j] {
    display: flex;

    gap: 0.75rem;

    width: 100%;

    margin-top: 1.75rem;
}


.archivos-modal-buttons button[b-95250t6g0j] {
    flex: 1;

    height: 3rem;

    border-radius: 0.75rem;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        transform 0.15s ease;
}


.archivos-modal-buttons button:active:not(:disabled)[b-95250t6g0j] {
    transform: scale(0.98);
}


.archivos-modal-buttons button:focus-visible[b-95250t6g0j] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.archivos-modal-cancel[b-95250t6g0j] {
    border: 1px solid #d1d5db;

    background-color: #ffffff;
    color: var(--primary-font-color);
}


.archivos-modal-cancel:hover[b-95250t6g0j] {
    background-color:
        color-mix(
            in srgb,
            var(--primary-color) 5%,
            #ffffff
        );
}


.archivos-modal-delete[b-95250t6g0j] {
    border: 0;

    background-color: #ef4444;
    color: #ffffff;
}


.archivos-modal-delete:hover[b-95250t6g0j] {
    background-color: #dc2626;
}


.archivos-modal-icon[b-95250t6g0j] {
    width: 4.5rem;
    height: 4.5rem;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 1rem;

    border-radius: 50%;
}


.archivos-modal-icon i[b-95250t6g0j] {
    font-size: 2rem;
}


.archivos-modal-icon.success[b-95250t6g0j] {
    color: #16a34a;
    background-color: #dcfce7;
}


.archivos-modal-icon.error[b-95250t6g0j] {
    color: #dc2626;
    background-color: #fee2e2;
}


.archivos-modal-icon.warning[b-95250t6g0j] {
    color: #d97706;
    background-color: #fef3c7;
}


.archivos-modal-icon.info[b-95250t6g0j] {
    color: #2563eb;
    background-color: #dbeafe;
}


.archivos-modal-confirm[b-95250t6g0j] {
    width: 100%;
    height: 2.75rem;

    margin-top: 1.5rem;

    border: 0;
    border-radius: 0.75rem;

    color: var(--secondary-color, #ffffff);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        transform 0.15s ease,
        box-shadow 0.2s ease;
}


.archivos-modal-confirm:hover[b-95250t6g0j] {
    opacity: 0.92;

    box-shadow:
        0 4px 12px
        color-mix(
            in srgb,
            var(--primary-color) 20%,
            transparent
        );
}


.archivos-modal-confirm:active[b-95250t6g0j] {
    transform: scale(0.98);
}


.archivos-modal-confirm:focus-visible[b-95250t6g0j] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.archivos-button-spin[b-95250t6g0j] {
    animation:
        archivos-spin-b-95250t6g0j 0.8s linear infinite;
}


@keyframes archivos-spin-b-95250t6g0j {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@keyframes archivos-pulse-b-95250t6g0j {
    0%,
    100% {
        opacity: 0.5;

        transform: translateX(-10%);
    }

    50% {
        opacity: 1;

        transform: translateX(80%);
    }
}


@media (max-width: 1280px) {
    .config-archivos-grid[b-95250t6g0j] {
        grid-template-columns: 1fr;
    }


    .config-archivos-sidebar[b-95250t6g0j] {
        display: grid;

        grid-template-columns:
            1fr 1fr;
    }


    .archivos-back-card[b-95250t6g0j] {
        grid-column: 1 / -1;
    }
}


@media (max-width: 900px) {
    .archivos-list[b-95250t6g0j] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 700px) {
    .config-archivos-page[b-95250t6g0j] {
        padding: 1rem 0.75rem;
    }


    .config-archivos-sidebar[b-95250t6g0j] {
        display: flex;
    }


    .archivos-content-header[b-95250t6g0j] {
        padding: 1rem;
    }


    .archivos-content-body[b-95250t6g0j] {
        padding: 0.75rem;
    }


    .archivo-card[b-95250t6g0j] {
        padding: 1rem;
    }
}


@media (max-width: 480px) {
    .archivos-modal-buttons[b-95250t6g0j] {
        flex-direction: column;
    }


    .archivos-modal-buttons button[b-95250t6g0j] {
        width: 100%;
    }
}
/* /Components/Pages/Configuracion/ConfigCorreo.razor.rz.scp.css */
.correo-page[b-3h080q2dad] {
    min-height: 100vh;

    padding: 1rem 0.75rem;

    background-color: var(--background-color, #eef2f7);

    font-family: var(--secondary-font-family);
}


.correo-layout[b-3h080q2dad] {
    width: 100%;
    max-width: 1800px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        340px minmax(0, 1fr);

    gap: 1.5rem;
}


.correo-sidebar[b-3h080q2dad] {
    display: flex;
    flex-direction: column;

    gap: 1rem;
}


.correo-back-card[b-3h080q2dad],
.correo-config-card[b-3h080q2dad] {
    background: #ffffff;

    border: 1px solid #e5e7eb;

    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.04);
}


.correo-back-card[b-3h080q2dad] {
    padding: 0.5rem;

    border-radius: 0.75rem;
}


.correo-back-button[b-3h080q2dad] {
    width: 100%;
    height: 34px;

    display: flex;
    align-items: center;

    gap: 0.375rem;

    padding: 0.375rem 0.5rem;

    border: 0;
    border-radius: 0.5rem;

    background: transparent;

    color: var(--primary-font-color, #374151);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 500;
    line-height: 1.3;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}


.correo-back-button:hover[b-3h080q2dad] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            transparent
        );

    color: var(--primary-color);
}


.correo-back-button:active[b-3h080q2dad] {
    transform: scale(0.99);
}


.correo-back-button:focus-visible[b-3h080q2dad] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.correo-back-button span[b-3h080q2dad] {
    font-family: inherit;
    font-size: 0.875rem;
}


.correo-config-card[b-3h080q2dad] {
    padding: 1rem;

    border-radius: 1rem;
}


.correo-config-header[b-3h080q2dad] {
    display: flex;
    align-items: center;

    gap: 0.75rem;
}


.correo-config-icon[b-3h080q2dad],
.correo-server-icon[b-3h080q2dad] {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}


.correo-config-icon[b-3h080q2dad] {
    width: 40px;
    height: 40px;

    border-radius: 0.75rem;
}


.correo-config-header h1[b-3h080q2dad] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 700;
    line-height: 1.3;
}


.correo-config-header p[b-3h080q2dad] {
    margin: 0.125rem 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;
}


.correo-cambios[b-3h080q2dad] {
    color: #f59e0b;

    font-family: var(--secondary-font-family);
    font-weight: 500;
}


.correo-save-button[b-3h080q2dad],
.correo-delete-config-button[b-3h080q2dad] {
    width: 100%;
    height: 44px;

    border-radius: 0.75rem;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 0.5rem;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}


.correo-save-button[b-3h080q2dad] {
    margin-top: 1.25rem;

    border: 0;

    color: var(--secondary-color, #ffffff);
}


.correo-save-active[b-3h080q2dad] {
    opacity: 1;

    cursor: pointer;
}


.correo-save-active:hover[b-3h080q2dad] {
    transform: scale(1.01);

    opacity: 0.9;

    box-shadow:
        0 5px 14px
        color-mix(
            in srgb,
            var(--primary-color) 20%,
            transparent
        );
}


.correo-save-disabled[b-3h080q2dad] {
    opacity: 0.4;

    cursor: not-allowed;

    transform: none;
    box-shadow: none;
}


.correo-delete-config-button[b-3h080q2dad] {
    margin-top: 0.75rem;

    border: 1px solid #fecaca;

    background: #ffffff;
    color: #ef4444;

    cursor: pointer;
}


.correo-delete-config-button:hover[b-3h080q2dad] {
    background: #fef2f2;
}


.correo-content[b-3h080q2dad] {
    min-width: 0;
}


.correo-server-card[b-3h080q2dad] {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e5e7eb;
    border-radius: 1.5rem;

    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.04);
}


.correo-server-header[b-3h080q2dad] {
    display: flex;
    align-items: center;

    gap: 0.75rem;

    padding: 1.25rem 1.5rem;

    border-bottom: 1px solid #f3f4f6;
}


.correo-server-icon[b-3h080q2dad] {
    width: 44px;
    height: 44px;

    border-radius: 1rem;
}


.correo-server-header h2[b-3h080q2dad] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}


.correo-server-header p[b-3h080q2dad] {
    margin: 0.25rem 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}


.correo-fields[b-3h080q2dad] {
    padding: 1.5rem;
}


.correo-fields-grid[b-3h080q2dad] {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 1.25rem;
}


.correo-field[b-3h080q2dad] {
    display: flex;
    flex-direction: column;

    gap: 0.5rem;
}


.correo-field label[b-3h080q2dad] {
    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;
}


.correo-input-wrapper[b-3h080q2dad] {
    position: relative;
}


.correo-input[b-3h080q2dad] {
    width: 100%;
    height: 48px;

    border: 1px solid #e5e7eb;
    border-radius: 1rem;

    background: #ffffff;
    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;

    box-sizing: border-box;
}


.correo-input[b-3h080q2dad]::placeholder {
    color: var(--secondary-font-color);

    opacity: 0.7;
}


.correo-input:focus[b-3h080q2dad] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 2px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}


.correo-input:disabled[b-3h080q2dad] {
    color: var(--secondary-font-color);
    background-color: #f3f4f6;

    cursor: not-allowed;

    opacity: 0.8;
}


.correo-input-icon-padding[b-3h080q2dad] {
    padding-left: 44px;
    padding-right: 16px;
}


.correo-input-password[b-3h080q2dad] {
    padding-right: 52px;
}


.correo-input-icon[b-3h080q2dad] {
    position: absolute;

    left: 16px;
    top: 50%;

    transform: translateY(-50%);

    color: var(--secondary-font-color);

    z-index: 1;
}


.correo-password-button[b-3h080q2dad] {
    position: absolute;

    right: 16px;
    top: 50%;

    transform: translateY(-50%);

    border: 0;

    background: transparent;
    color: var(--secondary-font-color);

    cursor: pointer;

    padding: 0;

    transition:
        color 0.2s ease,
        opacity 0.2s ease;
}


.correo-password-button:hover[b-3h080q2dad] {
    color: var(--primary-color);
}


.correo-password-button:focus-visible[b-3h080q2dad] {
    border-radius: 4px;

    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.correo-overlay[b-3h080q2dad] {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 1rem;

    background: rgba(0, 0, 0, 0.3);

    backdrop-filter: blur(4px);
}


.correo-loading-card[b-3h080q2dad],
.correo-saving-card[b-3h080q2dad],
.correo-permission-card[b-3h080q2dad] {
    width: 90%;
    max-width: 340px;

    padding: 2rem;

    background: #ffffff;

    border: 1px solid #f3f4f6;
    border-radius: 1.5rem;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.15);

    text-align: center;
}


.correo-loading-card[b-3h080q2dad] {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 1rem;
}


.correo-loading-spinner[b-3h080q2dad] {
    width: 56px;
    height: 56px;

    border: 4px solid #e5e7eb;
    border-top-color: var(--loading-color);
    border-radius: 50%;

    animation:
        correo-spin-b-3h080q2dad 0.8s linear infinite;
}


.correo-loading-text p[b-3h080q2dad],
.correo-loading-text span[b-3h080q2dad] {
    display: block;
}


.correo-loading-text p[b-3h080q2dad] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.4;
}


.correo-loading-text span[b-3h080q2dad] {
    margin-top: 0.25rem;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}


.correo-saving-icon[b-3h080q2dad] {
    position: relative;

    width: 80px;
    height: 80px;

    margin: 0 auto 1.25rem;
}


.correo-saving-ring[b-3h080q2dad] {
    position: absolute;
    inset: 0;

    border: 4px solid transparent;
    border-top-color: var(--loading-color);
    border-radius: 50%;

    animation:
        correo-spin-b-3h080q2dad 0.8s linear infinite;
}


.correo-saving-check[b-3h080q2dad] {
    position: absolute;
    inset: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
}


.correo-saving-check i[b-3h080q2dad] {
    font-size: 1.5rem;
}


.correo-saving-card h2[b-3h080q2dad],
.correo-permission-card h2[b-3h080q2dad] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.67);
    font-weight: 700;
    line-height: 1.3;
}


.correo-saving-card p[b-3h080q2dad],
.correo-permission-card p[b-3h080q2dad] {
    margin: 0.5rem 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.6;
}


.correo-progress[b-3h080q2dad],
.correo-permission-progress[b-3h080q2dad] {
    width: 100%;
    height: 8px;

    margin-top: 1.5rem;

    overflow: hidden;

    border-radius: 999px;

    background: #f3f4f6;
}


.correo-progress div[b-3h080q2dad] {
    width: 50%;
    height: 100%;

    border-radius: 999px;

    animation:
        correo-pulse-b-3h080q2dad 1s infinite;
}


.correo-delete-icon[b-3h080q2dad] {
    background: rgba(239, 68, 68, 0.12);

    border-radius: 50%;
}


.correo-delete-ring[b-3h080q2dad] {
    position: absolute;
    inset: 0;

    border: 4px solid transparent;
    border-top-color: #ef4444;
    border-radius: 50%;

    animation:
        correo-spin-b-3h080q2dad 0.8s linear infinite;
}


.correo-delete-circle[b-3h080q2dad] {
    background: #fee2e2;
}


.correo-delete-circle i[b-3h080q2dad] {
    color: #ef4444;
}


.correo-warning-icon[b-3h080q2dad] {
    width: 80px;
    height: 80px;

    margin: 0 auto 1.25rem;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #fee2e2;
}


.correo-warning-icon i[b-3h080q2dad] {
    color: #ef4444;

    font-size: 34px;
}


.correo-permission-progress div[b-3h080q2dad] {
    width: 100%;
    height: 100%;

    background: #f87171;

    animation:
        correo-pulse-b-3h080q2dad 1s infinite;
}


.correo-modal-overlay[b-3h080q2dad] {
    position: fixed;
    inset: 0;
    z-index: 9998;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 1rem;

    background: rgba(0, 0, 0, 0.4);

    backdrop-filter: blur(4px);
}


.correo-delete-modal[b-3h080q2dad] {
    width: 100%;
    max-width: 400px;

    padding: 1.5rem;

    border-radius: 1.5rem;

    background: #ffffff;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.2);

    text-align: center;
}


.correo-delete-modal h2[b-3h080q2dad] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.80);
    font-weight: 700;
    line-height: 1.3;
}


.correo-delete-modal p[b-3h080q2dad] {
    margin: 0.75rem 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.6;
}


.correo-modal-buttons[b-3h080q2dad] {
    display: flex;

    gap: 0.75rem;

    width: 100%;

    margin-top: 1.75rem;
}


.correo-cancel-button[b-3h080q2dad],
.correo-delete-button[b-3h080q2dad] {
    flex: 1;

    height: 48px;

    border-radius: 1rem;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        background-color 0.2s ease;
}


.correo-cancel-button[b-3h080q2dad] {
    border: 1px solid #d1d5db;

    background: #ffffff;
    color: var(--primary-font-color);
}


.correo-cancel-button:hover[b-3h080q2dad] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 5%,
            #ffffff
        );
}


.correo-delete-button[b-3h080q2dad] {
    border: 0;

    background: #ef4444;
    color: #ffffff;
}


.correo-delete-button:hover[b-3h080q2dad] {
    transform: scale(1.02);
}


.correo-cancel-button:focus-visible[b-3h080q2dad] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.correo-delete-button:focus-visible[b-3h080q2dad] {
    outline: 2px solid #ef4444;
    outline-offset: 2px;
}


@keyframes correo-spin-b-3h080q2dad {
    to {
        transform: rotate(360deg);
    }
}


@keyframes correo-pulse-b-3h080q2dad {
    0%,
    100% {
        opacity: 0.55;
    }

    50% {
        opacity: 1;
    }
}


@media (min-width: 640px) {
    .correo-page[b-3h080q2dad] {
        padding: 2rem 1rem;
    }
}


@media (max-width: 1199px) {
    .correo-layout[b-3h080q2dad] {
        grid-template-columns: 1fr;
    }


    .correo-sidebar[b-3h080q2dad] {
        display: grid;

        grid-template-columns: 1fr;
    }
}


@media (max-width: 767px) {
    .correo-fields-grid[b-3h080q2dad] {
        grid-template-columns: 1fr;
    }


    .correo-server-header[b-3h080q2dad] {
        padding: 1.25rem;
    }


    .correo-fields[b-3h080q2dad] {
        padding: 1rem;
    }
}


@media (max-width: 639px) {
    .correo-page[b-3h080q2dad] {
        padding: 1rem 0.75rem;
    }


    .correo-modal-buttons[b-3h080q2dad] {
        flex-direction: column;
    }


    .correo-cancel-button[b-3h080q2dad],
    .correo-delete-button[b-3h080q2dad] {
        width: 100%;
    }
}
/* /Components/Pages/Configuracion/ConfigDiseno.razor.rz.scp.css */
@font-face {
    font-family: "Branding SF Bold";
    src: url("/fonts/Branding-SF-Bold.otf") format("opentype");
    font-weight: 700;
}

@font-face {
    font-family: "Branding SF Medium";
    src: url("/fonts/Branding-SF-Medium.otf") format("opentype");
    font-weight: 500;
}

@font-face {
    font-family: "Branding SF SemiBold";
    src: url("/fonts/Branding-SF-SemiBold.otf") format("opentype");
    font-weight: 600;
}

.config-page[b-4gd86aq4p3] {
    min-height: 100vh;
    padding: 1rem;
    background: #eef2f7;
}

.config-layout[b-4gd86aq4p3] {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 1.5rem;
}

.config-sidebar[b-4gd86aq4p3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.config-card[b-4gd86aq4p3] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    padding: 1rem;
}

.config-back-card[b-4gd86aq4p3] {
    padding: 0.5rem;
}

.config-back-button[b-4gd86aq4p3] {
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    gap: 6px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #374151;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease;
}

.config-back-button:hover[b-4gd86aq4p3] {
    background: #f3f4f6;
}

.config-back-button span[b-4gd86aq4p3] {
    font-size: 16px;
}

.config-title-row[b-4gd86aq4p3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.config-title-icon[b-4gd86aq4p3] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff7ed;
    font-size: 18px;
}

.config-header-card h1[b-4gd86aq4p3] {
    margin: 0;
    color: #111827;
    font-size: 16px;
    font-weight: 700;
}

.config-header-card p[b-4gd86aq4p3] {
    margin: 3px 0 0;
    color: #6b7280;
    font-size: 12px;
}

.config-actions[b-4gd86aq4p3] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.config-button[b-4gd86aq4p3] {
    flex: 1;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s ease, opacity 0.15s ease, background 0.15s ease;
}

.config-button:hover[b-4gd86aq4p3] {
    transform: translateY(-1px);
}

.config-button:disabled[b-4gd86aq4p3] {
    cursor: not-allowed;
    opacity: 0.65;
}

.config-button-secondary[b-4gd86aq4p3] {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #374151;
}

.config-button-secondary:hover[b-4gd86aq4p3] {
    background: #f9fafb;
}

.config-button-primary[b-4gd86aq4p3] {
    border: none;
    color: #ffffff;
}

.config-section-title[b-4gd86aq4p3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.config-section-title span[b-4gd86aq4p3] {
    font-size: 18px;
    font-weight: 700;
}

.config-section-title h2[b-4gd86aq4p3] {
    margin: 0;
    color: #1f2937;
    font-size: 14px;
    font-weight: 700;
}

.config-fields[b-4gd86aq4p3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.config-color-field[b-4gd86aq4p3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.config-color-label[b-4gd86aq4p3] {
    color: #374151;
    font-size: 14px;
    font-weight: 600;
}

.config-color-control[b-4gd86aq4p3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.config-color-picker[b-4gd86aq4p3] {
    position: relative;
    width: 32px;
    height: 32px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.config-color-picker input[b-4gd86aq4p3] {
    position: absolute;
    inset: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.config-color-picker input:disabled[b-4gd86aq4p3] {
    cursor: not-allowed;
}

.config-color-value[b-4gd86aq4p3] {
    width: 70px;
    color: #6b7280;
    font-family: monospace;
    font-size: 12px;
}

.config-select-field[b-4gd86aq4p3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.config-select-field label[b-4gd86aq4p3] {
    color: #4b5563;

    font-size: 12px;
    font-weight: 600;
}

.config-select-field select[b-4gd86aq4p3] {
    width: 100%;
    height: 36px;
    padding: 0 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    outline: none;
    background: #ffffff;
    color: #374151;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.config-select-field select:focus[b-4gd86aq4p3] {
    border-color: var(--select-focus-color);
}

.config-select-field select:disabled[b-4gd86aq4p3] {
    cursor: not-allowed;
    opacity: 0.65;
}

.logo-options[b-4gd86aq4p3] {
    display: flex;
    gap: 12px;
}

.logo-option[b-4gd86aq4p3] {
    flex: 1;
    padding: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.logo-option:hover:not(:disabled)[b-4gd86aq4p3] {
    border-color: #d1d5db;
}

.logo-option.active[b-4gd86aq4p3] {
    border-color: #ff8500;
    box-shadow: 0 0 0 2px #ffedd5;
}

.logo-option:disabled[b-4gd86aq4p3] {
    opacity: 0.6;
    cursor: not-allowed;
}

.logo-preview[b-4gd86aq4p3] {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
}

.logo-bg-light[b-4gd86aq4p3] {
    background: #f9fafb;
}

.logo-bg-dark[b-4gd86aq4p3] {
    background: #162033;
}

.logo-bg-gray[b-4gd86aq4p3] {
    background: #f5f5f5;
}

.logo-preview img[b-4gd86aq4p3] {
    max-width: 90%;
    height: 40px;
    object-fit: contain;
}

.logo-option-title[b-4gd86aq4p3] {
    margin-top: 8px;
    color: #4b5563;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.preview-card[b-4gd86aq4p3] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.preview-header[b-4gd86aq4p3] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    border-bottom: 1px solid #f3f4f6;
    background: #ffffff;
}

.preview-title-icon[b-4gd86aq4p3] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff7ed;
}

.preview-header h2[b-4gd86aq4p3] {
    margin: 0;
    color: #111827;
    font-size: 16px;
    font-weight: 700;
}

.preview-header p[b-4gd86aq4p3] {
    margin: 3px 0 0;
    color: #6b7280;
    font-size: 12px;
}

.preview-container[b-4gd86aq4p3] {
    padding: 32px;
    background: #edf1f5;
}

.portal-preview[b-4gd86aq4p3] {
    min-height: 600px;
    max-height: 900px;
    overflow-y: auto;
    border: 1px solid #f3f4f6;
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.portal-header[b-4gd86aq4p3] {
    position: sticky;
    top: 0;
    z-index: 50;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.portal-nav[b-4gd86aq4p3] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 32px;
}

.portal-header-logo[b-4gd86aq4p3] {
    height: 64px;
    max-width: 220px;
    object-fit: contain;
}

.portal-nav-links[b-4gd86aq4p3] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.portal-nav-links button[b-4gd86aq4p3] {
    border: none;
    background: transparent;
    cursor: default;
}

.login-preview-button[b-4gd86aq4p3] {
    padding: 10px 20px;
    border: none !important;
    border-radius: 6px;
    background: #162033 !important;
    color: #ffffff !important;
    font-weight: 500;
}

.portal-hero[b-4gd86aq4p3] {
    position: relative;
    overflow: hidden;
}

.portal-hero-image-container[b-4gd86aq4p3] {
    position: relative;
    height: 420px;
    overflow: hidden;
}

.portal-hero-image[b-4gd86aq4p3] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.portal-hero-overlay[b-4gd86aq4p3] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
}

.portal-hero-logo[b-4gd86aq4p3] {
    position: absolute;
    z-index: 20;
    top: 20px;
    left: 48px;
}

.portal-hero-logo img[b-4gd86aq4p3] {
    width: 220px;
    height: auto;
    object-fit: contain;
}

.portal-search-section[b-4gd86aq4p3] {
    position: relative;
    z-index: 30;
    margin-top: -32px;
    padding: 0 32px;
}

.portal-search[b-4gd86aq4p3] {
    display: flex;
    overflow: hidden;
    border: 1px solid #f3f4f6;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.portal-search-input[b-4gd86aq4p3] {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0 24px;
}

.search-icon[b-4gd86aq4p3] {
    margin-right: 12px;
    color: #9ca3af;
    font-size: 22px;
}

.portal-search input[b-4gd86aq4p3] {
    flex: 1;
    height: 60px;
    border: none;
    outline: none;
    background: transparent;
}

.portal-search button[b-4gd86aq4p3] {
    padding: 0 32px;
    border: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.portal-content[b-4gd86aq4p3] {
    padding: 40px 32px;
}

.portal-content-card[b-4gd86aq4p3] {
    padding: 32px;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.portal-content-card h1[b-4gd86aq4p3] {
    margin: 0;
    line-height: 1.15;
}

.content-divider[b-4gd86aq4p3] {
    width: 56px;
    height: 4px;
    margin-top: 16px;
    border-radius: 999px;
}

.request-grid[b-4gd86aq4p3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 32px;
}

.request-card[b-4gd86aq4p3] {
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #ffffff;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.request-card:hover[b-4gd86aq4p3] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.request-icon[b-4gd86aq4p3] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 12px;
    font-size: 18px;
}

.request-card h3[b-4gd86aq4p3] {
    margin: 0;
    line-height: 1.2;
}

.request-card p[b-4gd86aq4p3] {
    margin: 8px 0 0;
    line-height: 1.6;
}

.portal-footer[b-4gd86aq4p3] {
    margin-top: 64px;
}

.footer-top[b-4gd86aq4p3] {
    padding: 48px 32px;
    background: #f2f2f2;
}

.footer-columns[b-4gd86aq4p3] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px;
}

.footer-columns > div[b-4gd86aq4p3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-columns span[b-4gd86aq4p3] {
    color: #757575;
    font-size: 14px;
}

.footer-nl[b-4gd86aq4p3] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #e5e7eb;
}

.footer-nl img[b-4gd86aq4p3] {
    height: 80px;
    max-width: 180px;
    object-fit: contain;
}

.footer-primary[b-4gd86aq4p3] {
    color: #ffffff;
}

.footer-primary-content[b-4gd86aq4p3] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.footer-education[b-4gd86aq4p3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.footer-education > img[b-4gd86aq4p3] {
    height: 64px;
    max-width: 220px;
    object-fit: contain;
}

.footer-privacy[b-4gd86aq4p3] {
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 12px;
}

.footer-separator[b-4gd86aq4p3] {
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.4);
}

.footer-social[b-4gd86aq4p3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.footer-social p[b-4gd86aq4p3] {
    margin: 0;
    color: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.social-icons[b-4gd86aq4p3] {
    display: flex;
    gap: 16px;
    font-size: 22px;
    color: inherit;
}

.footer-bottom[b-4gd86aq4p3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 32px;
    border-top: 1px solid #e5e7eb;
    background: #ffffff;
}

.footer-bottom img[b-4gd86aq4p3] {
    height: 32px;
    object-fit: contain;
}

.footer-bottom-line[b-4gd86aq4p3] {
    width: 100%;
    max-width: 800px;
    height: 1px;
    background: #e5e7eb;
}

.footer-bottom p[b-4gd86aq4p3] {
    max-width: 800px;
    margin: 0;
    color: #6b7280;
    font-size: 10px;
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.config-overlay[b-4gd86aq4p3] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
}

.config-loading-card[b-4gd86aq4p3] {
    width: 90%;
    max-width: 340px;
    padding: 32px;
    border: 1px solid #f3f4f6;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
    text-align: center;
}

.config-loading-card h2[b-4gd86aq4p3] {
    margin: 0;
    color: #111827;
    font-size: 20px;
    font-weight: 700;
}

.config-loading-card p[b-4gd86aq4p3] {
    margin: 8px 0 0;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.5;
}

.config-loading-icon[b-4gd86aq4p3] {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
}

.config-saving-icon[b-4gd86aq4p3] {
    position: relative;
    width: 72px;
    height: 72px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.config-saving-icon .config-loading-main-icon[b-4gd86aq4p3] {
    position: relative;
    z-index: 2;

    font-size: 28px;
    color: var(--loading-color);
}

.config-saving-icon .config-spinner[b-4gd86aq4p3] {
    position: absolute;
    inset: 0;

    width: 72px;
    height: 72px;

    border: 4px solid rgba(0, 0, 0, 0.08);
    border-top-color: var(--loading-color);

    border-radius: 50%;

    animation: config-spin-b-4gd86aq4p3 0.8s linear infinite;
}

.config-spinner[b-4gd86aq4p3] {
    position: absolute;
    inset: 0;
    border: 4px solid transparent;
    border-top-color: var(--loading-color);
    border-radius: 50%;
    animation: config-spin-b-4gd86aq4p3 1s linear infinite;
}

.config-monitor[b-4gd86aq4p3] {
    position: absolute;
    inset: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: color-mix(
        in srgb,
        var(--loading-color) 12%,
        transparent
    );
    color: var(--loading-color);
    font-size: 24px;
}

.button-spinner[b-4gd86aq4p3] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.5);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: config-spin-b-4gd86aq4p3 0.8s linear infinite;
}

.config-select-field input[b-4gd86aq4p3] {
    width: 100%;
    height: 44px;
    padding: 0 14px;

    border: 1px solid #d9d9d9;
    border-radius: 8px;

    background-color: #ffffff;
    color: var(--primary-font-color, #1e1e1e);

    font-family: var(--secondary-font-type, "Branding SF Medium");
    font-size: 14px;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.config-select-field input:focus[b-4gd86aq4p3] {
    border-color: var(--primary-color, #ff8500);
    box-shadow: 0 0 0 3px color-mix(
        in srgb,
        var(--primary-color, #ff8500) 15%,
        transparent
    );
}

.config-select-field input:hover:not(:disabled)[b-4gd86aq4p3] {
    border-color: var(--primary-color, #ff8500);
}

.config-select-field input:disabled[b-4gd86aq4p3] {
    background-color: #f5f5f5;
    color: #999999;
    cursor: not-allowed;
    opacity: 1;
}

.config-select-field input[b-4gd86aq4p3]::placeholder {
    color: #a0a0a0;
}

@keyframes config-spin-b-4gd86aq4p3 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1200px) {

    .config-layout[b-4gd86aq4p3] { grid-template-columns: 320px minmax(0, 1fr); }
    .preview-container[b-4gd86aq4p3] { padding: 20px; }
    .portal-nav[b-4gd86aq4p3] { padding: 12px 24px; }
    .portal-header-logo[b-4gd86aq4p3] { height: 56px; }
    .portal-nav-links[b-4gd86aq4p3] { gap: 12px; }
    .portal-hero-image-container[b-4gd86aq4p3] { height: 320px; }
    .portal-hero-logo img[b-4gd86aq4p3] { width: 180px; }

}


@media (max-width: 1000px) {

    .config-layout[b-4gd86aq4p3] { grid-template-columns: 1fr; }
    .config-sidebar[b-4gd86aq4p3] { width: 100%; }

}


@media (max-width: 768px) {

    .config-page[b-4gd86aq4p3] { padding: 12px; }
    .preview-container[b-4gd86aq4p3] { padding: 8px; }
    .portal-preview[b-4gd86aq4p3] { border-radius: 16px; }
    .portal-nav[b-4gd86aq4p3] { min-height: 64px; padding: 10px 16px; }
    .portal-header-logo[b-4gd86aq4p3] { height: 48px; }
    .portal-nav-links button:first-child[b-4gd86aq4p3],
    .portal-nav-links span[b-4gd86aq4p3] { display: none; }
    .portal-hero-image-container[b-4gd86aq4p3] { height: 240px; }
    .portal-hero-logo[b-4gd86aq4p3] { top: 8px; left: 20px; }
    .portal-hero-logo img[b-4gd86aq4p3] { width: 120px; }
    .portal-search-section[b-4gd86aq4p3] { margin-top: -24px; padding: 0 16px; }
    .portal-search-input[b-4gd86aq4p3] { padding: 0 16px; }
    .portal-search input[b-4gd86aq4p3] { height: 52px; }
    .portal-search button[b-4gd86aq4p3] { padding: 0 20px; }
    .portal-content[b-4gd86aq4p3] { padding: 32px 16px; }
    .portal-content-card[b-4gd86aq4p3] { padding: 20px; }
    .request-grid[b-4gd86aq4p3] { grid-template-columns: 1fr; }
    .footer-columns[b-4gd86aq4p3] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-primary-content[b-4gd86aq4p3] { flex-direction: column; }
    .footer-education[b-4gd86aq4p3] { align-items: center; }
    .footer-privacy[b-4gd86aq4p3] { flex-direction: column; text-align: center; }
    .footer-separator[b-4gd86aq4p3] { display: none; }
    .footer-social[b-4gd86aq4p3] { align-items: center; }

}

@media (max-width: 480px) {

    .config-actions[b-4gd86aq4p3] { flex-direction: column; }
    .logo-options[b-4gd86aq4p3] { gap: 6px; }
    .logo-option[b-4gd86aq4p3] { padding: 5px; }
    .logo-preview[b-4gd86aq4p3] { height: 55px; }
    .logo-preview img[b-4gd86aq4p3] { height: 32px; }
    .footer-columns[b-4gd86aq4p3] { grid-template-columns: 1fr; }
    .portal-search button[b-4gd86aq4p3] { padding: 0 14px; }

}
/* /Components/Pages/Configuracion/ConfiguracionAutoridades.razor.rz.scp.css */
.autoridades-page[b-2jp46ghg17] {
    min-height: 100vh;
    background: #f9fafb;
    padding: 24px 16px;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
}

.autoridades-container[b-2jp46ghg17] {
    max-width: 1280px;
    margin: 0 auto;
}

.autoridades-header[b-2jp46ghg17] {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-bottom: 28px;
}

.autoridades-title[b-2jp46ghg17] {
  min-width: 0;
  margin: 0;
}

.autoridades-back-button[b-2jp46ghg17] {
  flex-shrink: 0;

  min-width: 150px;
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding: 0 24px;

  border: 1px solid #e5e7eb;
  border-radius: 10px;

  background-color: #ffffff;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  cursor: pointer;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.autoridades-back-button:hover[b-2jp46ghg17] {
  background-color: #f9fafb;
  border-color: #d1d5db;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);

  transform: translateY(-1px);
}

.autoridades-back-button i[b-2jp46ghg17] {
  font-size: 17px;
  line-height: 1;
}

.autoridades-title h1[b-2jp46ghg17] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.2;
}

.autoridades-card[b-2jp46ghg17] {
    overflow: hidden;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}

.autoridades-card-header[b-2jp46ghg17] {
    padding: 24px 28px;
    border-bottom: 1px solid #e5e7eb;
}

.autoridades-header-content[b-2jp46ghg17] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.autoridades-icon[b-2jp46ghg17] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 22px;
}

.autoridades-header-content h2[b-2jp46ghg17] {
    margin: 0;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.autoridades-header-content p[b-2jp46ghg17] {
    margin: 4px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.autoridades-content[b-2jp46ghg17] {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 28px;
}

.autoridad-section[b-2jp46ghg17] {
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}

.autoridad-section-title[b-2jp46ghg17] {
    margin-bottom: 20px;
}

.autoridad-section-title h3[b-2jp46ghg17] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 700;
    line-height: 1.3;
}

.autoridad-section-title p[b-2jp46ghg17] {
    margin: 4px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.autoridad-section label[b-2jp46ghg17] {
    display: block;
    margin-bottom: 8px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;
}

.required[b-2jp46ghg17] {
    color: #ef4444;
}

.autoridades-input[b-2jp46ghg17] {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    outline: none;

    color: var(--primary-font-color);
    background-color: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    text-transform: uppercase;

    transition: border-color .15s ease;
    box-sizing: border-box;
}

.autoridades-input[b-2jp46ghg17]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}

.autoridades-input:focus[b-2jp46ghg17] {
    border-color: #6b7280;
}

.autoridades-input-error[b-2jp46ghg17] {
    border-color: #ef4444;
}

.campo-error[b-2jp46ghg17] {
    margin: 4px 0 0;

    color: #ef4444;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;
}

.autoridad-preview[b-2jp46ghg17] {
    margin-top: 16px;
    padding: 16px;
    background: #f9fafb;
    border-radius: 8px;
}

.autoridad-preview p[b-2jp46ghg17] {
    margin: 8px 0 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5;
}

.autoridad-preview .preview-label[b-2jp46ghg17] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    text-transform: none;
}

.preview-presente[b-2jp46ghg17] {
    letter-spacing: .35em;
}

.directores-grid[b-2jp46ghg17] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.autoridades-footer[b-2jp46ghg17] {
    display: flex;
    justify-content: flex-end;
    padding: 20px 28px;
    border-top: 1px solid #e5e7eb;
}

.autoridades-save-button[b-2jp46ghg17] {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 28px;
    border: 0;
    border-radius: 6px;
    color: white;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;
    transition: opacity .15s ease;
}

.autoridades-save-button span[b-2jp46ghg17] {
    font-family: inherit;
}

.autoridades-save-button:hover[b-2jp46ghg17] {
    opacity: .9;
}

.autoridades-save-button:disabled[b-2jp46ghg17] {
    cursor: not-allowed;
    opacity: .6;
}

.button-spinner[b-2jp46ghg17] {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: white;
    border-radius: 50%;
    animation: autoridades-spin-b-2jp46ghg17 .7s linear infinite;
}

@keyframes autoridades-spin-b-2jp46ghg17 {
    to {
        transform: rotate(360deg);
    }
}


.autoridades-modal-overlay[b-2jp46ghg17] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0,0,0,.45);
}

.autoridades-modal[b-2jp46ghg17] {
    width: 100%;
    max-width: 430px;
    padding: 28px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0,0,0,.2);
    text-align: center;
}

.modal-icon[b-2jp46ghg17] {
    width: 48px;
    height: 48px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
}

.modal-icon.success[b-2jp46ghg17] {
    color: #16a34a;
    background: #dcfce7;
}

.modal-icon.error[b-2jp46ghg17] {
    color: #dc2626;
    background: #fee2e2;
}

.modal-icon.warning[b-2jp46ghg17] {
    color: #d97706;
    background: #fef3c7;
}

.modal-icon.info[b-2jp46ghg17] {
    color: #2563eb;
    background: #dbeafe;
}

.autoridades-modal h3[b-2jp46ghg17] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.autoridades-modal > p[b-2jp46ghg17] {
    margin: 10px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.modal-buttons[b-2jp46ghg17] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
}

.modal-buttons button[b-2jp46ghg17] {
    height: 40px;
    padding: 0 20px;
    border-radius: 6px;
    border: 0;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1;

    cursor: pointer;
}

.modal-cancel-button[b-2jp46ghg17] {
    color: var(--primary-font-color);
    background: #f3f4f6;
}

.modal-confirm-button[b-2jp46ghg17] {
    color: white;
}

@media (max-width: 900px) {
    .directores-grid[b-2jp46ghg17] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .autoridades-page[b-2jp46ghg17] {
        padding: 20px 12px;
    }

    .autoridades-card-header[b-2jp46ghg17],
    .autoridades-content[b-2jp46ghg17],
    .autoridades-footer[b-2jp46ghg17] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .autoridades-footer[b-2jp46ghg17] {
        justify-content: stretch;
    }

    .autoridades-save-button[b-2jp46ghg17] {
        width: 100%;
    }
    .autoridades-header[b-2jp46ghg17] {
  flex-direction: column;
  align-items: stretch;

  gap: 16px;
}

.autoridades-back-button[b-2jp46ghg17] {
  width: 100%;
}
}
/* /Components/Pages/Configuracion/ConfiguracionFirmas.razor.rz.scp.css */
.firmas-page[b-1i2p6k9u3q] {
    min-height: 100vh;
    padding: 24px 16px;

    background: var(--background-color, #eef2f7);

    font-family: var(--secondary-font-family);
}


.firmas-layout[b-1i2p6k9u3q] {
    width: 100%;
    max-width: 1800px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        360px minmax(0, 1fr);

    gap: 24px;
}


.firmas-sidebar[b-1i2p6k9u3q] {
    display: flex;
    flex-direction: column;

    gap: 16px;
}


.firmas-back-card[b-1i2p6k9u3q] {
    background: #ffffff;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    padding: 8px;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04);
}


.firmas-back-button[b-1i2p6k9u3q] {
    width: 100%;
    height: 34px;

    display: flex;
    align-items: center;

    gap: 7px;

    border: 0;
    border-radius: 8px;

    padding: 0 8px;

    background: transparent;

    color: var(--primary-font-color, #374151);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 500;
    line-height: 1.3;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}


.firmas-back-button:hover[b-1i2p6k9u3q] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            transparent
        );

    color: var(--primary-color);
}


.firmas-back-button:active[b-1i2p6k9u3q] {
    transform: scale(0.99);
}


.firmas-back-button:focus-visible[b-1i2p6k9u3q] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.firmas-info-card[b-1i2p6k9u3q],
.firmas-new-card[b-1i2p6k9u3q] {
    background: #ffffff;

    border: 1px solid #e5e7eb;
    border-radius: 24px;

    padding: 20px;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04);
}


.firmas-card-title[b-1i2p6k9u3q] {
    display: flex;
    align-items: center;

    gap: 12px;
}


.firmas-title-icon[b-1i2p6k9u3q] {
    width: 44px;
    height: 44px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    font-size: 20px;
}


.firmas-card-title h1[b-1i2p6k9u3q] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}


.firmas-card-title p[b-1i2p6k9u3q] {
    margin: 3px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;
}


.firmas-save-button[b-1i2p6k9u3q] {
    width: 100%;
    height: 48px;

    margin-top: 24px;

    border: 0;
    border-radius: 16px;

    color: var(--secondary-color, #ffffff);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.firmas-save-enabled:hover[b-1i2p6k9u3q] {
    transform: scale(1.01);

    box-shadow:
        0 5px 14px
        color-mix(
            in srgb,
            var(--primary-color) 20%,
            transparent
        );
}


.firmas-save-disabled[b-1i2p6k9u3q] {
    opacity: 0.4;

    cursor: not-allowed;

    transform: none;
    box-shadow: none;
}


.firmas-new-title[b-1i2p6k9u3q] {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 20px;
}


.firmas-new-title h3[b-1i2p6k9u3q] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 700;
    line-height: 1.3;
}


.firmas-new-input[b-1i2p6k9u3q],
.firma-editor-input[b-1i2p6k9u3q] {
    width: 100%;
    height: 48px;

    box-sizing: border-box;

    border: 1px solid #d1d5db;
    border-radius: 16px;

    padding: 0 16px;

    outline: none;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}


.firmas-new-input[b-1i2p6k9u3q]::placeholder,
.firma-editor-input[b-1i2p6k9u3q]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}


.firmas-new-input:focus[b-1i2p6k9u3q],
.firma-editor-input:focus[b-1i2p6k9u3q] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 2px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}


.firma-upload-area[b-1i2p6k9u3q],
.firma-edit-upload[b-1i2p6k9u3q] {
    position: relative;

    width: 100%;
    min-height: 170px;

    margin-top: 16px;

    box-sizing: border-box;

    border: 2px dashed;
    border-radius: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}


.firma-upload-area:hover[b-1i2p6k9u3q],
.firma-edit-upload:hover[b-1i2p6k9u3q] {
    transform: scale(1.005);
}


.firma-file-input[b-1i2p6k9u3q],
input.firma-file-input[type="file"][b-1i2p6k9u3q] {
    display: none !important;
    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;

    position: absolute !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


.firma-upload-placeholder[b-1i2p6k9u3q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
}


.firma-upload-placeholder p[b-1i2p6k9u3q] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.4;
}


.firma-upload-placeholder span[b-1i2p6k9u3q] {
    margin-top: 4px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;
}


.firma-upload-icon[b-1i2p6k9u3q] {
    width: 56px;
    height: 56px;

    margin-bottom: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    font-size: 27px;
}


.firma-preview-new[b-1i2p6k9u3q] {
    max-width: 100%;
    max-height: 150px;

    padding: 16px;

    object-fit: contain;
}


.firmas-create-button[b-1i2p6k9u3q] {
    width: 100%;
    height: 48px;

    margin-top: 20px;

    border: 0;
    border-radius: 16px;

    color: var(--secondary-color, #ffffff);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        opacity 0.2s ease,
        box-shadow 0.2s ease;
}


.firmas-create-button:hover:not(:disabled)[b-1i2p6k9u3q] {
    transform: scale(1.01);

    box-shadow:
        0 5px 14px
        color-mix(
            in srgb,
            var(--primary-color) 20%,
            transparent
        );
}


.firmas-create-button:disabled[b-1i2p6k9u3q] {
    opacity: 0.6;

    cursor: not-allowed;

    transform: none;
    box-shadow: none;
}


.firmas-content-card[b-1i2p6k9u3q] {
    min-width: 0;

    background: #ffffff;

    border: 1px solid #e5e7eb;
    border-radius: 24px;

    padding: 24px;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04);
}


.firmas-content-header[b-1i2p6k9u3q] {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 24px;
}


.firmas-content-icon[b-1i2p6k9u3q] {
    width: 44px;
    height: 44px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    font-size: 20px;
}


.firmas-content-header h2[b-1i2p6k9u3q] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}


.firmas-content-header p[b-1i2p6k9u3q] {
    margin: 3px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}


.firmas-list[b-1i2p6k9u3q] {
    display: flex;
    flex-direction: column;

    gap: 16px;
}


.firma-item[b-1i2p6k9u3q] {
    width: 100%;
}


.firma-row[b-1i2p6k9u3q] {
    width: 100%;
    min-height: 72px;

    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 16px;

    border: 1px solid;
    border-radius: 16px;

    background: #ffffff;

    cursor: pointer;

    transition:
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


.firma-row:hover[b-1i2p6k9u3q] {
    box-shadow:
        0 5px 15px rgba(0, 0, 0, 0.08);

    transform: translateY(-1px);
}


.firma-row-left[b-1i2p6k9u3q] {
    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 0;
}


.firma-user-icon[b-1i2p6k9u3q] {
    width: 44px;
    height: 44px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;
}


.firma-user-info[b-1i2p6k9u3q] {
    min-width: 0;
}


.firma-user-info p[b-1i2p6k9u3q] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.4;
}


.firma-user-info span[b-1i2p6k9u3q] {
    display: block;

    margin-top: 3px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;
}


.firma-pending[b-1i2p6k9u3q] {
    color: #f59e0b !important;

    font-weight: 500;
}


.firma-row-actions[b-1i2p6k9u3q] {
    display: flex;
    align-items: center;

    gap: 8px;

    flex-shrink: 0;
}


.firma-delete-button[b-1i2p6k9u3q] {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 12px;

    background: transparent;
    color: #ef4444;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.15s ease;
}


.firma-delete-button:hover[b-1i2p6k9u3q] {
    background: #fef2f2;
}


.firma-delete-button:active[b-1i2p6k9u3q] {
    transform: scale(0.95);
}


.firma-editor[b-1i2p6k9u3q] {
    margin-top: 12px;

    padding: 20px;

    border: 1px solid #e5e7eb;
    border-radius: 24px;

    background: #ffffff;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04);
}


.firma-editor-field[b-1i2p6k9u3q] {
    margin-bottom: 20px;
}


.firma-editor-field label[b-1i2p6k9u3q] {
    display: block;

    margin-bottom: 8px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;
}


.firma-edit-upload[b-1i2p6k9u3q] {
    min-height: 200px;

    margin-top: 0;
}


.firma-existing-container[b-1i2p6k9u3q] {
    position: relative;

    width: 100%;
    min-height: 200px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 16px;

    box-sizing: border-box;

    border-radius: 16px;

    background: #f3f4f6;
}


.firma-existing-image[b-1i2p6k9u3q] {
    max-width: 100%;
    max-height: 160px;

    object-fit: contain;
}


.firma-remove-button[b-1i2p6k9u3q] {
    position: absolute;

    top: 12px;
    right: 12px;
    z-index: 3;

    width: 40px;
    height: 40px;

    border: 0;
    border-radius: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ef4444;
    color: #ffffff;

    cursor: pointer;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.2s ease;
}


.firma-remove-button:hover[b-1i2p6k9u3q] {
    transform: scale(1.05);
}


.firma-upload-placeholder-large[b-1i2p6k9u3q] {
    padding: 24px;
}


.firmas-empty[b-1i2p6k9u3q] {
    padding: 70px 20px;

    text-align: center;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
}


.firmas-empty > i[b-1i2p6k9u3q] {
    font-size: 44px;

    color: var(--secondary-font-color);

    opacity: 0.7;
}


.firmas-empty h3[b-1i2p6k9u3q] {
    margin: 15px 0 5px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 700;
    line-height: 1.3;
}


.firmas-empty p[b-1i2p6k9u3q] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}


.firmas-overlay[b-1i2p6k9u3q] {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 20px;

    background: rgba(0, 0, 0, 0.30);

    backdrop-filter: blur(4px);
}


.firmas-overlay-image[b-1i2p6k9u3q] {
    z-index: 10000;

    background: rgba(0, 0, 0, 0.20);
}


.firmas-loading-card[b-1i2p6k9u3q] {
    width: 290px;

    box-sizing: border-box;

    padding: 28px;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 18px;

    border: 1px solid #f3f4f6;
    border-radius: 24px;

    background: #ffffff;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.18);

    text-align: center;
}


.firmas-loading-card-small[b-1i2p6k9u3q] {
    width: 270px;
}


.firmas-loading-card h2[b-1i2p6k9u3q] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}


.firmas-loading-card h3[b-1i2p6k9u3q] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.53);
    font-weight: 700;
    line-height: 1.3;
}


.firmas-loading-card p[b-1i2p6k9u3q] {
    margin: -8px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.5;
}


.firmas-loading-icon[b-1i2p6k9u3q] {
    position: relative;

    width: 64px;
    height: 64px;
}


.firmas-spinner[b-1i2p6k9u3q] {
    position: absolute;
    inset: 0;

    border: 4px solid transparent;
    border-top-color: var(--loading-color);
    border-radius: 50%;

    animation:
        firmas-spin-b-1i2p6k9u3q 0.8s linear infinite;
}


.firmas-monitor[b-1i2p6k9u3q] {
    position: absolute;
    inset: 11px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    color: var(--loading-color);

    background:
        color-mix(
            in srgb,
            var(--loading-color) 10%,
            transparent
        );
}


.firmas-spinner-small[b-1i2p6k9u3q] {
    position: relative;

    width: 48px;
    height: 48px;

    border-color: #e5e7eb;
    border-top-color: var(--loading-color);
}


.firmas-loading-danger[b-1i2p6k9u3q] {
    --loading-color: #ef4444;
}


.firmas-spinner-danger[b-1i2p6k9u3q] {
    border-top-color: #ef4444;
}


.firmas-monitor-danger[b-1i2p6k9u3q] {
    color: #ef4444;
    background: #fee2e2;
}


@keyframes firmas-spin-b-1i2p6k9u3q {
    to {
        transform: rotate(360deg);
    }
}


.button-spinner[b-1i2p6k9u3q] {
    width: 16px;
    height: 16px;

    display: inline-block;

    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    border-radius: 50%;

    animation:
        firmas-spin-b-1i2p6k9u3q 0.7s linear infinite;
}


.firmas-modal-overlay[b-1i2p6k9u3q] {
    position: fixed;
    inset: 0;
    z-index: 11000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 20px;

    background: rgba(0, 0, 0, 0.55);
}


.firmas-modal[b-1i2p6k9u3q] {
    width: 100%;
    max-width: 420px;

    box-sizing: border-box;

    padding: 28px;

    border-radius: 24px;

    background: #ffffff;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.22);

    text-align: center;
}


.firmas-modal-icon[b-1i2p6k9u3q] {
    width: 64px;
    height: 64px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    font-size: 30px;
}


.firmas-modal-icon.success[b-1i2p6k9u3q] {
    color: #16a34a;
    background: #dcfce7;
}


.firmas-modal-icon.error[b-1i2p6k9u3q] {
    color: #dc2626;
    background: #fee2e2;
}


.firmas-modal-icon.warning[b-1i2p6k9u3q] {
    color: #d97706;
    background: #fef3c7;
}


.firmas-modal-icon.info[b-1i2p6k9u3q] {
    color: #2563eb;
    background: #dbeafe;
}


.firmas-modal h3[b-1i2p6k9u3q] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.67);
    font-weight: 700;
    line-height: 1.3;
}


.firmas-modal p[b-1i2p6k9u3q] {
    margin: 10px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.6;
}


.firmas-modal-buttons[b-1i2p6k9u3q] {
    display: flex;
    justify-content: flex-end;

    gap: 12px;

    margin-top: 26px;
}


.firmas-modal-cancel[b-1i2p6k9u3q],
.firmas-modal-confirm[b-1i2p6k9u3q] {
    min-width: 110px;
    height: 44px;

    padding: 0 20px;

    border-radius: 10px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        transform 0.15s ease;
}


.firmas-modal-cancel[b-1i2p6k9u3q] {
    border: 1px solid #d1d5db;

    background: #ffffff;
    color: var(--primary-font-color);
}


.firmas-modal-cancel:hover[b-1i2p6k9u3q] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 5%,
            #ffffff
        );
}


.firmas-modal-confirm[b-1i2p6k9u3q] {
    border: 0;

    color: var(--secondary-color, #ffffff);
}


.firmas-modal-confirm:hover[b-1i2p6k9u3q] {
    opacity: 0.9;
}


.firmas-modal-cancel:active[b-1i2p6k9u3q],
.firmas-modal-confirm:active[b-1i2p6k9u3q] {
    transform: scale(0.98);
}


@media (max-width: 1200px) {
    .firmas-layout[b-1i2p6k9u3q] {
        grid-template-columns:
            300px minmax(0, 1fr);
    }
}


@media (max-width: 1000px) {
    .firmas-layout[b-1i2p6k9u3q] {
        grid-template-columns: 1fr;
    }


    .firmas-sidebar[b-1i2p6k9u3q] {
        display: grid;

        grid-template-columns:
            1fr 1fr;

        align-items: start;
    }


    .firmas-back-card[b-1i2p6k9u3q] {
        grid-column: 1 / -1;
    }
}


@media (max-width: 650px) {
    .firmas-page[b-1i2p6k9u3q] {
        padding: 16px 12px;
    }


    .firmas-sidebar[b-1i2p6k9u3q] {
        display: flex;
    }


    .firmas-content-card[b-1i2p6k9u3q] {
        padding: 16px;

        border-radius: 20px;
    }


    .firmas-info-card[b-1i2p6k9u3q],
    .firmas-new-card[b-1i2p6k9u3q] {
        border-radius: 20px;

        padding: 16px;
    }


    .firma-row[b-1i2p6k9u3q] {
        padding: 12px;
    }


    .firma-row-actions > i[b-1i2p6k9u3q] {
        display: none;
    }


    .firma-editor[b-1i2p6k9u3q] {
        padding: 15px;
    }


    .firmas-modal[b-1i2p6k9u3q] {
        padding: 22px;
    }


    .firmas-modal-buttons[b-1i2p6k9u3q] {
        flex-direction: column-reverse;
    }


    .firmas-modal-cancel[b-1i2p6k9u3q],
    .firmas-modal-confirm[b-1i2p6k9u3q] {
        width: 100%;
    }
}
/* /Components/Pages/Configuracion/GestionRoles.razor.rz.scp.css */
.roles-page[b-2d60osowp8] {
    min-height: 100vh;
    padding: 24px 16px;

    color: var(--primary-font-color);
    background: #f9fafb;

    font-family: var(--secondary-font-family);
}

.roles-container[b-2d60osowp8] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.roles-header[b-2d60osowp8] {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-bottom: 28px;
}

.roles-title[b-2d60osowp8] {
  min-width: 0;
  margin: 0;
}

.roles-back-button[b-2d60osowp8] {
  flex-shrink: 0;

  min-width: 150px;
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding: 0 24px;

  border: 1px solid #e5e7eb;
  border-radius: 10px;

  background-color: #ffffff;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 14px;
  font-weight: 700;

  cursor: pointer;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.roles-back-button:hover[b-2d60osowp8] {
  background-color: #f9fafb;
  border-color: #d1d5db;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);

  transform: translateY(-1px);
}

.roles-back-button i[b-2d60osowp8] {
  font-size: 17px;
  line-height: 1;
}

.roles-title h1[b-2d60osowp8] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.25;
}

.roles-title p[b-2d60osowp8] {
    margin: 8px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.roles-card[b-2d60osowp8] {
    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    background: #ffffff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}

.roles-toolbar[b-2d60osowp8] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;

    padding: 24px;

    border-bottom: 1px solid #e5e7eb;
}

.roles-search-container[b-2d60osowp8] {
    width: 100%;
    max-width: 430px;
}

.roles-search-container label[b-2d60osowp8] {
    display: block;

    margin-bottom: 8px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;
}

.roles-search[b-2d60osowp8] {
    position: relative;
}

.roles-search i[b-2d60osowp8] {
    position: absolute;
    top: 50%;
    left: 16px;

    transform: translateY(-50%);

    color: var(--secondary-font-color);

    font-size: 18px;
}

.roles-search input[b-2d60osowp8] {
    width: 100%;
    height: 44px;

    padding: 0 16px 0 44px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    outline: none;

    transition: border-color .2s;
}

.roles-search input[b-2d60osowp8]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}

.roles-search input:focus[b-2d60osowp8] {
    border-color: var(--primary-color);
}

.roles-add-button[b-2d60osowp8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    height: 44px;

    padding: 0 24px;

    border: 0;
    border-radius: 6px;

    color: #ffffff;
    background: var(--primary-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition: opacity .2s;
}

.roles-add-button:hover[b-2d60osowp8] {
    opacity: .9;
}

.roles-controls[b-2d60osowp8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    padding: 16px 24px;
}

.roles-page-size[b-2d60osowp8] {
    display: flex;
    align-items: center;
    gap: 8px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
}

.roles-page-size select[b-2d60osowp8] {
    height: 36px;

    padding: 0 8px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);

    outline: none;
}

.roles-page-size select:focus[b-2d60osowp8] {
    border-color: var(--primary-color);
}

.roles-total[b-2d60osowp8] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
}

.roles-table-wrapper[b-2d60osowp8] {
    width: 100%;
    overflow-x: auto;
}

.roles-table[b-2d60osowp8] {
    width: 100%;
    min-width: 920px;

    border-collapse: collapse;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
}

.roles-table th[b-2d60osowp8] {
    padding: 16px 20px;

    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;

    text-align: left;
}

.roles-table th.col-nombre[b-2d60osowp8] {
    width: 28%;
}

.roles-table th.col-estado[b-2d60osowp8] {
    width: 130px;
    text-align: center;
}

.roles-table th.col-acciones[b-2d60osowp8] {
    width: 190px;
    text-align: center;
}

.roles-table td[b-2d60osowp8] {
    padding: 16px 20px;

    border-bottom: 1px solid #e5e7eb;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}

.fila-par[b-2d60osowp8] {
    background: #ffffff;
}

.fila-impar[b-2d60osowp8] {
    background: #f7f7f7;
}

.rol-nombre[b-2d60osowp8] {
    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-weight: 700;
}

.rol-descripcion[b-2d60osowp8] {
    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);

    word-break: break-word;
}

.rol-estado[b-2d60osowp8] {
    text-align: center;
}

.estado-badge[b-2d60osowp8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 90px;

    padding: 4px 12px;

    border-radius: 999px;

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1.3;
}

.estado-activo[b-2d60osowp8] {
    color: #15803d;
    background: #dcfce7;
}

.estado-inactivo[b-2d60osowp8] {
    color: #b91c1c;
    background: #fee2e2;
}

.acciones-container[b-2d60osowp8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.accion-button[b-2d60osowp8] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    border: 1px solid;
    border-radius: 6px;

    background: transparent;

    cursor: pointer;

    transition: background .2s;
}

.accion-normal[b-2d60osowp8] {
    border-color: #e5e7eb;
    color: #4b5563;
}

.accion-normal:hover[b-2d60osowp8] {
    background: #f3f4f6;
}

.accion-eliminar[b-2d60osowp8] {
    border-color: #fecaca;
    color: #dc2626;
}

.accion-eliminar:hover[b-2d60osowp8] {
    background: #fef2f2;
}

.accion-activar[b-2d60osowp8] {
    border-color: #bbf7d0;
    color: #16a34a;
}

.accion-activar:hover[b-2d60osowp8] {
    background: #f0fdf4;
}

.accion-disabled[b-2d60osowp8] {
    border-color: #e5e7eb;
    background: #f3f4f6;
    color: #d1d5db;

    cursor: not-allowed;
}

.roles-empty[b-2d60osowp8] {
    padding: 48px 20px !important;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;

    text-align: center;
}

.roles-pagination[b-2d60osowp8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    padding: 16px 24px;

    border-top: 1px solid #e5e7eb;
}

.roles-pagination p[b-2d60osowp8] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
}

.pagination-buttons[b-2d60osowp8] {
    display: flex;
    gap: 8px;
}

.pagination-buttons button[b-2d60osowp8] {
    display: flex;
    align-items: center;
    gap: 8px;

    height: 36px;

    padding: 0 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;

    cursor: pointer;
}

.pagination-buttons button:hover:not(:disabled)[b-2d60osowp8] {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.pagination-buttons button:disabled[b-2d60osowp8] {
    cursor: not-allowed;
    opacity: .4;
}

.roles-modal-overlay[b-2d60osowp8],
.roles-alert-overlay[b-2d60osowp8] {
    position: fixed;
    inset: 0;
    z-index: 1000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px 16px;

    background: rgba(0, 0, 0, .6);
}

.roles-modal[b-2d60osowp8] {
    width: 100%;
    max-width: 500px;
    max-height: 95vh;

    overflow-y: auto;

    background: #ffffff;

    border-radius: 12px;

    box-shadow: 0 25px 50px rgba(0, 0, 0, .25);

    font-family: var(--secondary-font-family);
}

.roles-modal-header[b-2d60osowp8] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 16px 24px;

    border-bottom: 1px solid #e5e7eb;
}

.roles-modal-header h2[b-2d60osowp8] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.roles-modal-header button[b-2d60osowp8] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    border: 0;
    border-radius: 50%;

    color: var(--secondary-font-color);
    background: transparent;

    cursor: pointer;
}

.roles-modal-header button:hover[b-2d60osowp8] {
    background: #f3f4f6;
}

.roles-modal-content[b-2d60osowp8] {
    display: flex;
    flex-direction: column;
    gap: 20px;

    padding: 20px 24px;
}

.form-group[b-2d60osowp8] {
    width: 100%;
}

.form-group label[b-2d60osowp8] {
    display: block;

    margin-bottom: 8px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;
}

.required[b-2d60osowp8] {
    color: #ef4444;
}

.roles-input[b-2d60osowp8] {
    width: 100%;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    outline: none;

    transition: border-color .2s;
}

.roles-input[b-2d60osowp8]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}

input.roles-input[b-2d60osowp8] {
    height: 44px;
    padding: 0 12px;
}

textarea.roles-input[b-2d60osowp8] {
    min-height: 110px;

    padding: 12px;

    resize: none;
}

.roles-input:focus[b-2d60osowp8] {
    border-color: var(--primary-color);
}

.roles-input-error[b-2d60osowp8] {
    border-color: #ef4444 !important;
}

.campo-error[b-2d60osowp8] {
    margin: 4px 0 0;

    color: #ef4444;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;
}

.descripcion-footer[b-2d60osowp8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.descripcion-footer > span[b-2d60osowp8] {
    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;

    white-space: nowrap;
}

.roles-modal-footer[b-2d60osowp8] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;

    padding: 16px 24px;

    border-top: 1px solid #e5e7eb;
}

.modal-regresar[b-2d60osowp8],
.modal-guardar[b-2d60osowp8] {
    height: 44px;

    padding: 0 28px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;
}

.modal-regresar[b-2d60osowp8] {
    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background: #ffffff;
}

.modal-guardar[b-2d60osowp8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    border: 0;

    color: #ffffff;
    background: var(--primary-color);
}

.modal-regresar:disabled[b-2d60osowp8],
.modal-guardar:disabled[b-2d60osowp8] {
    cursor: not-allowed;
    opacity: .5;
}

.modal-regresar:hover:not(:disabled)[b-2d60osowp8] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.modal-guardar:hover:not(:disabled)[b-2d60osowp8] {
    opacity: .9;
}

.roles-alert[b-2d60osowp8] {
    width: 100%;
    max-width: 430px;

    padding: 28px;

    background: #ffffff;

    border-radius: 12px;

    text-align: center;

    box-shadow: 0 25px 50px rgba(0, 0, 0, .25);

    font-family: var(--secondary-font-family);
}

.alert-icon[b-2d60osowp8] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;

    margin: 0 auto 16px;

    border-radius: 50%;

    font-size: 28px;
}

.alert-icon.success[b-2d60osowp8] {
    color: #16a34a;
    background: #dcfce7;
}

.alert-icon.error[b-2d60osowp8] {
    color: #dc2626;
    background: #fee2e2;
}

.alert-icon.warning[b-2d60osowp8] {
    color: #d97706;
    background: #fef3c7;
}

.alert-icon.info[b-2d60osowp8] {
    color: #2563eb;
    background: #dbeafe;
}

.roles-alert h3[b-2d60osowp8] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.roles-alert p[b-2d60osowp8] {
    margin: 12px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.alert-buttons[b-2d60osowp8] {
    display: flex;
    justify-content: center;
    gap: 12px;

    margin-top: 24px;
}

.alert-buttons button[b-2d60osowp8] {
    min-width: 110px;
    height: 42px;

    padding: 0 20px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;
}

.alert-cancel[b-2d60osowp8] {
    border: 1px solid #d1d5db;

    color: var(--primary-font-color);
    background: #ffffff;
}

.alert-cancel:hover[b-2d60osowp8] {
    background: #f3f4f6;
}

.alert-confirm[b-2d60osowp8] {
    border: 0;

    color: #ffffff;
    background: var(--primary-color);
}

.alert-confirm:hover[b-2d60osowp8] {
    opacity: .9;
}

@media (max-width: 600px) {
  .roles-header[b-2d60osowp8] {
    flex-direction: column;
    align-items: stretch;
  }

  .roles-back-button[b-2d60osowp8] {
    width: 100%;
  }
}

@media (max-width: 768px) {
    .roles-page[b-2d60osowp8] {
        padding: 24px 16px;
    }

    .roles-toolbar[b-2d60osowp8] {
        flex-direction: column;
        align-items: stretch;
    }

    .roles-search-container[b-2d60osowp8] {
        max-width: none;
    }

    .roles-add-button[b-2d60osowp8] {
        width: 100%;
    }

    .roles-controls[b-2d60osowp8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .roles-total[b-2d60osowp8] {
        align-self: flex-start;
    }

    .roles-pagination[b-2d60osowp8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .pagination-buttons[b-2d60osowp8] {
        width: 100%;
    }

    .pagination-buttons button[b-2d60osowp8] {
        flex: 1;
        justify-content: center;
    }

    .roles-modal-footer[b-2d60osowp8] {
        flex-direction: column-reverse;
    }

    .modal-regresar[b-2d60osowp8],
    .modal-guardar[b-2d60osowp8] {
        width: 100%;
    }
    
}
/* /Components/Pages/Configuracion/GestionTramites.razor.rz.scp.css */
.gestion-tramites-page[b-z20sd835jk] {
    min-height: 100vh;

    padding: 24px 16px 32px;

    color: var(--primary-font-color);
    background: var(--background-color, #f9fafb);

    font-family: var(--secondary-font-family);
}

.gestion-tramites-container[b-z20sd835jk] {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

.gestion-tramites-title-row[b-z20sd835jk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 24px;

    margin-bottom: 24px;
}

.gestion-tramites-title-row h1[b-z20sd835jk] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.2;
}

.gestion-tramites-title-row p[b-z20sd835jk] {
    margin: 8px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.gestion-tramites-global-card[b-z20sd835jk] {
    min-width: 230px;

    padding: 16px;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, .05);
}

.gestion-tramites-global-card > p[b-z20sd835jk] {
    margin: 0 0 12px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 700;
    line-height: 1.3;

    text-align: center;
    text-transform: uppercase;
}

.gestion-tramites-global-grid[b-z20sd835jk] {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 16px;
}

.gestion-tramites-global-item[b-z20sd835jk] {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 8px;
}

.gestion-tramites-global-item > span[b-z20sd835jk] {
    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 1.07);
    font-weight: 700;
    line-height: 1.3;
}

.gestion-tramites-sections[b-z20sd835jk] {
    display: flex;
    flex-direction: column;

    gap: 16px;
}

.gestion-tramites-card[b-z20sd835jk] {
    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, .05);
}

.gestion-tramites-card-header[b-z20sd835jk] {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) 210px;

    align-items: center;

    gap: 12px;

    padding: 16px;

    border-bottom: 1px solid #e5e7eb;
}

.gestion-tramites-level-title[b-z20sd835jk] {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 16px;
}

.gestion-tramites-level-icon[b-z20sd835jk] {
    width: 44px;
    height: 44px;
    min-width: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;
}

.gestion-tramites-level-icon i[b-z20sd835jk] {
    font-size: 21px;
}

.gestion-tramites-level-title h2[b-z20sd835jk] {
    margin: 0;

    overflow: hidden;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.67);
    font-weight: 700;
    line-height: 1.3;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.gestion-tramites-check-header[b-z20sd835jk] {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 16px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 1.07);
    font-weight: 700;
    line-height: 1.3;

    text-align: center;
}

.gestion-tramites-check-header p[b-z20sd835jk] {
    margin: 0 0 2px;

    font-family: inherit;
}

.gestion-tramites-check-labels[b-z20sd835jk] {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.93);
    font-weight: 400;
    line-height: 1.3;
}

.gestion-tramites-list[b-z20sd835jk] {
    padding: 0 16px 4px;
}

.gestion-tramite-row[b-z20sd835jk] {
    display: grid;

    grid-template-columns:
        42px minmax(0, 1fr) 210px;

    align-items: center;

    gap: 8px;

    min-height: 58px;

    padding: 12px 0;

    border-bottom: 1px solid #e5e7eb;
}

.gestion-tramite-row:last-child[b-z20sd835jk] {
    border-bottom: none;
}

.gestion-tramite-number[b-z20sd835jk] {
    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;
}

.gestion-tramite-description[b-z20sd835jk] {
    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.35;
}

.gestion-tramite-switches[b-z20sd835jk] {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 16px;
}

.gestion-tramite-switch-container[b-z20sd835jk] {
    display: flex;
    justify-content: center;
}

.gestion-tramite-empty[b-z20sd835jk] {
    padding: 40px 16px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;

    text-align: center;
}

.tramite-switch[b-z20sd835jk] {
    position: relative;

    width: 50px;
    height: 24px;

    flex-shrink: 0;

    padding: 0;

    border: 0;

    background: transparent;

    cursor: pointer;
}

.tramite-switch-track[b-z20sd835jk] {
    position: absolute;
    inset: 0;

    display: block;

    border: 1px solid;
    border-radius: 999px;

    transition:
        background-color .2s ease;
}

.tramite-switch-thumb[b-z20sd835jk] {
    position: absolute;

    top: 50%;

    width: 20px;
    height: 20px;

    transform: translateY(-50%);

    border: 1px solid;
    border-radius: 50%;

    background: #ffffff;

    transition:
        left .2s ease;
}

.gestion-tramites-footer[b-z20sd835jk] {
    display: flex;
    justify-content: flex-end;

    margin-top: 20px;
}

.gestion-tramites-save-button[b-z20sd835jk] {
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    padding: 0 36px;

    border: none;
    border-radius: 6px;

    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity .2s ease;
}

.gestion-tramites-save-button span[b-z20sd835jk] {
    font-family: inherit;
}

.gestion-tramites-save-button:hover[b-z20sd835jk] {
    opacity: .9;
}

.gestion-tramites-save-button:disabled[b-z20sd835jk] {
    cursor: not-allowed;

    opacity: .6;
}

.gestion-tramites-button-spinner[b-z20sd835jk] {
    width: 17px;
    height: 17px;

    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #ffffff;
    border-radius: 50%;

    animation:
        gestion-tramites-spin-b-z20sd835jk .7s linear infinite;
}

.gestion-tramites-overlay[b-z20sd835jk] {
    position: fixed;
    inset: 0;
    z-index: 1000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background: rgba(0,0,0,.45);
}

.gestion-tramites-loading-card[b-z20sd835jk] {
    width: 100%;
    max-width: 400px;

    padding: 36px 28px;

    border-radius: 16px;

    background: #ffffff;

    text-align: center;

    box-shadow:
        0 20px 50px rgba(0,0,0,.2);
}

.gestion-tramites-loading-card h2[b-z20sd835jk] {
    margin: 20px 0 8px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.67);
    font-weight: 700;
    line-height: 1.3;
}

.gestion-tramites-loading-card p[b-z20sd835jk] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.gestion-tramites-loading-icon[b-z20sd835jk] {
    position: relative;

    width: 72px;
    height: 72px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;
}

.gestion-tramites-monitor[b-z20sd835jk] {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    border-radius: 12px;

    color: var(--loading-color);
    background: #ffffff;

    font-size: 24px;
}

.gestion-tramites-spinner[b-z20sd835jk] {
    position: absolute;
    inset: 0;

    border: 3px solid rgba(0,0,0,.08);
    border-top-color: var(--loading-color);
    border-radius: 50%;

    animation:
        gestion-tramites-spin-b-z20sd835jk .9s linear infinite;
}

.gestion-tramites-modal-overlay[b-z20sd835jk] {
    position: fixed;
    inset: 0;
    z-index: 2000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background: rgba(0,0,0,.6);
}

.gestion-tramites-modal[b-z20sd835jk] {
    width: 100%;
    max-width: 430px;

    padding: 30px 28px 26px;

    border-radius: 14px;

    background: #ffffff;

    text-align: center;

    box-shadow:
        0 20px 60px rgba(0,0,0,.25);
}

.gestion-tramites-modal-icon[b-z20sd835jk] {
    width: 58px;
    height: 58px;

    margin: 0 auto 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    font-size: 30px;
}

.gestion-tramites-modal-icon.success[b-z20sd835jk] {
    color: #16a34a;
    background: #dcfce7;
}

.gestion-tramites-modal-icon.error[b-z20sd835jk] {
    color: #dc2626;
    background: #fee2e2;
}

.gestion-tramites-modal-icon.warning[b-z20sd835jk] {
    color: #d97706;
    background: #fef3c7;
}

.gestion-tramites-modal-icon.info[b-z20sd835jk] {
    color: #2563eb;
    background: #dbeafe;
}

.gestion-tramites-modal h3[b-z20sd835jk] {
    margin: 0 0 10px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.67);
    font-weight: 700;
    line-height: 1.3;
}

.gestion-tramites-modal p[b-z20sd835jk] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.gestion-tramites-modal-buttons[b-z20sd835jk] {
    display: flex;
    justify-content: center;

    margin-top: 24px;
}

.gestion-tramites-modal-confirm[b-z20sd835jk] {
    min-width: 120px;
    height: 42px;

    padding: 0 24px;

    border: none;
    border-radius: 6px;

    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;
}

.gestion-tramites-back-button[b-z20sd835jk] {
  min-width: 150px;
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  margin-top: 16px;

  padding: 0 24px;

  border: 1px solid #e5e7eb;
  border-radius: 10px;

  background-color: #ffffff;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  cursor: pointer;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.gestion-tramites-back-button:hover[b-z20sd835jk] {
  background-color: #f9fafb;
  border-color: #d1d5db;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);

  transform: translateY(-1px);
}

.gestion-tramites-back-button i[b-z20sd835jk] {
  font-size: 17px;
  line-height: 1;
}

@media (max-width: 768px) {
    .gestion-tramites-page[b-z20sd835jk] {
        padding: 20px 12px 28px;
    }

    .gestion-tramites-title-row[b-z20sd835jk] {
        flex-direction: column;
    }

    .gestion-tramites-global-card[b-z20sd835jk] {
        width: 100%;
    }

    .gestion-tramites-card-header[b-z20sd835jk] {
        grid-template-columns:
            1fr 190px;

        padding: 14px 12px;
    }

    .gestion-tramites-list[b-z20sd835jk] {
        padding: 0 12px 4px;
    }

    .gestion-tramite-row[b-z20sd835jk] {
        grid-template-columns:
            32px minmax(0, 1fr) 190px;
    }
}

@media (max-width: 600px) {
    .gestion-tramites-title-row[b-z20sd835jk] {
        gap: 16px;
    }

    .gestion-tramites-card-header[b-z20sd835jk] {
        grid-template-columns: 1fr;
    }

    .gestion-tramites-check-header[b-z20sd835jk] {
        display: none;
    }

    .gestion-tramite-row[b-z20sd835jk] {
        grid-template-columns:
            32px minmax(0, 1fr);

        gap: 8px 10px;
    }

    .gestion-tramite-switches[b-z20sd835jk] {
        grid-column: 2;

        width: 100%;
        max-width: 210px;

        margin-left: auto;
    }

    .gestion-tramites-footer[b-z20sd835jk] {
        justify-content: stretch;
    }

    .gestion-tramites-save-button[b-z20sd835jk] {
        width: 100%;
    }
}

@keyframes gestion-tramites-spin-b-z20sd835jk {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Configuracion/GestionUsuarios.razor.rz.scp.css */
.usuarios-page[b-lztp5jlex7] {
    min-height: 100vh;
    padding: 24px 16px 32px;

    color: var(--primary-font-color);
    background: var(--background-color, #f9fafb);

    font-family: var(--secondary-font-family);
}

.usuarios-container[b-lztp5jlex7] {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

.usuarios-title[b-lztp5jlex7] {
    margin-bottom: 24px;
}

.usuarios-title h1[b-lztp5jlex7] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.2;
}

.usuarios-title p[b-lztp5jlex7] {
    margin: 8px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.usuarios-card[b-lztp5jlex7] {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    box-shadow:
        0 1px 2px rgba(0, 0, 0, .04);
}

.usuarios-toolbar[b-lztp5jlex7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 16px;

    padding: 24px;

    border-bottom: 1px solid #e5e7eb;
}

.usuarios-filtros[b-lztp5jlex7] {
    display: flex;

    width: 100%;
    max-width: 720px;

    gap: 16px;
}

.usuarios-search[b-lztp5jlex7] {
    flex: 1;

    min-width: 0;
}

.usuarios-estado[b-lztp5jlex7] {
    width: 210px;

    flex-shrink: 0;
}

.usuarios-search label[b-lztp5jlex7],
.usuarios-estado label[b-lztp5jlex7] {
    display: block;

    margin-bottom: 8px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;
}

.search-input-wrapper[b-lztp5jlex7] {
    position: relative;
}

.search-input-wrapper i[b-lztp5jlex7] {
    position: absolute;

    left: 16px;
    top: 50%;

    transform: translateY(-50%);

    color: var(--secondary-font-color);

    font-size: 18px;

    pointer-events: none;
}

.search-input-wrapper input[b-lztp5jlex7] {
    width: 100%;
    height: 44px;

    padding: 0 16px 0 44px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    outline: none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.search-input-wrapper input[b-lztp5jlex7]::placeholder {
    color: var(--secondary-font-color);
    opacity: .7;
}

.search-input-wrapper input:focus[b-lztp5jlex7],
.usuarios-estado select:focus[b-lztp5jlex7],
.mostrar-registros select:focus[b-lztp5jlex7] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 2px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.usuarios-estado select[b-lztp5jlex7] {
    width: 100%;
    height: 44px;

    padding: 0 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    outline: none;
}

.usuarios-add-button[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    height: 44px;

    padding: 0 24px;

    border: 0;
    border-radius: 6px;

    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity .15s ease;

    white-space: nowrap;
}

.usuarios-add-button:hover[b-lztp5jlex7] {
    opacity: .9;
}

.usuarios-add-button i[b-lztp5jlex7] {
    font-size: 19px;
}

.usuarios-info[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 16px 24px;
}

.usuarios-info p[b-lztp5jlex7] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}

.mostrar-registros[b-lztp5jlex7] {
    display: flex;
    align-items: center;

    gap: 8px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
}

.mostrar-registros select[b-lztp5jlex7] {
    height: 36px;

    padding: 0 8px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);

    outline: none;
}

.usuarios-table-wrapper[b-lztp5jlex7] {
    width: 100%;

    overflow-x: auto;
}

.usuarios-table[b-lztp5jlex7] {
    width: 100%;
    min-width: 1280px;

    border-collapse: collapse;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
}

.usuarios-table thead tr[b-lztp5jlex7] {
    height: 54px;
}

.usuarios-table th[b-lztp5jlex7] {
    padding: 16px 20px;

    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;

    text-align: left;
    white-space: nowrap;
}

.usuarios-table th.text-center[b-lztp5jlex7] {
    text-align: center;
}

.usuarios-table td[b-lztp5jlex7] {
    padding: 16px 20px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;

    vertical-align: middle;
}

.usuarios-table tbody tr[b-lztp5jlex7] {
    border-bottom: 1px solid #e5e7eb;
}

.usuarios-table tbody tr:last-child[b-lztp5jlex7] {
    border-bottom: 0;
}

.fila-par[b-lztp5jlex7] {
    background: #ffffff;
}

.fila-impar[b-lztp5jlex7] {
    background: #f7f7f7;
}

.usuarios-empty[b-lztp5jlex7] {
    height: 180px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;

    text-align: center;
}

.table-loading[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.table-spinner[b-lztp5jlex7] {
    width: 17px;
    height: 17px;

    border: 2px solid #d1d5db;
    border-top-color: var(--primary-color);
    border-radius: 50%;

    animation:
        usuarios-spin-b-lztp5jlex7 .7s linear infinite;
}

.estado-badge[b-lztp5jlex7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 90px;

    padding: 5px 12px;

    border-radius: 999px;

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * .86);
    font-weight: 700;
    line-height: 1.3;
}

.estado-activo[b-lztp5jlex7] {
    color: #15803d;
    background: #dcfce7;
}

.estado-inactivo[b-lztp5jlex7] {
    color: #b91c1c;
    background: #fee2e2;
}

.acciones-container[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;
}

.accion-button[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    border: 1px solid;
    border-radius: 6px;

    background: #ffffff;

    cursor: pointer;

    transition:
        background-color .15s ease,
        color .15s ease,
        border-color .15s ease;
}

.accion-editar[b-lztp5jlex7] {
    border-color: #e5e7eb;
    color: #4b5563;
}

.accion-editar:hover[b-lztp5jlex7] {
    background: #f3f4f6;
}

.accion-desactivar[b-lztp5jlex7] {
    border-color: #fecaca;
    color: #dc2626;
}

.accion-desactivar:hover[b-lztp5jlex7] {
    background: #fef2f2;
}

.accion-activar[b-lztp5jlex7] {
    border-color: #bbf7d0;
    color: #16a34a;
}

.accion-activar:hover[b-lztp5jlex7] {
    background: #f0fdf4;
}

.accion-disabled[b-lztp5jlex7] {
    border-color: #e5e7eb;

    background: #f3f4f6;
    color: #d1d5db;

    cursor: not-allowed;
}

.usuarios-pagination[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 16px 24px;

    border-top: 1px solid #e5e7eb;
}

.usuarios-pagination p[b-lztp5jlex7] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
}

.pagination-buttons[b-lztp5jlex7] {
    display: flex;
    align-items: center;

    gap: 8px;
}

.pagination-buttons button[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    height: 36px;

    padding: 0 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color .15s ease,
        color .15s ease,
        border-color .15s ease;
}

.pagination-buttons button:hover:not(:disabled)[b-lztp5jlex7] {
    border-color: var(--primary-color);

    color: var(--primary-color);

    background: #f9fafb;
}

.pagination-buttons button:disabled[b-lztp5jlex7] {
    cursor: not-allowed;

    opacity: .4;
}

.usuario-modal-overlay[b-lztp5jlex7] {
    position: fixed;
    inset: 0;
    z-index: 1000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px 16px;

    background: rgba(0, 0, 0, .60);
}

.usuario-modal[b-lztp5jlex7] {
    width: 100%;
    max-width: 520px;
    max-height: 95vh;

    overflow-y: auto;

    border-radius: 12px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 25px 50px rgba(0, 0, 0, .25);
}

.usuario-modal-header[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 16px 20px;

    border-bottom: 1px solid #e5e7eb;
}

.usuario-modal-header h2[b-lztp5jlex7] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * .60);
    font-weight: 700;
    line-height: 1.3;
}

.modal-close-button[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    border: 0;
    border-radius: 50%;

    background: transparent;
    color: var(--secondary-font-color);

    cursor: pointer;

    transition:
        background-color .15s ease,
        color .15s ease;
}

.modal-close-button:hover:not(:disabled)[b-lztp5jlex7] {
    color: var(--primary-color);
    background: #f3f4f6;
}

.modal-close-button:disabled[b-lztp5jlex7] {
    cursor: not-allowed;

    opacity: .5;
}

.usuario-modal-body[b-lztp5jlex7] {
    display: flex;
    flex-direction: column;

    gap: 16px;

    padding: 20px;
}

.form-group[b-lztp5jlex7] {
    width: 100%;
}

.form-group label[b-lztp5jlex7] {
    display: block;

    margin-bottom: 8px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;
}

.required[b-lztp5jlex7] {
    color: #ef4444;
}

.usuario-input[b-lztp5jlex7] {
    width: 100%;
    height: 44px;

    padding: 0 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    outline: none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;

    box-sizing: border-box;
}

.usuario-input[b-lztp5jlex7]::placeholder {
    color: var(--secondary-font-color);
    opacity: .7;
}

.usuario-input:focus[b-lztp5jlex7] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 2px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.usuario-input-error[b-lztp5jlex7] {
    border-color: #ef4444 !important;
}

.usuario-input-error:focus[b-lztp5jlex7] {
    border-color: #ef4444 !important;
}

.usuario-textarea[b-lztp5jlex7] {
    width: 100%;
    min-height: 96px;

    padding: 12px;

    border: 1px solid #d1d5db;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;

    outline: none;

    resize: vertical;

    box-sizing: border-box;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.usuario-textarea[b-lztp5jlex7]::placeholder {
    color: var(--secondary-font-color);
    opacity: .7;
}

.usuario-textarea:focus[b-lztp5jlex7] {
    border-color: var(--primary-color);

    box-shadow:
        0 0 0 2px
        color-mix(
            in srgb,
            var(--primary-color) 12%,
            transparent
        );
}

.campo-error[b-lztp5jlex7] {
    margin: 4px 0 0;

    color: #ef4444;

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * .86);
    font-weight: 400;
    line-height: 1.4;
}

.notas-footer[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;
}

.contador-notas[b-lztp5jlex7] {
    margin-left: auto;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * .86);
    font-weight: 400;

    white-space: nowrap;
}

.usuario-modal-footer[b-lztp5jlex7] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;

    gap: 12px;

    padding: 16px 20px;

    border-top: 1px solid #e5e7eb;
}

.modal-return-button[b-lztp5jlex7],
.modal-save-button[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    height: 44px;

    padding: 0 28px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity .15s ease,
        background-color .15s ease;
}

.modal-return-button[b-lztp5jlex7] {
    border: 1px solid var(--primary-color);

    color: var(--primary-color);
    background: #ffffff;
}

.modal-return-button:hover:not(:disabled)[b-lztp5jlex7] {
    background:
        color-mix(
            in srgb,
            var(--primary-color) 6%,
            #ffffff
        );
}

.modal-save-button[b-lztp5jlex7] {
    border: 0;

    color: #ffffff;
    background: var(--primary-color);
}

.modal-save-button:hover:not(:disabled)[b-lztp5jlex7] {
    opacity: .9;
}

.modal-return-button:disabled[b-lztp5jlex7],
.modal-save-button:disabled[b-lztp5jlex7] {
    cursor: not-allowed;

    opacity: .6;
}

.usuarios-modal-overlay[b-lztp5jlex7] {
    position: fixed;
    inset: 0;
    z-index: 1100;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px 16px;

    background: rgba(0, 0, 0, .60);
}

.usuarios-confirm-modal[b-lztp5jlex7] {
    width: 100%;
    max-width: 430px;

    padding: 28px;

    border-radius: 14px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 25px 50px rgba(0, 0, 0, .25);

    text-align: center;
}

.confirm-modal-icon[b-lztp5jlex7] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;

    margin: 0 auto 16px;

    border-radius: 50%;

    font-size: 30px;
}

.confirm-modal-icon.info[b-lztp5jlex7] {
    color: #2563eb;
    background: #eff6ff;
}

.confirm-modal-icon.success[b-lztp5jlex7] {
    color: #16a34a;
    background: #dcfce7;
}

.confirm-modal-icon.warning[b-lztp5jlex7] {
    color: #d97706;
    background: #fef3c7;
}

.confirm-modal-icon.error[b-lztp5jlex7] {
    color: #dc2626;
    background: #fee2e2;
}

.usuarios-confirm-modal h3[b-lztp5jlex7] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * .67);
    font-weight: 700;
    line-height: 1.3;
}

.usuarios-confirm-modal p[b-lztp5jlex7] {
    margin: 10px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.6;
}

.confirm-modal-buttons[b-lztp5jlex7] {
    display: flex;
    justify-content: center;

    gap: 12px;

    margin-top: 24px;
}

.confirm-cancel-button[b-lztp5jlex7],
.confirm-button[b-lztp5jlex7] {
    min-width: 120px;
    height: 42px;

    padding: 0 20px;

    border-radius: 6px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;
}

.confirm-cancel-button[b-lztp5jlex7] {
    border: 1px solid #d1d5db;

    color: var(--primary-font-color);
    background: #ffffff;
}

.confirm-cancel-button:hover[b-lztp5jlex7] {
    background: #f9fafb;
}

.confirm-button[b-lztp5jlex7] {
    border: 0;

    color: #ffffff;
    background: var(--primary-color);
}

.confirm-button:hover[b-lztp5jlex7] {
    opacity: .9;
}

.confirm-button:disabled[b-lztp5jlex7] {
    opacity: .5;

    cursor: not-allowed;

    pointer-events: none;
}

 .usuarios-header[b-lztp5jlex7] {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-bottom: 28px;
}

.usuarios-title[b-lztp5jlex7] {
  margin: 0;
}
.usuarios-back-button[b-lztp5jlex7] {
  flex-shrink: 0;

  min-width: 150px;
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding: 0 24px;

  border: 1px solid #e5e7eb;
  border-radius: 10px;

  background-color: #ffffff;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 14px;
  font-weight: 700;

  cursor: pointer;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.usuarios-back-button:hover[b-lztp5jlex7] {
  background-color: #f9fafb;
  border-color: #d1d5db;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);

  transform: translateY(-1px);
}

.usuarios-back-button i[b-lztp5jlex7] {
  font-size: 17px;
  line-height: 1;
}

@keyframes usuarios-spin-b-lztp5jlex7 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 900px) {
    .usuarios-toolbar[b-lztp5jlex7] {
        flex-direction: column;
        align-items: stretch;
    }

    .usuarios-filtros[b-lztp5jlex7] {
        max-width: none;
    }

    .usuarios-add-button[b-lztp5jlex7] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .usuarios-page[b-lztp5jlex7] {
        padding: 20px 12px 28px;
    }

    .usuarios-toolbar[b-lztp5jlex7] {
        padding: 16px;
    }

    .usuarios-filtros[b-lztp5jlex7] {
        flex-direction: column;
    }

    .usuarios-estado[b-lztp5jlex7] {
        width: 100%;
    }

    .usuarios-info[b-lztp5jlex7] {
        flex-direction: column;
        align-items: flex-start;

        padding: 16px;
    }

    .usuarios-pagination[b-lztp5jlex7] {
        flex-direction: column;
        align-items: flex-start;

        padding: 16px;
    }

    .pagination-buttons[b-lztp5jlex7] {
        width: 100%;
    }

    .pagination-buttons button[b-lztp5jlex7] {
        flex: 1;
    }

    .usuario-modal-overlay[b-lztp5jlex7] {
        align-items: flex-start;

        padding: 16px;
    }

    .usuario-modal[b-lztp5jlex7] {
        max-height: calc(100vh - 32px);
    }

    .usuario-modal-header[b-lztp5jlex7] {
        padding: 14px 16px;
    }

    .usuario-modal-body[b-lztp5jlex7] {
        padding: 16px;
    }

    .usuario-modal-footer[b-lztp5jlex7] {
        flex-direction: column-reverse;

        padding: 16px;
    }

    .modal-return-button[b-lztp5jlex7],
    .modal-save-button[b-lztp5jlex7] {
        width: 100%;
    }

    .usuarios-confirm-modal[b-lztp5jlex7] {
        padding: 24px 20px;
    }

    .confirm-modal-buttons[b-lztp5jlex7] {
        flex-direction: column-reverse;
    }

    .confirm-cancel-button[b-lztp5jlex7],
    .confirm-button[b-lztp5jlex7] {
        width: 100%;
    }
}
/* /Components/Pages/Configuracion/PermisosRolUsuario.razor.rz.scp.css */
.permisos-rol-page[b-kygo8djeiq] {
    min-height: 100vh;

    display: flex;
    flex-direction: column;

    color: var(--primary-font-color);
    background: var(--background-color, #f8f9fa);

    font-family: var(--secondary-font-family);
}

.permisos-rol-main[b-kygo8djeiq] {
    flex: 1;

    padding: 28px 16px;
}

.permisos-rol-container[b-kygo8djeiq] {
    width: 100%;
    max-width: 1600px;

    margin: 0 auto;
}

.permisos-rol-heading[b-kygo8djeiq] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    margin-bottom: 24px;
}

.permisos-rol-heading h1[b-kygo8djeiq] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.25;
}

.permisos-rol-heading p[b-kygo8djeiq] {
    margin: 5px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.permisos-regresar-button[b-kygo8djeiq] {
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 20px;

    border: 1px solid;
    border-radius: 6px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.15s ease,
        opacity 0.15s ease;
}

.permisos-regresar-button:hover[b-kygo8djeiq] {
    background: #f9fafb;
}

.permisos-card[b-kygo8djeiq] {
    overflow: hidden;

    padding: 16px;

    border: 1px solid #e5e7eb;
    border-radius: 16px;

    background: #ffffff;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04);
}

.permisos-loading[b-kygo8djeiq],
.permisos-empty[b-kygo8djeiq] {
    min-height: 260px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);

    text-align: center;
}

.permisos-loading p[b-kygo8djeiq],
.permisos-empty p[b-kygo8djeiq] {
    margin: 12px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.permisos-spinner[b-kygo8djeiq] {
    width: 30px;
    height: 30px;

    border: 3px solid #e5e7eb;
    border-top-color: var(--primary-color);
    border-radius: 50%;

    animation:
        permisos-spinner-b-kygo8djeiq 0.8s linear infinite;
}

@keyframes permisos-spinner-b-kygo8djeiq {
    to {
        transform: rotate(360deg);
    }
}

.rol-info-card[b-kygo8djeiq] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    margin-bottom: 24px;
    padding: 20px;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    background: #fafbfc;
}

.rol-info-left[b-kygo8djeiq] {
    display: flex;
    align-items: center;

    gap: 12px;
}

.rol-avatar[b-kygo8djeiq] {
    width: 44px;
    min-width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 1.14);
    font-weight: 700;
}

.rol-info-left h2[b-kygo8djeiq] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 700;
    line-height: 1.3;
}

.rol-info-left p[b-kygo8djeiq] {
    margin: 3px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}

.seleccionar-todos[b-kygo8djeiq] {
    display: flex;
    align-items: center;

    gap: 8px;
}

.seleccionar-todos button[b-kygo8djeiq],
.seleccionar-modulo button[b-kygo8djeiq] {
    border: 0;

    padding: 0;

    color: var(--primary-font-color);
    background: transparent;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;

    cursor: pointer;
}

.seleccionar-todos button:hover:not(:disabled)[b-kygo8djeiq],
.seleccionar-modulo button:hover:not(:disabled)[b-kygo8djeiq] {
    color: var(--primary-color);
}

.seleccionar-todos button:disabled[b-kygo8djeiq],
.seleccionar-modulo button:disabled[b-kygo8djeiq] {
    cursor: not-allowed;
    opacity: 0.6;
}

.modulos-grid[b-kygo8djeiq] {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    align-items: start;

    gap: 16px;
}

.modulos-columna[b-kygo8djeiq] {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 16px;
}

.modulo-card[b-kygo8djeiq] {
    overflow: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04);
}

.modulo-header[b-kygo8djeiq] {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding: 16px 20px;

    border: 0;

    background: #fafbfc;

    text-align: left;

    cursor: pointer;

    transition:
        background-color 0.15s ease;
}

.modulo-header:hover[b-kygo8djeiq] {
    background: #f9fafb;
}

.modulo-header h3[b-kygo8djeiq] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 1.07);
    font-weight: 700;
    line-height: 1.3;
}

.modulo-header p[b-kygo8djeiq] {
    margin: 4px 0 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.4;
}

.modulo-arrow[b-kygo8djeiq] {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 6px;

    color: var(--secondary-font-color);

    flex-shrink: 0;
}

.modulo-content[b-kygo8djeiq] {
    padding: 20px;

    border-top: 1px solid #e5e7eb;

    background: #ffffff;
}

.modulo-permisos-header[b-kygo8djeiq] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    margin-bottom: 16px;
    padding-bottom: 12px;

    border-bottom: 1px solid #e5e7eb;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;
}

.seleccionar-modulo[b-kygo8djeiq] {
    display: flex;
    align-items: center;

    gap: 8px;
}

.permisos-grid[b-kygo8djeiq] {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}

.permiso-item[b-kygo8djeiq] {
    min-width: 0;

    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding: 8px;

    border-radius: 6px;

    transition:
        background-color 0.15s ease;
}

.permiso-item:hover[b-kygo8djeiq] {
    background: #f9fafb;
}

.permiso-item button:not(.checkbox-permiso)[b-kygo8djeiq] {
    border: 0;

    padding: 0;

    color: var(--primary-font-color);
    background: transparent;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.45;

    text-align: left;

    cursor: pointer;
}

.permiso-item button:not(.checkbox-permiso):hover:not(:disabled)[b-kygo8djeiq] {
    color: var(--primary-color);
}

.permiso-item button:disabled[b-kygo8djeiq] {
    cursor: not-allowed;
    opacity: 0.6;
}

.permisos-footer[b-kygo8djeiq] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    margin-top: 24px;
    padding-top: 20px;

    border-top: 1px solid #e5e7eb;
}

.permisos-footer p[b-kygo8djeiq] {
    margin: 0;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.guardar-permisos-button[b-kygo8djeiq] {
    min-width: 165px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 20px;

    border: 0;
    border-radius: 6px;

    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    transition:
        opacity 0.15s ease,
        transform 0.15s ease;
}

.guardar-permisos-button:hover:not(:disabled)[b-kygo8djeiq] {
    opacity: 0.9;
}

.guardar-permisos-button:disabled[b-kygo8djeiq] {
    cursor: not-allowed;

    opacity: 0.6;
}

.permisos-modal-overlay[b-kygo8djeiq] {
    position: fixed;
    inset: 0;
    z-index: 1000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px 16px;

    background: rgba(0, 0, 0, 0.6);
}

.permisos-modal[b-kygo8djeiq] {
    width: 100%;
    max-width: 440px;

    padding: 28px;

    border-radius: 14px;

    color: var(--primary-font-color);
    background: #ffffff;

    font-family: var(--secondary-font-family);

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.25);

    text-align: center;
}

.permisos-modal-icon[b-kygo8djeiq] {
    width: 56px;
    height: 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 16px;

    border-radius: 50%;

    font-size: 28px;
}

.permisos-modal-icon.success[b-kygo8djeiq] {
    color: #16a34a;
    background: #dcfce7;
}

.permisos-modal-icon.error[b-kygo8djeiq] {
    color: #dc2626;
    background: #fee2e2;
}

.permisos-modal-icon.warning[b-kygo8djeiq] {
    color: #d97706;
    background: #fef3c7;
}

.permisos-modal-icon.info[b-kygo8djeiq] {
    color: #2563eb;
    background: #dbeafe;
}

.permisos-modal h3[b-kygo8djeiq] {
    margin: 0;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.60);
    font-weight: 700;
    line-height: 1.3;
}

.permisos-modal p[b-kygo8djeiq] {
    margin: 10px 0 22px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}

.permisos-modal-button[b-kygo8djeiq] {
    min-width: 120px;
    height: 42px;

    padding: 0 22px;

    border: 0;
    border-radius: 6px;

    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        opacity 0.15s ease;
}

.permisos-modal-button:hover[b-kygo8djeiq] {
    opacity: 0.9;
}

.permisos-regresar-button[b-kygo8djeiq] {
  flex-shrink: 0;

  min-width: 150px;
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding: 0 24px;

  border: 1px solid #e5e7eb;
  border-radius: 10px;

  background-color: #ffffff;

  color: var(--primary-font-color);

  font-family: var(--primary-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  cursor: pointer;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.permisos-regresar-button:hover[b-kygo8djeiq] {
  background-color: #f9fafb;
  border-color: #d1d5db;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);

  transform: translateY(-1px);
}

.permisos-regresar-button i[b-kygo8djeiq] {
  font-size: 17px;
  line-height: 1;
}

@media (max-width: 1024px) {
    .modulos-grid[b-kygo8djeiq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .permisos-rol-main[b-kygo8djeiq] {
        padding: 24px 16px;
    }

    .permisos-rol-heading[b-kygo8djeiq] {
    align-items: center;
    flex-direction: row;
    }

    .rol-info-card[b-kygo8djeiq] {
        align-items: stretch;
        flex-direction: column;
    }

    .seleccionar-todos[b-kygo8djeiq] {
        justify-content: flex-start;
    }

    .modulo-permisos-header[b-kygo8djeiq] {
        align-items: flex-start;
        flex-direction: column;
    }

    .seleccionar-modulo[b-kygo8djeiq] {
        width: 100%;
    }

    .permisos-grid[b-kygo8djeiq] {
        grid-template-columns: 1fr;
    }

    .permisos-footer[b-kygo8djeiq] {
        align-items: stretch;
        flex-direction: column;
    }

    .guardar-permisos-button[b-kygo8djeiq] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .permisos-rol-main[b-kygo8djeiq] {
        padding: 20px 12px;
    }

    .permisos-card[b-kygo8djeiq] {
        padding: 12px;
        border-radius: 12px;
    }

    .rol-info-card[b-kygo8djeiq] {
        padding: 16px;
    }

    .modulo-header[b-kygo8djeiq] {
        padding: 14px 16px;
    }

    .modulo-content[b-kygo8djeiq] {
        padding: 16px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-qz6c55xnac] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--background-color);
    font-family: var(--primary-font-family);
}

.home-page__hero[b-qz6c55xnac] {
    position: relative;
    overflow: hidden;
    background: var(--primary-color);
}

.home-page__hero-image-container[b-qz6c55xnac] {
    position: relative;
    width: 100%;
    height: 280px;
}

.home-page__hero-image[b-qz6c55xnac] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    user-select: none;
}

.home-page__hero-overlay[b-qz6c55xnac] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
}

.home-page__institutional-logo-container[b-qz6c55xnac] {
    position: absolute;
    top: 16px;
    left: 24px;
    z-index: 2;
}

.home-page__institutional-logo[b-qz6c55xnac] {
    display: block;
    width: 95px;
    height: auto;
    object-fit: contain;
    user-select: none;
}

.home-page__search-section[b-qz6c55xnac] {
    position: relative;
    z-index: 3;
    margin-top: 16px;
}

.home-page__search-container[b-qz6c55xnac] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
}

.home-page__search-box[b-qz6c55xnac] {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #ffffff;
    box-shadow:
        0 20px 25px -5px rgba(15, 23, 42, 0.12),
        0 8px 10px -6px rgba(15, 23, 42, 0.12);
}

.home-page__search-input-container[b-qz6c55xnac] {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 0;
    padding: 0 16px;
}

.home-page__search-icon[b-qz6c55xnac] {
    width: 19px;
    height: 19px;
    margin-right: 8px;
    flex-shrink: 0;
    color: var(--secondary-font-color);
}

.home-page__search-input[b-qz6c55xnac] {
    width: 100%;
    min-width: 0;
    padding: 12px 0;
    border: 0;
    outline: 0;
    background: transparent;

    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.5);
    font-weight: 700;
}

.home-page__search-input[b-qz6c55xnac]::placeholder {
    color: var(--secondary-font-color);
    opacity: 0.7;
}

.home-page__search-input[b-qz6c55xnac]::-webkit-search-cancel-button {
    cursor: pointer;
}

.home-page__search-button[b-qz6c55xnac] {
    flex-shrink: 0;
    padding: 12px 16px;
    border: 0;

    background: var(--primary-color);
    color: #ffffff;

    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.45);
    font-weight: 600;

    white-space: nowrap;
    cursor: pointer;

    transition:
        filter 0.2s ease,
        opacity 0.2s ease;
}

.home-page__search-button:hover[b-qz6c55xnac] {
    filter: brightness(0.95);
}

.home-page__main[b-qz6c55xnac] {
    flex: 1;
    width: 100%;
    max-width: 1152px;
    margin: 24px auto 0;
    padding: 0 16px 40px;
}

.home-page__services[b-qz6c55xnac] {
    padding: 24px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 1px 5px rgba(15, 23, 42, 0.07);
}

.home-page__introduction[b-qz6c55xnac] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: start;
}

.home-page__introduction-title h1[b-qz6c55xnac] {
    margin: 0;

    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.2;
}

.home-page__title-line[b-qz6c55xnac] {
    display: block;
    width: 48px;
    height: 4px;
    margin-top: 16px;
    border-radius: 999px;
    background: var(--primary-color);
}

.home-page__benefits[b-qz6c55xnac] {
    display: flex;
    flex-direction: column;
    gap: 12px;

    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
}

.home-page__benefit[b-qz6c55xnac] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.home-page__benefit-dot[b-qz6c55xnac] {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--primary-color);
}

.home-page__benefit p[b-qz6c55xnac] {
    margin: 0;
}

.home-page__tramites-grid[b-qz6c55xnac] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 40px;
}

.home-page__tramite-wrapper[b-qz6c55xnac] {
    position: relative;
    min-width: 0;
}

.home-page__tramite-card[b-qz6c55xnac] {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    width: 100%;
    min-height: 130px;
    padding: 20px;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    background: #ffffff;
    color: var(--primary-font-color);

    font-family: var(--primary-font-family);

    text-align: left;
    cursor: pointer;
    user-select: none;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.15s ease;
}

.home-page__tramite-card:hover[b-qz6c55xnac] {
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
}

.home-page__tramite-card:active[b-qz6c55xnac] {
    transform: scale(0.995);
}

.home-page__tramite-card--active[b-qz6c55xnac] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
}

.home-page__tramite-icon[b-qz6c55xnac] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;
    flex-shrink: 0;

    border-radius: 12px;

    background: color-mix(
        in srgb,
        var(--primary-color) 13%,
        transparent
    );

    color: var(--primary-color);

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

.home-page__tramite-icon svg[b-qz6c55xnac] {
    width: 20px;
    height: 20px;
}

.home-page__tramite-icon--active[b-qz6c55xnac] {
    background: var(--primary-color);
    color: #ffffff;
}

.home-page__tramite-content[b-qz6c55xnac] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.home-page__tramite-title[b-qz6c55xnac] {
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.5);
    font-weight: 700;
    line-height: 1.35;

    transition: color 0.2s ease;
}

.home-page__tramite-title--active[b-qz6c55xnac] {
    color: var(--primary-color);
}

.home-page__tramite-description[b-qz6c55xnac] {
    display: -webkit-box;
    margin-top: 4px;
    overflow: hidden;

    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.9);
    line-height: 1.4;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

[b-qz6c55xnac] .home-page__level-menu {
    top: 0;
    right: 100%;
    margin-right: 16px;
}

.home-page__empty[b-qz6c55xnac] {
    margin-top: 40px;
    padding: 48px 24px;

    border: 1px dashed #e5e7eb;
    border-radius: 16px;

    color: var(--secondary-font-color);
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);

    text-align: center;
}

.home-page__empty-icon[b-qz6c55xnac] {
    width: 36px;
    height: 36px;
    margin-bottom: 12px;
    color: var(--secondary-font-color);
    opacity: 0.7;
}

.home-page__empty p[b-qz6c55xnac] {
    margin: 0;
}

@media (max-width: 639px) {
    [b-qz6c55xnac] .home-page__level-menu {
        position: relative;
        inset: auto;
        width: 100%;
        margin: 12px 0 0;
    }
}

@media (min-width: 640px) {
    .home-page__hero-image-container[b-qz6c55xnac] {
        height: 390px;
    }

    .home-page__institutional-logo-container[b-qz6c55xnac] {
        top: 24px;
        left: 40px;
    }

    .home-page__institutional-logo[b-qz6c55xnac] {
        width: 145px;
    }

    .home-page__search-section[b-qz6c55xnac] {
        margin-top: -48px;
    }

    .home-page__search-container[b-qz6c55xnac] {
        padding: 0 32px;
    }

    .home-page__search-input-container[b-qz6c55xnac] {
        padding: 0 24px;
    }

    .home-page__search-icon[b-qz6c55xnac] {
        width: 21px;
        height: 21px;
        margin-right: 12px;
    }

    .home-page__search-input[b-qz6c55xnac] {
        padding: 20px 0;
    }

    .home-page__search-button[b-qz6c55xnac] {
        padding: 20px 32px;
    }

    .home-page__main[b-qz6c55xnac] {
        margin-top: 32px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .home-page__services[b-qz6c55xnac] {
        padding: 40px;
    }

    .home-page__tramites-grid[b-qz6c55xnac] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-qz6c55xnac] .home-page__level-menu {
        position: absolute;
        top: 0;
        right: 100%;
        width: auto;
        min-width: 240px;
        margin: 0 16px 0 0;
    }
}

@media (min-width: 768px) {
    .home-page__hero-image-container[b-qz6c55xnac] {
        height: 470px;
    }

    .home-page__institutional-logo-container[b-qz6c55xnac] {
        top: 32px;
        left: 56px;
    }

    .home-page__institutional-logo[b-qz6c55xnac] {
        width: 190px;
    }

    .home-page__introduction[b-qz6c55xnac] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page__benefits[b-qz6c55xnac] {
        padding: 0 16px;
    }

    .home-page__tramites-grid[b-qz6c55xnac] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .home-page__hero-image-container[b-qz6c55xnac] {
        height: 500px;
    }

    .home-page__institutional-logo[b-qz6c55xnac] {
        width: 240px;
    }
}
/* /Components/Pages/school/DashboardSchool.razor.rz.scp.css */
.dashboard-school-page[b-e33ee7jnb5] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--primary-font-color);
  background-color: var(--background-color, #f5f5f5);
  font-family: var(--secondary-font-family);
}

.dashboard-school-page__main[b-e33ee7jnb5] {
  flex: 1;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 42px 24px 56px;
}

.dashboard-school-page__layout[b-e33ee7jnb5] {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  width: 100%;
}

.dashboard-school-page__loading[b-e33ee7jnb5] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 90px);
  padding: 50px 20px;
  color: var(--secondary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  text-align: center;
}

.school-profile-card[b-e33ee7jnb5],
.school-processes__filters[b-e33ee7jnb5],
.school-pagination[b-e33ee7jnb5],
.school-process-card[b-e33ee7jnb5],
.school-processes__empty[b-e33ee7jnb5] {
  width: 100%;
  min-width: 0;
  border-radius: 18px;
  background-color: #ffffff;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.07);
}

.school-profile-card[b-e33ee7jnb5] {
  position: relative;
  overflow: hidden;
}

.school-profile-card__cover[b-e33ee7jnb5] {
  position: relative;
  width: 100%;
  height: 118px;
  background-color: var(--primary-color, #ff8500);
}

.school-profile-card__avatar[b-e33ee7jnb5] {
  position: absolute;
  left: 50%;
  bottom: -38px;
  width: 78px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  border: 4px solid #ffffff;
  border-radius: 50%;
  background-color: #d9dde3;
  color: var(--primary-font-color, #142233);
  font-family: var(--primary-font-family);
  font-size: calc(var(--primary-font-size) * 0.67);
  font-weight: 600;
  box-shadow: 0 3px 8px rgba(15, 23, 42, 0.16);
}

.school-profile-card__avatar-image[b-e33ee7jnb5] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.school-profile-card__body[b-e33ee7jnb5] {
  width: 100%;
  padding: 56px 26px 28px;
}

.school-profile-card__body h2[b-e33ee7jnb5] {
  width: 100%;
  margin: 0;
  color: var(--primary-font-color, #142233);
  font-family: var(--primary-font-family);
  font-size: calc(var(--primary-font-size) * 0.50);
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}

.school-profile-card__subtitle[b-e33ee7jnb5] {
  width: 100%;
  margin: 5px auto 22px;
  color: var(--secondary-font-color, #667085);
  font-family: var(--secondary-font-family);
  font-size: calc(var(--secondary-font-size) * 0.86);
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

.school-profile-card__info[b-e33ee7jnb5] {
  display: grid;
  gap: 14px;
  width: 100%;
}

.school-profile-card__actions[b-e33ee7jnb5] {
  display: grid;
  gap: 10px;
  width: 100%;
  margin-top: 24px;
}

.school-profile-card__button[b-e33ee7jnb5] {
  width: 100%;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 11px;
  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.school-profile-card__button--primary[b-e33ee7jnb5] {
  border: 1px solid var(--primary-color, #ff8500);
  background-color: var(--primary-color, #ff8500);
  color: #ffffff;
}

.school-profile-card__button--primary:hover[b-e33ee7jnb5] {
  box-shadow: 0 6px 14px color-mix(in srgb, var(--primary-color) 20%, transparent);
}

.school-profile-card__button--secondary[b-e33ee7jnb5] {
  border: 1px solid var(--primary-color, #ff8500);
  background-color: #ffffff;
  color: var(--primary-color, #ff8500);
}

.school-profile-card__button--secondary:hover[b-e33ee7jnb5] {
  background-color: color-mix(in srgb, var(--primary-color) 6%, transparent);
}

.school-processes[b-e33ee7jnb5] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  min-width: 0;
}

.school-processes__filters[b-e33ee7jnb5] {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) auto;
  align-items: end;
  gap: 16px;
  padding: 20px;
  font-family: var(--secondary-font-family);
}

.school-field[b-e33ee7jnb5] {
  display: grid;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.school-field label[b-e33ee7jnb5] {
  color: var(--primary-font-color, #142233);
  font-family: var(--primary-font-family);
  font-size: calc(var(--secondary-font-size) * 0.93);
  font-weight: 700;
  line-height: 1.3;
}

.school-field select[b-e33ee7jnb5],
.school-field input[b-e33ee7jnb5] {
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  outline: none;
  background-color: #ffffff;
  color: var(--primary-font-color, #142233);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 400;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.school-field input[b-e33ee7jnb5]::placeholder {
  color: var(--secondary-font-color);
  opacity: 0.7;
}

.school-field select:focus[b-e33ee7jnb5],
.school-field input:focus[b-e33ee7jnb5] {
  border-color: var(--primary-color, #ff8500);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent);
}

.school-field__search[b-e33ee7jnb5] {
  position: relative;
}

.school-field__search input[b-e33ee7jnb5] {
  padding-right: 42px;
}

.school-field__search span[b-e33ee7jnb5] {
  position: absolute;
  top: 50%;
  right: 14px;
  color: var(--secondary-font-color, #667085);
  transform: translateY(-50%);
}

.school-processes__count[b-e33ee7jnb5] {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: var(--secondary-font-color, #667085);
  font-family: var(--secondary-font-family);
  font-size: calc(var(--secondary-font-size) * 0.93);
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
}

.school-processes__list[b-e33ee7jnb5] {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  max-height: calc(100vh - 420px);
  padding-right: 8px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
}

.school-processes__list[b-e33ee7jnb5]::-webkit-scrollbar {
  width: 8px;
}

.school-processes__list[b-e33ee7jnb5]::-webkit-scrollbar-track {
  background: transparent;
}

.school-processes__list[b-e33ee7jnb5]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background-color: #d1d5db;
}

.school-processes__list[b-e33ee7jnb5]::-webkit-scrollbar-thumb:hover {
  background-color: #b8bec7;
}

.school-process-card[b-e33ee7jnb5] {
  width: 100%;
  min-width: 0;
  flex: 0 0 auto;
  min-height: 215px;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 18px;
  background-color: #ffffff;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.07);
}

.school-process-card header[b-e33ee7jnb5] {
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 13px 20px;
  box-sizing: border-box;
  background-color: var(--primary-color, #ff8500);
  color: #ffffff;
}

.school-process-card header h3[b-e33ee7jnb5] {
  margin: 0;
  color: #ffffff;
  font-family: var(--primary-font-family);
  font-size: calc(var(--primary-font-size) * 0.50);
  font-weight: 700;
  line-height: 1.3;
}

.school-process-card__body[b-e33ee7jnb5] {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  font-family: var(--secondary-font-family);
}

.school-process-card__body p[b-e33ee7jnb5] {
  margin: 7px 0;
  color: var(--secondary-font-color, #596273);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 400;
  line-height: 1.5;
}

.school-process-card__body p strong[b-e33ee7jnb5] {
  color: var(--secondary-font-color, #596273);
  font-family: var(--primary-font-family);
  font-weight: 700;
}

.school-process-card__body p span[b-e33ee7jnb5] {
  color: var(--primary-font-color, #142233);
  font-family: var(--primary-font-family);
  font-weight: 800;
}

.school-process-card__progress[b-e33ee7jnb5] {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  margin-top: 18px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;
}

.school-process-card__progress > div[b-e33ee7jnb5] {
  flex: 1;
  height: 11px;
  overflow: hidden;
  border-radius: 999px;
  background-color: #e5e7eb;
}

.school-process-card__progress > div span[b-e33ee7jnb5] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: #22c55e;
}

.school-process-card__progress > strong[b-e33ee7jnb5] {
  flex: 0 0 auto;
  min-width: 42px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-weight: 700;
  text-align: right;
}

.school-process-card__actions[b-e33ee7jnb5] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.school-action[b-e33ee7jnb5] {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 0;
  border-radius: 9px;
  color: #ffffff;
  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.1s ease;
}

.school-action--edit[b-e33ee7jnb5],
.school-action--view[b-e33ee7jnb5] {
  background-color: var(--primary-color, #ff8500);
}

.school-action--edit:hover[b-e33ee7jnb5],
.school-action--view:hover[b-e33ee7jnb5] {
  opacity: 0.9;
}

.school-action:active:not(:disabled)[b-e33ee7jnb5] {
  transform: scale(0.98);
}

.school-action--disabled[b-e33ee7jnb5] {
  cursor: not-allowed;
  background-color: #9ca3af;
  opacity: 0.7;
}

.school-processes__empty[b-e33ee7jnb5] {
  flex: 0 0 auto;
  padding: 34px;
  color: var(--secondary-font-color, #667085);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

.school-pagination[b-e33ee7jnb5] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 20px;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
}

.school-pagination > div[b-e33ee7jnb5] {
  display: flex;
  gap: 10px;
}

.school-pagination button[b-e33ee7jnb5] {
  min-height: 40px;
  padding: 0 18px;
  border: 1px solid #d1d5db;
  border-radius: 9px;
  background-color: #ffffff;
  color: var(--primary-font-color, #142233);
  font-family: var(--primary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}

.school-pagination__next[b-e33ee7jnb5] {
  border-color: var(--primary-color, #ff8500) !important;
  background-color: var(--primary-color, #ff8500) !important;
  color: #ffffff !important;
}

.school-pagination button:disabled[b-e33ee7jnb5] {
  cursor: not-allowed;
  opacity: 0.5;
}

@media (max-width: 1050px) {
  .dashboard-school-page__layout[b-e33ee7jnb5] {
    grid-template-columns: 320px minmax(0, 1fr);
  }

  .school-processes__filters[b-e33ee7jnb5] {
    grid-template-columns: 1fr 1fr;
  }

  .school-processes__count[b-e33ee7jnb5] {
    grid-column: 1 / -1;
  }

  .school-process-card[b-e33ee7jnb5] {
    min-height: 215px;
  }
}

@media (max-width: 767px) {
  .dashboard-school-page__main[b-e33ee7jnb5] {
    padding: 26px 16px 42px;
  }

  .dashboard-school-page__layout[b-e33ee7jnb5] {
    grid-template-columns: 1fr;
  }

  .school-profile-card[b-e33ee7jnb5] {
    max-width: 480px;
    margin: 0 auto;
  }

  .school-processes__filters[b-e33ee7jnb5] {
    grid-template-columns: 1fr;
  }

  .school-processes__count[b-e33ee7jnb5] {
    grid-column: auto;
  }

  .school-processes__list[b-e33ee7jnb5] {
    height: auto;
    min-height: 0;
    max-height: none;
    padding-right: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .school-process-card[b-e33ee7jnb5] {
    min-height: 0;
  }

  .school-process-card__actions[b-e33ee7jnb5] {
    align-items: stretch;
    flex-direction: column;
  }

  .school-action[b-e33ee7jnb5] {
    width: 100%;
  }

  .school-pagination[b-e33ee7jnb5] {
    align-items: stretch;
    flex-direction: column;
  }

  .school-pagination > div[b-e33ee7jnb5] {
    justify-content: flex-end;
  }
}

@media (max-width: 480px) {
  .school-profile-card__cover[b-e33ee7jnb5] {
    position: relative;
    width: 100%;
    height: 118px;
    background-color: var(--primary-color, #ff8500);
  }

  .school-profile-card__avatar[b-e33ee7jnb5] {
    left: 22px;
    bottom: -38px;
    width: 76px;
    height: 76px;
    transform: none;
  }

  .school-profile-card__body[b-e33ee7jnb5] {
    width: 100%;
    padding: 58px 22px 20px;
    box-sizing: border-box;
  }

  .school-processes__filters[b-e33ee7jnb5],
  .school-pagination[b-e33ee7jnb5],
  .school-process-card__body[b-e33ee7jnb5] {
    padding-right: 16px;
    padding-left: 16px;
  }

  .school-pagination > div[b-e33ee7jnb5] {
    width: 100%;
  }

  .school-pagination button[b-e33ee7jnb5] {
    flex: 1;
  }
}
/* /Components/Pages/TramitesInternos/MediaSuperior/DictamenDirectivos.razor.rz.scp.css */
.dictamen-directivos[b-tco6mg0yiq] {
  width: 100%;
  min-height: 100vh;
  color: var(--primary-font-color);
  background-color: var(--background-color);
  font-family: var(--secondary-font-family);
}

.dictamen-directivos__main[b-tco6mg0yiq] {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 32px 16px 80px;
}

.dictamen-directivos__card[b-tco6mg0yiq] {
  width: 100%;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 28px;
  background-color: #ffffff;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.dictamen-directivos__stepper[b-tco6mg0yiq] {
  width: 100%;
  padding: 32px 48px 0;
  overflow-x: auto;
}

.dictamen-directivos__content[b-tco6mg0yiq] {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  padding: 40px 32px;
}

.dictamen-directivos__loading[b-tco6mg0yiq] {
  padding: 80px 24px;
  color: #6b7280;
  font-family: var(--secondary-font-family);
  font-size: 14px;
  text-align: center;
}

.dictamen-directivos__title[b-tco6mg0yiq] {
  margin: 0 0 40px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}

.dictamen-directivos__group-label[b-tco6mg0yiq] {
  margin: 0 0 12px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;
}

.dictamen-directivos__name-grid[b-tco6mg0yiq] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 4px;
}

.dictamen-directivos__field[b-tco6mg0yiq] {
  width: 100%;
  margin-bottom: 32px;
}

.dictamen-directivos__label[b-tco6mg0yiq] {
  display: block;
  margin-bottom: 4px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
}

.dictamen-directivos__required[b-tco6mg0yiq] {
  color: #dc2626;
}

.dictamen-directivos__select[b-tco6mg0yiq] {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #9ca3af;
  border-radius: 6px;
  color: var(--primary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  outline: none;
}

.dictamen-directivos__select:focus[b-tco6mg0yiq] {
  border-color: var(--primary-color);
}

@media (max-width: 767px) {
  .dictamen-directivos__main[b-tco6mg0yiq] {
    padding: 24px 16px 64px;
  }

  .dictamen-directivos__card[b-tco6mg0yiq] {
    border-radius: 16px;
  }

  .dictamen-directivos__stepper[b-tco6mg0yiq] {
    padding: 32px 16px 0;
  }

  .dictamen-directivos__content[b-tco6mg0yiq] {
    padding: 40px 16px;
  }

  .dictamen-directivos__name-grid[b-tco6mg0yiq] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/TramitesInternos/MediaSuperior/DictamenDocentes.razor.rz.scp.css */
.dictamen-docente[b-d8bato3vg3] {
  width: 100%;
  min-height: 100vh;
  color: var(--primary-font-color);
  background-color: var(--background-color);
  font-family: var(--secondary-font-family);
}

.dictamen-docente__main[b-d8bato3vg3] {
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  padding: 24px 16px 80px;
}

.dictamen-docente__card[b-d8bato3vg3] {
  width: 100%;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 28px;
  background-color: #ffffff;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

.dictamen-docente__stepper[b-d8bato3vg3] {
  width: 100%;
  padding: 36px 40px 0;
  overflow-x: auto;
}

.dictamen-docente__content[b-d8bato3vg3] {
  width: 100%;
  padding: 42px 72px 64px;
}

.dictamen-docente__datos-docente[b-d8bato3vg3] {
  width: 100%;
  margin-top: 46px;
}

.dictamen-docente__section-title[b-d8bato3vg3] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 56px 0 32px;
  text-align: center;
}

.dictamen-docente__section-title h2[b-d8bato3vg3] {
  margin: 0;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

.dictamen-docente__content > .estudios-section[b-d8bato3vg3] {
  margin-bottom: 36px;
}

.dictamen-docente__content > .experiencia-section[b-d8bato3vg3] {
  margin-bottom: 44px;
}

.dictamen-docente__content > .archivos-section[b-d8bato3vg3] {
  margin-bottom: 44px;
}

.dictamen-docente__content > .planes-section[b-d8bato3vg3] {
  margin-bottom: 48px;
}

.dictamen-docente__loading[b-d8bato3vg3] {
  width: 100%;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
  box-sizing: border-box;
  color: var(--secondary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 500;
  text-align: center;
}

@media (min-width: 1450px) {
  .dictamen-docente__content[b-d8bato3vg3] {
    padding-right: 76px;
    padding-left: 76px;
  }
}

@media (max-width: 1200px) {
  .dictamen-docente__main[b-d8bato3vg3] {
    padding-right: 20px;
    padding-left: 20px;
  }

  .dictamen-docente__content[b-d8bato3vg3] {
    padding: 42px 44px 56px;
  }

  .dictamen-docente__datos-docente[b-d8bato3vg3] {
    margin-top: 40px;
  }
}

@media (max-width: 900px) {
  .dictamen-docente__main[b-d8bato3vg3] {
    padding-top: 20px;
  }

  .dictamen-docente__card[b-d8bato3vg3] {
    border-radius: 22px;
  }

  .dictamen-docente__stepper[b-d8bato3vg3] {
    padding: 30px 26px 0;
  }

  .dictamen-docente__content[b-d8bato3vg3] {
    padding: 36px 28px 50px;
  }

  .dictamen-docente__datos-docente[b-d8bato3vg3] {
    margin-top: 36px;
  }

  .dictamen-docente__section-title[b-d8bato3vg3] {
    margin: 46px 0 28px;
  }
}

@media (max-width: 600px) {
  .dictamen-docente__main[b-d8bato3vg3] {
    padding: 12px 10px 50px;
  }

  .dictamen-docente__card[b-d8bato3vg3] {
    border-radius: 18px;
  }

  .dictamen-docente__stepper[b-d8bato3vg3] {
    padding: 24px 16px 0;
  }

  .dictamen-docente__content[b-d8bato3vg3] {
    padding: 28px 16px 40px;
  }

  .dictamen-docente__datos-docente[b-d8bato3vg3] {
    margin-top: 30px;
  }

  .dictamen-docente__section-title[b-d8bato3vg3] {
    margin: 38px 0 24px;
  }

  .dictamen-docente__section-title h2[b-d8bato3vg3] {
    font-size: 14px;
  }
}
/* /Components/Pages/TramitesInternos/MediaSuperior/FactibilidadAcademicaMS.razor.rz.scp.css */
.factibilidad-ms-page[b-j750tl55yu] {
    min-height: 100vh;
}

.factibilidad-ms-page__main[b-j750tl55yu] {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 32px 16px 80px;
}

.factibilidad-ms-card[b-j750tl55yu] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 28px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}

.factibilidad-ms-content[b-j750tl55yu] {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 40px 48px;
    font-weight: 400;
}


/* =========================================================
   FECHA
   ========================================================= */

.fecha-factibilidad[b-j750tl55yu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 34px;
}

.fecha-factibilidad__texto[b-j750tl55yu] {
    font-size: 15px;
}

.fecha-factibilidad__mes[b-j750tl55yu] {
    height: 40px;
    min-width: 120px;
    padding: 0 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    font-size: 14px;
    outline: none;
}

.fecha-factibilidad__mes:focus[b-j750tl55yu] {
    border-color: #9ca3af;
}


/* =========================================================
   ENCABEZADO AUTORIDADES
   ========================================================= */

.encabezado-autoridades[b-j750tl55yu] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 36px;
}

.encabezado-autoridades__block[b-j750tl55yu] {
    width: 100%;
}

.encabezado-autoridades__name-row[b-j750tl55yu] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
}

.encabezado-autoridades__input[b-j750tl55yu] {
    width: 100%;
    min-height: 36px;
    padding: 4px 8px;
    border: none;
    border-bottom: 1px solid #9ca3af;
    background: transparent;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    outline: none;
}

.encabezado-autoridades__description[b-j750tl55yu] {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 700;
    text-transform: uppercase;
}

.encabezado-autoridades__description--titular[b-j750tl55yu] {
    padding-left: 24px;
}

.encabezado-autoridades__description--director[b-j750tl55yu] {
    padding-left: 24px;
}

.encabezado-autoridades__present[b-j750tl55yu] {
    display: inline-block;
    margin-top: 8px;
    letter-spacing: 0.35em;
}


/* =========================================================
   CUERPO SOLICITUD
   ========================================================= */

.cuerpo-solicitud[b-j750tl55yu] {
    margin-bottom: 34px;
}

.cuerpo-solicitud__linea[b-j750tl55yu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.8;
}

.cuerpo-solicitud__input[b-j750tl55yu] {
    min-height: 38px;
    padding: 4px 8px;
    border: none;
    border-bottom: 1px solid #9ca3af;
    background: transparent;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.cuerpo-solicitud__input:focus[b-j750tl55yu] {
    border-bottom-color: #6b7280;
}

.cuerpo-solicitud__input--readonly[b-j750tl55yu] {
    flex: 1;
    min-width: 220px;
}

.cuerpo-solicitud__input--medium[b-j750tl55yu] {
    width: 100%;
    max-width: 430px;
}

.cuerpo-solicitud__fundamento[b-j750tl55yu] {
    margin: 24px 0;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

.cuerpo-solicitud__programa[b-j750tl55yu] {
    margin: 24px 0;
}

.cuerpo-solicitud__programa .cuerpo-solicitud__input[b-j750tl55yu] {
    width: 100%;
}

.cuerpo-solicitud__campos[b-j750tl55yu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 24px;
}

.cuerpo-solicitud__final[b-j750tl55yu] {
    margin-top: 30px;
    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   DATOS PROPIETARIO / PERSONA MORAL
   ========================================================= */

.datos-propietario[b-j750tl55yu],
.datos-persona-moral[b-j750tl55yu] {
    margin-top: 36px;
    margin-bottom: 36px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}

.datos-propietario__header[b-j750tl55yu],
.datos-persona-moral__header[b-j750tl55yu] {
    padding: 15px 18px;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
    font-size: 15px;
    font-weight: 700;
}

.datos-propietario__body[b-j750tl55yu],
.datos-persona-moral__body[b-j750tl55yu] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 22px;
}


/* =========================================================
   DECLARACIÓN
   ========================================================= */

.declaracion-factibilidad[b-j750tl55yu] {
    margin-top: 42px;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

.declaracion-factibilidad p[b-j750tl55yu] {
    margin: 0 0 12px;
}

.declaracion-factibilidad__last-paragraph[b-j750tl55yu] {
    margin-bottom: 28px !important;
}

.declaracion-factibilidad__signature[b-j750tl55yu] {
    display: block;
    width: 100%;
    min-height: 110px;
    margin-top: 30px;
    padding: 10px;
    resize: none;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    outline: none;
}

.declaracion-factibilidad__signature-title[b-j750tl55yu] {
    margin-top: 12px !important;
    text-align: center;
    font-weight: 700;
}

.declaracion-factibilidad__signature-note[b-j750tl55yu] {
    font-size: 12px;
    color: #6b7280;
}

.declaracion-factibilidad__definition[b-j750tl55yu] {
    margin-top: 28px !important;
    font-size: 11px;
    color: #6b7280;
}


/* =========================================================
   BOTONERA
   ========================================================= */

.botonera-factibilidad[b-j750tl55yu] {
    margin-top: 44px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
}

.botonera-factibilidad__inner[b-j750tl55yu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.botonera-factibilidad__actions[b-j750tl55yu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.botonera-factibilidad__button[b-j750tl55yu] {
    display: inline-flex;
    height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 22px;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.botonera-factibilidad__button svg[b-j750tl55yu] {
    width: 18px;
    height: 18px;
}

.botonera-factibilidad__button:hover[b-j750tl55yu] {
    background: #f9fafb;
}

.botonera-factibilidad__button--outline[b-j750tl55yu] {
    color: #374151;
}

.botonera-factibilidad__button--primary[b-j750tl55yu] {
    border-color: transparent;
    background: var(--primary-color, #2563eb);
    color: #ffffff;
}

.botonera-factibilidad__button--primary:hover[b-j750tl55yu] {
    opacity: 0.9;
}

.botonera-factibilidad__button:disabled[b-j750tl55yu] {
    cursor: not-allowed;
    opacity: 0.6;
}

.botonera-factibilidad__spinner[b-j750tl55yu] {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: factibilidad-spin-b-j750tl55yu 0.7s linear infinite;
}

@keyframes factibilidad-spin-b-j750tl55yu {
    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .factibilidad-ms-content[b-j750tl55yu] {
        padding: 32px;
    }

    .cuerpo-solicitud__campos[b-j750tl55yu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {

    .factibilidad-ms-page__main[b-j750tl55yu] {
        padding: 16px 10px 50px;
    }

    .factibilidad-ms-card[b-j750tl55yu] {
        border-radius: 16px;
    }

    .factibilidad-ms-content[b-j750tl55yu] {
        padding: 24px 18px;
    }

    .fecha-factibilidad[b-j750tl55yu] {
        gap: 6px;
    }

    .encabezado-autoridades__description[b-j750tl55yu] {
        padding-left: 0;
    }

    .cuerpo-solicitud__linea[b-j750tl55yu] {
        display: block;
    }

    .cuerpo-solicitud__linea > span[b-j750tl55yu] {
        display: inline;
    }

    .cuerpo-solicitud__input--readonly[b-j750tl55yu],
    .cuerpo-solicitud__input--medium[b-j750tl55yu] {
        display: block;
        width: 100%;
        max-width: none;
        margin: 6px 0;
    }

    .botonera-factibilidad__inner[b-j750tl55yu] {
        flex-direction: column;
        align-items: stretch;
    }

    .botonera-factibilidad__actions[b-j750tl55yu] {
        flex-direction: column;
    }

    .botonera-factibilidad__button[b-j750tl55yu] {
        width: 100%;
    }
}
/* /Components/Pages/TramitesInternos/Superior/DictamenDirectivos.razor.rz.scp.css */
.dictamen-directivos[b-3n443ws7yr] {
  width: 100%;
  min-height: 100vh;
  color: var(--primary-font-color);
  background-color: var(--background-color);
  font-family: var(--secondary-font-family);
}

.dictamen-directivos__main[b-3n443ws7yr] {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 32px 16px 80px;
}

.dictamen-directivos__card[b-3n443ws7yr] {
  width: 100%;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 28px;
  background-color: #ffffff;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.dictamen-directivos__stepper[b-3n443ws7yr] {
  width: 100%;
  padding: 32px 48px 0;
  overflow-x: auto;
}

.dictamen-directivos__content[b-3n443ws7yr] {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  padding: 40px 32px;
}

.dictamen-directivos__loading[b-3n443ws7yr] {
  padding: 80px 24px;
  color: #6b7280;
  font-family: var(--secondary-font-family);
  font-size: 14px;
  text-align: center;
}

.dictamen-directivos__title[b-3n443ws7yr] {
  margin: 0 0 40px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}

.dictamen-directivos__group-label[b-3n443ws7yr] {
  margin: 0 0 12px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 13px;
  font-weight: 700;
}

.dictamen-directivos__name-grid[b-3n443ws7yr] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 4px;
}

.dictamen-directivos__field[b-3n443ws7yr] {
  width: 100%;
  margin-bottom: 32px;
}

.dictamen-directivos__label[b-3n443ws7yr] {
  display: block;
  margin-bottom: 4px;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 12px;
  font-weight: 700;
}

.dictamen-directivos__required[b-3n443ws7yr] {
  color: #dc2626;
}

.dictamen-directivos__select[b-3n443ws7yr] {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #9ca3af;
  border-radius: 6px;
  color: var(--primary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  outline: none;
}

.dictamen-directivos__select:focus[b-3n443ws7yr] {
  border-color: var(--primary-color);
}

@media (max-width: 767px) {
  .dictamen-directivos__main[b-3n443ws7yr] {
    padding: 24px 16px 64px;
  }

  .dictamen-directivos__card[b-3n443ws7yr] {
    border-radius: 16px;
  }

  .dictamen-directivos__stepper[b-3n443ws7yr] {
    padding: 32px 16px 0;
  }

  .dictamen-directivos__content[b-3n443ws7yr] {
    padding: 40px 16px;
  }

  .dictamen-directivos__name-grid[b-3n443ws7yr] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/TramitesInternos/Superior/DictamenDocentes.razor.rz.scp.css */
.dictamen-docente[b-n3dgz5vsrx] {
  width: 100%;
  min-height: 100vh;
  color: var(--primary-font-color);
  background-color: var(--background-color);
  font-family: var(--secondary-font-family);
}

.dictamen-docente__main[b-n3dgz5vsrx] {
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  padding: 24px 16px 80px;
}

.dictamen-docente__card[b-n3dgz5vsrx] {
  width: 100%;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 28px;
  background-color: #ffffff;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

.dictamen-docente__stepper[b-n3dgz5vsrx] {
  width: 100%;
  padding: 36px 40px 0;
  overflow-x: auto;
}

.dictamen-docente__content[b-n3dgz5vsrx] {
  width: 100%;
  padding: 42px 72px 64px;
}

.dictamen-docente__datos-docente[b-n3dgz5vsrx] {
  width: 100%;
  margin-top: 46px;
}

.dictamen-docente__section-title[b-n3dgz5vsrx] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 56px 0 32px;
  text-align: center;
}

.dictamen-docente__section-title h2[b-n3dgz5vsrx] {
  margin: 0;
  color: var(--primary-font-color);
  font-family: var(--primary-font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

.dictamen-docente__content > .estudios-section[b-n3dgz5vsrx] {
  margin-bottom: 36px;
}

.dictamen-docente__content > .experiencia-section[b-n3dgz5vsrx] {
  margin-bottom: 44px;
}

.dictamen-docente__content > .archivos-section[b-n3dgz5vsrx] {
  margin-bottom: 44px;
}

.dictamen-docente__content > .planes-section[b-n3dgz5vsrx] {
  margin-bottom: 48px;
}

.dictamen-docente__loading[b-n3dgz5vsrx] {
  width: 100%;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
  box-sizing: border-box;
  color: var(--secondary-font-color);
  background-color: #ffffff;
  font-family: var(--secondary-font-family);
  font-size: var(--secondary-font-size);
  font-weight: 500;
  text-align: center;
}

@media (min-width: 1450px) {
  .dictamen-docente__content[b-n3dgz5vsrx] {
    padding-right: 76px;
    padding-left: 76px;
  }
}

@media (max-width: 1200px) {
  .dictamen-docente__main[b-n3dgz5vsrx] {
    padding-right: 20px;
    padding-left: 20px;
  }

  .dictamen-docente__content[b-n3dgz5vsrx] {
    padding: 42px 44px 56px;
  }

  .dictamen-docente__datos-docente[b-n3dgz5vsrx] {
    margin-top: 40px;
  }
}

@media (max-width: 900px) {
  .dictamen-docente__main[b-n3dgz5vsrx] {
    padding-top: 20px;
  }

  .dictamen-docente__card[b-n3dgz5vsrx] {
    border-radius: 22px;
  }

  .dictamen-docente__stepper[b-n3dgz5vsrx] {
    padding: 30px 26px 0;
  }

  .dictamen-docente__content[b-n3dgz5vsrx] {
    padding: 36px 28px 50px;
  }

  .dictamen-docente__datos-docente[b-n3dgz5vsrx] {
    margin-top: 36px;
  }

  .dictamen-docente__section-title[b-n3dgz5vsrx] {
    margin: 46px 0 28px;
  }
}

@media (max-width: 600px) {
  .dictamen-docente__main[b-n3dgz5vsrx] {
    padding: 12px 10px 50px;
  }

  .dictamen-docente__card[b-n3dgz5vsrx] {
    border-radius: 18px;
  }

  .dictamen-docente__stepper[b-n3dgz5vsrx] {
    padding: 24px 16px 0;
  }

  .dictamen-docente__content[b-n3dgz5vsrx] {
    padding: 28px 16px 40px;
  }

  .dictamen-docente__datos-docente[b-n3dgz5vsrx] {
    margin-top: 30px;
  }

  .dictamen-docente__section-title[b-n3dgz5vsrx] {
    margin: 38px 0 24px;
  }

  .dictamen-docente__section-title h2[b-n3dgz5vsrx] {
    font-size: 14px;
  }
}
/* /Components/Pages/TramitesInternos/Superior/FactibilidadAcademicaS.razor.rz.scp.css */
.factibilidad-ms-page[b-8k1o3dnvfh] {
    min-height: 100vh;
}

.factibilidad-ms-page__main[b-8k1o3dnvfh] {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 32px 16px 80px;
}

.factibilidad-ms-card[b-8k1o3dnvfh] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 28px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}

.factibilidad-ms-content[b-8k1o3dnvfh] {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 40px 48px;
    font-weight: 400;
}


/* =========================================================
   FECHA
   ========================================================= */

.fecha-factibilidad[b-8k1o3dnvfh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 34px;
}

.fecha-factibilidad__texto[b-8k1o3dnvfh] {
    font-size: 15px;
}

.fecha-factibilidad__mes[b-8k1o3dnvfh] {
    height: 40px;
    min-width: 120px;
    padding: 0 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    font-size: 14px;
    outline: none;
}

.fecha-factibilidad__mes:focus[b-8k1o3dnvfh] {
    border-color: #9ca3af;
}


/* =========================================================
   ENCABEZADO AUTORIDADES
   ========================================================= */

.encabezado-autoridades[b-8k1o3dnvfh] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 36px;
}

.encabezado-autoridades__block[b-8k1o3dnvfh] {
    width: 100%;
}

.encabezado-autoridades__name-row[b-8k1o3dnvfh] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
}

.encabezado-autoridades__input[b-8k1o3dnvfh] {
    width: 100%;
    min-height: 36px;
    padding: 4px 8px;
    border: none;
    border-bottom: 1px solid #9ca3af;
    background: transparent;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    outline: none;
}

.encabezado-autoridades__description[b-8k1o3dnvfh] {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 700;
    text-transform: uppercase;
}

.encabezado-autoridades__description--titular[b-8k1o3dnvfh] {
    padding-left: 24px;
}

.encabezado-autoridades__description--director[b-8k1o3dnvfh] {
    padding-left: 24px;
}

.encabezado-autoridades__present[b-8k1o3dnvfh] {
    display: inline-block;
    margin-top: 8px;
    letter-spacing: 0.35em;
}


/* =========================================================
   CUERPO SOLICITUD
   ========================================================= */

.cuerpo-solicitud[b-8k1o3dnvfh] {
    margin-bottom: 34px;
}

.cuerpo-solicitud__linea[b-8k1o3dnvfh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.8;
}

.cuerpo-solicitud__input[b-8k1o3dnvfh] {
    min-height: 38px;
    padding: 4px 8px;
    border: none;
    border-bottom: 1px solid #9ca3af;
    background: transparent;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.cuerpo-solicitud__input:focus[b-8k1o3dnvfh] {
    border-bottom-color: #6b7280;
}

.cuerpo-solicitud__input--readonly[b-8k1o3dnvfh] {
    flex: 1;
    min-width: 220px;
}

.cuerpo-solicitud__input--medium[b-8k1o3dnvfh] {
    width: 100%;
    max-width: 430px;
}

.cuerpo-solicitud__fundamento[b-8k1o3dnvfh] {
    margin: 24px 0;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

.cuerpo-solicitud__programa[b-8k1o3dnvfh] {
    margin: 24px 0;
}

.cuerpo-solicitud__programa .cuerpo-solicitud__input[b-8k1o3dnvfh] {
    width: 100%;
}

.cuerpo-solicitud__campos[b-8k1o3dnvfh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 24px;
}

.cuerpo-solicitud__final[b-8k1o3dnvfh] {
    margin-top: 30px;
    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   DATOS PROPIETARIO / PERSONA MORAL
   ========================================================= */

.datos-propietario[b-8k1o3dnvfh],
.datos-persona-moral[b-8k1o3dnvfh] {
    margin-top: 36px;
    margin-bottom: 36px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}

.datos-propietario__header[b-8k1o3dnvfh],
.datos-persona-moral__header[b-8k1o3dnvfh] {
    padding: 15px 18px;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
    font-size: 15px;
    font-weight: 700;
}

.datos-propietario__body[b-8k1o3dnvfh],
.datos-persona-moral__body[b-8k1o3dnvfh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 22px;
}


/* =========================================================
   DECLARACIÓN
   ========================================================= */

.declaracion-factibilidad[b-8k1o3dnvfh] {
    margin-top: 42px;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

.declaracion-factibilidad p[b-8k1o3dnvfh] {
    margin: 0 0 12px;
}

.declaracion-factibilidad__last-paragraph[b-8k1o3dnvfh] {
    margin-bottom: 28px !important;
}

.declaracion-factibilidad__signature[b-8k1o3dnvfh] {
    display: block;
    width: 100%;
    min-height: 110px;
    margin-top: 30px;
    padding: 10px;
    resize: none;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    outline: none;
}

.declaracion-factibilidad__signature-title[b-8k1o3dnvfh] {
    margin-top: 12px !important;
    text-align: center;
    font-weight: 700;
}

.declaracion-factibilidad__signature-note[b-8k1o3dnvfh] {
    font-size: 12px;
    color: #6b7280;
}

.declaracion-factibilidad__definition[b-8k1o3dnvfh] {
    margin-top: 28px !important;
    font-size: 11px;
    color: #6b7280;
}


/* =========================================================
   BOTONERA
   ========================================================= */

.botonera-factibilidad[b-8k1o3dnvfh] {
    margin-top: 44px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
}

.botonera-factibilidad__inner[b-8k1o3dnvfh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.botonera-factibilidad__actions[b-8k1o3dnvfh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.botonera-factibilidad__button[b-8k1o3dnvfh] {
    display: inline-flex;
    height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 22px;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition:
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.botonera-factibilidad__button svg[b-8k1o3dnvfh] {
    width: 18px;
    height: 18px;
}

.botonera-factibilidad__button:hover[b-8k1o3dnvfh] {
    background: #f9fafb;
}

.botonera-factibilidad__button--outline[b-8k1o3dnvfh] {
    color: #374151;
}

.botonera-factibilidad__button--primary[b-8k1o3dnvfh] {
    border-color: transparent;
    background: var(--primary-color, #2563eb);
    color: #ffffff;
}

.botonera-factibilidad__button--primary:hover[b-8k1o3dnvfh] {
    opacity: 0.9;
}

.botonera-factibilidad__button:disabled[b-8k1o3dnvfh] {
    cursor: not-allowed;
    opacity: 0.6;
}

.botonera-factibilidad__spinner[b-8k1o3dnvfh] {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: factibilidad-spin-b-8k1o3dnvfh 0.7s linear infinite;
}

@keyframes factibilidad-spin-b-8k1o3dnvfh {
    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .factibilidad-ms-content[b-8k1o3dnvfh] {
        padding: 32px;
    }

    .cuerpo-solicitud__campos[b-8k1o3dnvfh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {

    .factibilidad-ms-page__main[b-8k1o3dnvfh] {
        padding: 16px 10px 50px;
    }

    .factibilidad-ms-card[b-8k1o3dnvfh] {
        border-radius: 16px;
    }

    .factibilidad-ms-content[b-8k1o3dnvfh] {
        padding: 24px 18px;
    }

    .fecha-factibilidad[b-8k1o3dnvfh] {
        gap: 6px;
    }

    .encabezado-autoridades__description[b-8k1o3dnvfh] {
        padding-left: 0;
    }

    .cuerpo-solicitud__linea[b-8k1o3dnvfh] {
        display: block;
    }

    .cuerpo-solicitud__linea > span[b-8k1o3dnvfh] {
        display: inline;
    }

    .cuerpo-solicitud__input--readonly[b-8k1o3dnvfh],
    .cuerpo-solicitud__input--medium[b-8k1o3dnvfh] {
        display: block;
        width: 100%;
        max-width: none;
        margin: 6px 0;
    }

    .botonera-factibilidad__inner[b-8k1o3dnvfh] {
        flex-direction: column;
        align-items: stretch;
    }

    .botonera-factibilidad__actions[b-8k1o3dnvfh] {
        flex-direction: column;
    }

    .botonera-factibilidad__button[b-8k1o3dnvfh] {
        width: 100%;
    }
}
/* /Components/Register/InstitutionDocuments.razor.rz.scp.css */
.institution-documents[b-6pn5srd393] {
    box-sizing: border-box;

    width: 100%;
    margin-top: 4px;
    padding: 20px;

    border: 1px solid #e5e7eb;
    border-radius: 16px;

    background-color: #ffffff;
}


.institution-documents__title[b-6pn5srd393] {
    margin: 0 0 20px;

    color: var(--primary-font-color, #111827);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;
}


.institution-documents__list[b-6pn5srd393] {
    display: flex;
    flex-direction: column;

    width: 100%;
    gap: 22px;
}


@media (max-width: 767px) {
    .institution-documents[b-6pn5srd393] {
        padding: 16px;
        border-radius: 14px;
    }


    .institution-documents__list[b-6pn5srd393] {
        gap: 20px;
    }
}
/* /Components/Register/InstitutionGeneralSection.razor.rz.scp.css */
.institution-general[b-nwpokt2xlp] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}


.institution-general__header[b-nwpokt2xlp] {
    margin-bottom: 12px;
}


.institution-general__title[b-nwpokt2xlp] {
    margin: 0;

    color: var(--primary-font-color, #111827);

    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.2;
}


.institution-general__description[b-nwpokt2xlp] {
    margin: 8px 0 0;

    color: var(--secondary-font-color, #60646c);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}


.institution-general__field[b-nwpokt2xlp] {
    width: 100%;
}


.institution-general__label[b-nwpokt2xlp] {
    display: block;

    margin: 0 0 8px;

    color: var(--primary-font-color, #111827);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: 0.06em;
    text-transform: uppercase;
}


.institution-general__representante-grid[b-nwpokt2xlp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;

    width: 100%;
}


.institution-general__representante-grid[b-nwpokt2xlp]  .register-input {
    margin-bottom: 0;
}


.institution-general__address-grid[b-nwpokt2xlp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;

    width: 100%;
}


.institution-general__address-grid[b-nwpokt2xlp]  .register-input {
    margin-bottom: 0;
}


.institution-general__select[b-nwpokt2xlp] {
    box-sizing: border-box;

    width: 100%;
    min-height: 48px;

    padding: 11px 16px;

    border: 1px solid #d1d5db;
    border-radius: 12px;
    outline: none;

    background-color: #ffffff;
    color: var(--primary-font-color, #111827);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;

    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.05);

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.institution-general__select:focus[b-nwpokt2xlp] {
    border-color: var(--primary-color, #ff8500);

    box-shadow:
        0 0 0 2px
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 14%,
            transparent
        );
}


.institution-general__select:disabled[b-nwpokt2xlp] {
    cursor: not-allowed;

    background-color: #eeeeee;
    color: var(--secondary-font-color, #6b7280);

    opacity: 0.75;
}


.institution-general[b-nwpokt2xlp] >  .register-input {
    margin-bottom: 0;
}


@media (max-width: 900px) {
    .institution-general__representante-grid[b-nwpokt2xlp] {
        grid-template-columns: 1fr;
    }


    .institution-general__address-grid[b-nwpokt2xlp] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 767px) {
    .institution-general[b-nwpokt2xlp] {
        gap: 18px;
    }


    .institution-general__header[b-nwpokt2xlp] {
        margin-bottom: 8px;
    }
}
/* /Components/Register/RegisterFileInput.razor.rz.scp.css */
.register-file[b-foha4w4dmt] {
    width: 100%;
}


.register-file__label[b-foha4w4dmt] {
    display: block;

    margin: 0 0 10px;

    color: var(--primary-font-color, #111827);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.3;
}


.register-file__upload[b-foha4w4dmt] {
    box-sizing: border-box;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    width: 100%;
    min-height: 68px;

    padding: 16px 20px;

    overflow: hidden;

    border: 2px dashed #d1d5db;
    border-radius: 12px;

    background-color: #ffffff;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        opacity 0.2s ease;
}


.register-file__upload:hover[b-foha4w4dmt] {
    border-color: var(--primary-color, #ff8500);

    background-color: color-mix(
        in srgb,
        var(--primary-color, #ff8500) 4%,
        #ffffff
    );
}


.register-file__upload--disabled[b-foha4w4dmt] {
    cursor: not-allowed;

    border-color: #e5e7eb;
    background-color: #f3f4f6;

    opacity: 0.7;
}


.register-file__upload--disabled:hover[b-foha4w4dmt] {
    border-color: #e5e7eb;
    background-color: #f3f4f6;
}


.register-file__upload--success[b-foha4w4dmt] {
    border-color: #86efac;
    background-color: #f0fdf4;
}


.register-file__upload--success:hover[b-foha4w4dmt] {
    border-color: #86efac;
    background-color: #f0fdf4;
}


.register-file__icon[b-foha4w4dmt] {
    flex-shrink: 0;

    width: 22px;
    height: 22px;

    color: var(--secondary-font-color, #9ca3af);
}


.register-file__text[b-foha4w4dmt] {
    color: var(--secondary-font-color, #4b5563);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;
    line-height: 1.4;
}


.register-file__upload[b-foha4w4dmt]  .register-file__input {
    display: none !important;
}


.register-file__upload[b-foha4w4dmt]  input[type="file"] {
    display: none !important;
}


.register-file__uploading[b-foha4w4dmt] {
    margin: 8px 0 0;

    color: #16a34a;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}


.register-file__error[b-foha4w4dmt] {
    margin: 8px 0 0;

    color: #dc2626;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}


.register-file__status[b-foha4w4dmt] {
    margin-top: 8px;
}


.register-file__success[b-foha4w4dmt] {
    margin: 0;

    color: #16a34a;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}


.register-file__filename[b-foha4w4dmt] {
    margin: 3px 0 0;

    color: var(--secondary-font-color, #6b7280);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;

    overflow-wrap: anywhere;
}


.register-file__view[b-foha4w4dmt] {
    margin-top: 5px;
    padding: 0;

    border: 0;

    background: transparent;
    color: #2563eb;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;

    cursor: pointer;
}


.register-file__view:hover[b-foha4w4dmt] {
    text-decoration: underline;
}


@media (max-width: 767px) {
    .register-file__upload[b-foha4w4dmt] {
        min-height: 62px;
        padding: 14px 16px;
    }
}
/* /Components/Register/RegisterInput.razor.rz.scp.css */
.register-input[b-4zqb4mosyq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    margin: 0 0 30px;
}

.register-input__label[b-4zqb4mosyq] {
    display: block;
    margin: 0;

    color: var(--primary-font-color, #111827);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.register-input__control[b-4zqb4mosyq] {
    box-sizing: border-box;

    width: 100%;
    min-height: 48px;

    padding: 12px 16px;

    border: 1px solid #d1d5db;
    border-radius: 12px;
    outline: none;

    background-color: #ffffff;
    color: var(--primary-font-color, #111827);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;

    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.05);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.register-input__control[b-4zqb4mosyq]::placeholder {
    color: var(--secondary-font-color, #9ca3af);
    opacity: 0.7;
}

.register-input__control:focus[b-4zqb4mosyq] {
    border-color: var(--primary-color, #ff8500);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 13%,
            transparent
        );
}


.register-input__control:disabled[b-4zqb4mosyq] {
    cursor: not-allowed;

    background-color: #f3f4f6;
    color: var(--secondary-font-color, #6b7280);

    opacity: 0.75;
}


@media (max-width: 767px) {
    .register-input[b-4zqb4mosyq] {
        margin-bottom: 24px;
    }
}
/* /Components/Register/StepCreateUser.razor.rz.scp.css */
.step-create-user[b-vk85tf76k5] {
    display: flex;
    flex-direction: column;

    width: 100%;
    margin-top: 38px;
}


.step-create-user__denominacion-group[b-vk85tf76k5] {
    display: flex;
    flex-direction: column;

    width: 100%;
    margin: 0 0 30px;
}


.step-create-user__checkbox[b-vk85tf76k5] {
    display: flex;
    align-items: center;
    gap: 12px;

    width: 100%;
    margin: 0 0 24px;
    padding: 0;

    color: var(--primary-font-color, #111827);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;

    cursor: pointer;
}


.step-create-user__checkbox input[b-vk85tf76k5] {
    flex: 0 0 auto;

    width: 18px;
    height: 18px;
    margin: 0;

    accent-color: var(--primary-color, #ff8500);

    cursor: pointer;
}


.step-create-user__denominacion[b-vk85tf76k5] {
    box-sizing: border-box;

    width: 100%;
    min-height: 48px;

    padding: 12px 16px;

    border: 1px solid #d1d5db;
    border-radius: 12px;
    outline: none;

    background-color: #ffffff;
    color: var(--primary-font-color, #111827);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;

    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.05);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}


.step-create-user__denominacion[b-vk85tf76k5]::placeholder {
    color: var(--secondary-font-color, #9ca3af);
    opacity: 0.7;
}


.step-create-user__denominacion:focus[b-vk85tf76k5] {
    border-color: var(--primary-color, #ff8500);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 13%,
            transparent
        );
}


.step-create-user__denominacion--disabled[b-vk85tf76k5] {
    cursor: not-allowed;

    background-color: #eeeeee;
    color: var(--secondary-font-color, #9ca3af);

    opacity: 0.75;
}


.step-create-user__message[b-vk85tf76k5] {
    width: 100%;
    margin: -18px 0 22px;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}


.step-create-user__message--error[b-vk85tf76k5] {
    color: #ef4444;
}


.step-create-user__message--center[b-vk85tf76k5] {
    box-sizing: border-box;

    width: 100%;
    margin: 0 0 24px;
    padding: 12px 14px;

    border: 1px solid #fecaca;
    border-radius: 12px;

    background-color: #fef2f2;

    text-align: center;
}


.step-create-user__actions[b-vk85tf76k5] {
    width: 100%;

    margin: 0;
    padding-bottom: 36px;
}


.step-create-user__actions[b-vk85tf76k5]  button {
    width: 100%;
    min-height: 48px;

    padding: 12px 16px;

    border-radius: 12px;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
}


.step-create-user__actions[b-vk85tf76k5]  .step-create-user__button--disabled {
    cursor: not-allowed;

    border-color: #d9d9d9;
    background-color: #d9d9d9;
    color: #757575;

    box-shadow: none;
}


@media (max-width: 767px) {
    .step-create-user[b-vk85tf76k5] {
        margin-top: 30px;
    }


    .step-create-user__denominacion-group[b-vk85tf76k5] {
        margin-bottom: 24px;
    }


    .step-create-user__checkbox[b-vk85tf76k5] {
        margin-bottom: 20px;
    }


    .step-create-user__actions[b-vk85tf76k5] {
        padding-bottom: 28px;
    }
}
/* /Components/Register/VerificationEmail.razor.rz.scp.css */
.verification-email[b-oyekcoceov] {
    width: 100%;

    margin-top: 28px;
    padding: 24px;

    text-align: center;
}


.verification-email__title[b-oyekcoceov] {
    margin: 0 0 20px;

    color: var(--primary-font-color);

    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: 700;
    line-height: 1.2;
}


.verification-email__icon-container[b-oyekcoceov] {
    width: 96px;
    height: 96px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 20px;

    border-radius: 50%;

    color: var(--primary-color);

    background-color: color-mix(
        in srgb,
        var(--primary-color) 8%,
        transparent
    );
}


.verification-email__icon[b-oyekcoceov] {
    width: 54px;
    height: 54px;
}


.verification-email__text[b-oyekcoceov] {
    margin: 0 0 8px;

    color: var(--primary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.5;
}


.verification-email__address[b-oyekcoceov] {
    margin: 0 0 20px;

    overflow-wrap: anywhere;

    color: var(--primary-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;
    line-height: 1.4;
}


.verification-email__description[b-oyekcoceov] {
    margin: 0 0 28px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.6;
}


.verification-email__error[b-oyekcoceov] {
    margin-bottom: 16px;
    padding: 10px 12px;

    border: 1px solid #fee2e2;
    border-radius: 8px;

    color: #ef4444;
    background-color: #fef2f2;

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}


.verification-email__action[b-oyekcoceov] {
    position: relative;
}


.verification-email__notice[b-oyekcoceov] {
    position: absolute;
    bottom: calc(100% + 14px);
    left: 50%;
    z-index: 50;

    width: 180px;
    padding: 16px;

    border-radius: 16px;

    background-color: #f3f3f3;

    text-align: center;

    box-shadow:
        0 20px 35px rgba(0, 0, 0, 0.18);

    transform: translateX(-50%);
}


.verification-email__notice p[b-oyekcoceov] {
    margin: 0 0 12px;

    color: var(--secondary-font-color);

    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 400;
    line-height: 1.4;
}


.verification-email__check[b-oyekcoceov] {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto;

    border: 3px solid var(--primary-color);
    border-radius: 50%;

    color: var(--primary-color);

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 700;
}


.verification-email__change[b-oyekcoceov] {
    margin-top: 16px;
    padding: 0;

    border: 0;

    color: var(--primary-color);
    background: transparent;

    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 600;

    cursor: pointer;
}


.verification-email__change:hover:not(:disabled)[b-oyekcoceov] {
    text-decoration: underline;
}


.verification-email__change:disabled[b-oyekcoceov] {
    opacity: 0.6;
    cursor: not-allowed;
}
/* /Components/SplashScreen.razor.rz.scp.css */
.splash-screen[b-5m614vr3p8] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 34px;
    min-height: 100vh;
    padding: 24px;
    background-color: #ffffff;
}

.splash-screen__logo-container[b-5m614vr3p8] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.splash-screen__logo[b-5m614vr3p8] {
    display: block;
    width: min(450px, 76vw);
    height: auto;
    object-fit: contain;
}

.splash-screen__dots[b-5m614vr3p8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.splash-screen__dots span[b-5m614vr3p8] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--primary-color);
    animation: splash-dot-pulse-b-5m614vr3p8 1.25s ease-in-out infinite;
}

.splash-screen__dots span:nth-child(2)[b-5m614vr3p8] {
    animation-delay: 0.15s;
}

.splash-screen__dots span:nth-child(3)[b-5m614vr3p8] {
    animation-delay: 0.3s;
}

.fade-down[b-5m614vr3p8] {
    animation: splash-fade-down-b-5m614vr3p8 0.7s ease both;
}

.fade-up[b-5m614vr3p8] {
    animation: splash-fade-up-b-5m614vr3p8 0.7s ease both;
}

.delay-4[b-5m614vr3p8] {
    animation-delay: 0.4s;
}

@keyframes splash-fade-down-b-5m614vr3p8 {
    from {
        opacity: 0;
        transform: translateY(-24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes splash-fade-up-b-5m614vr3p8 {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes splash-dot-pulse-b-5m614vr3p8 {
    0%,
    80%,
    100% {
        opacity: 0.35;
        transform: scale(0.75);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 640px) {
    .splash-screen[b-5m614vr3p8] { gap: 28px; }
    .splash-screen__logo[b-5m614vr3p8] { width: min(260px, 78vw); }
    .splash-screen__dots span[b-5m614vr3p8] { width: 9px; height: 9px; }
}

@media (prefers-reduced-motion: reduce) {
    .fade-down[b-5m614vr3p8],
    .fade-up[b-5m614vr3p8],
    .splash-screen__dots span[b-5m614vr3p8] { animation: none; }
}
/* /Components/TablasTramites/Common/EstatusIcon.razor.rz.scp.css */
.estatus-icon[b-ktn43zj2xp] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
}


.estatus-icon svg[b-ktn43zj2xp] {
    display: block;
    width: 15px;
    height: 15px;
    pointer-events: none;
}
/* /Components/TablasTramites/Common/FilaMensaje.razor.rz.scp.css */
.fila-mensaje__cell[b-t2835dafmc] {
  padding: 32px 16px;
  color: var(--secondary-font-color, #6b7280);
  font-family: var(--secondary-font-family, inherit);
  font-size: var(--secondary-font-size, 14px);
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
/* /Components/TablasTramites/Common/Filtro.razor.rz.scp.css */
.filtro[b-4aku7pq9li] {
    width: 100%;
    min-width: 0;
    font-family: var(--secondary-font-family);
}


.filtro__label[b-4aku7pq9li] {
    display: block;
    margin-bottom: 4px;
    color: var(--primary-font-color, #1f1f1f);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.79);
    font-weight: 600;
    line-height: 1.3;
}


.filtro__control[b-4aku7pq9li] {
    width: 100%;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #9ca3af;
    border-radius: 3px;
    color: var(--primary-font-color, #1f1f1f);
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 400;
    line-height: 1.3;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}


.filtro__control[b-4aku7pq9li]::placeholder {
    color: var(--secondary-font-color, #9ca3af);
    opacity: 0.7;
}


.filtro__control:focus[b-4aku7pq9li] {
    border-color: var(--primary-color, #ff8500);
    box-shadow:
        0 0 0 2px
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 15%,
            transparent
        );
}


.filtro__control:disabled[b-4aku7pq9li] {
    color: var(--secondary-font-color, #6b7280);
    background-color: #f3f4f6;
    cursor: not-allowed;
    opacity: 0.8;
}


.filtro__control--select[b-4aku7pq9li] {
    cursor: pointer;
}
/* /Components/TablasTramites/Common/Th.razor.rz.scp.css */
.tabla-th[b-m6s6vbilub] {
    padding: 12px 16px;
    color: var(--primary-color, #ff8500);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}
/* /Components/TablasTramites/TablaTramitesDirectivos/FilaRegistroDirectivos.razor.rz.scp.css */
.fila-directivo[b-my8qrv0nyk] {
    border-bottom: 1px solid #f3f4f6;
    transition:
        background-color 0.2s ease;
}


.fila-directivo:hover[b-my8qrv0nyk] {
    background:
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 3%,
            #ffffff
        );
}


.fila-directivo__checkbox[b-my8qrv0nyk],
.fila-directivo__cell[b-my8qrv0nyk] {
    padding: 16px;
    vertical-align: middle;
}


.fila-directivo__checkbox[b-my8qrv0nyk] {
    text-align: center;
}


.fila-directivo__checkbox input[b-my8qrv0nyk] {
    width: 14px;
    height: 14px;
    accent-color: var(--primary-color, #ff8500);
    cursor: pointer;
}


.fila-directivo__status[b-my8qrv0nyk] {
    display: flex;
    align-items: center;
    gap: 8px;
}


.fila-directivo__status > span:last-child[b-my8qrv0nyk] {
    min-width: 0;
    overflow-wrap: anywhere;
}


.fila-directivo__truncate[b-my8qrv0nyk] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.fila-directivo__actions[b-my8qrv0nyk] {
    display: flex;
    align-items: center;
    justify-content: center;
}


.fila-directivo__action[b-my8qrv0nyk] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--primary-color, #ff8500);
    background: transparent;
    cursor: pointer;
    transition:
        color 0.2s ease,
        opacity 0.2s ease,
        background-color 0.2s ease,
        transform 0.15s ease;
}


.fila-directivo__action:hover[b-my8qrv0nyk] {
    opacity: 0.9;
    background:
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 9%,
            transparent
        );
}


.fila-directivo__action:active[b-my8qrv0nyk] {
    transform: scale(0.94);
}


.fila-directivo__action:focus-visible[b-my8qrv0nyk] {
    outline: 2px solid var(--primary-color, #ff8500);
    outline-offset: 2px;
}


.fila-directivo__action svg[b-my8qrv0nyk] {
    width: 18px;
    height: 18px;
}
/* /Components/TablasTramites/TablaTramitesDirectivos/FiltrosDirectivos.razor.rz.scp.css */
.filtros-directivos[b-00hsx954kb] {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #e5e7eb;
    border-top: none;
    border-radius: 8px;
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
}


.filtros-directivos__grid[b-00hsx954kb] {
    display: grid;
    grid-template-columns:
        minmax(130px, 0.85fr)
        minmax(130px, 0.9fr)
        minmax(130px, 0.8fr)
        minmax(190px, 1.2fr)
        minmax(190px, 1.2fr)
        minmax(170px, 1fr)
        100px;

    align-items: end;
    gap: 12px;
    width: 100%;
}


.filtros-directivos__search[b-00hsx954kb] {
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    color: var(--secondary-color, #ffffff);
    background-color: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
        opacity 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}


.filtros-directivos__search:hover:not(:disabled)[b-00hsx954kb] {
    opacity: 0.9;
    box-shadow:
        0 4px 10px
        color-mix(
            in srgb,
            var(--primary-color) 22%,
            transparent
        );
}


.filtros-directivos__search:active:not(:disabled)[b-00hsx954kb] {
    transform: scale(0.98);
}


.filtros-directivos__search:focus-visible[b-00hsx954kb] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.filtros-directivos__search:disabled[b-00hsx954kb] {
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}


@media (max-width: 1150px) {
    .filtros-directivos__grid[b-00hsx954kb] {
        grid-template-columns:
            repeat(3, minmax(170px, 1fr));
    }
}


@media (max-width: 720px) {
    .filtros-directivos[b-00hsx954kb] {
        padding: 16px;
    }


    .filtros-directivos__grid[b-00hsx954kb] {
        grid-template-columns: 1fr;
    }


    .filtros-directivos__search[b-00hsx954kb] {
        height: 40px;
    }
}
/* /Components/TablasTramites/TablaTramitesDirectivos/TablaDirectivos.razor.rz.scp.css */
.tabla-directivos__container[b-3jee095t4h] {
    width: 100%;
    overflow-x: auto;
}


.tabla-directivos[b-3jee095t4h] {
    width: 100%;
    min-width: 1380px;
    border-collapse: collapse;
    table-layout: fixed;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
}


.tabla-directivos__header[b-3jee095t4h] {
    color: #ffffff;
    background-color: #142233;
}


.tabla-directivos__header tr[b-3jee095t4h] {
    height: 48px;
}


.tabla-directivos__checkbox-header[b-3jee095t4h] {
    width: 55px;
    padding: 12px 16px;
    text-align: center;
}


.tabla-directivos__checkbox-header input[b-3jee095t4h] {
    width: 14px;
    height: 14px;
    accent-color: var(--primary-color);
    cursor: pointer;
}


.tabla-directivos__actions-header[b-3jee095t4h] {
    width: 120px;
    padding: 12px 16px;
    color: #ffffff;
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}


.tabla-directivos__body[b-3jee095t4h] {
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: inherit;
    font-weight: 400;
}
/* /Components/TablasTramites/TablaTramitesDocentes/FilaRegistroDocentes.razor.rz.scp.css */
.fila-docente[b-a0lmvssf8o] {
  border-bottom: 1px solid #f3f4f6;
  transition:
    background-color 0.2s ease;
}

.fila-docente:hover[b-a0lmvssf8o] {
  background:
    color-mix(
      in srgb,
      var(--primary-color, #ff8500) 3%,
      #ffffff
    );
}

.fila-docente__checkbox[b-a0lmvssf8o],
.fila-docente__cell[b-a0lmvssf8o] {
  padding: 16px;
  vertical-align: middle;
}

.fila-docente__checkbox[b-a0lmvssf8o] {
  text-align: center;
}

.fila-docente__checkbox input[b-a0lmvssf8o] {
  width: 14px;
  height: 14px;
  accent-color: var(--primary-color, #ff8500);
  cursor: pointer;
}

.fila-docente__status[b-a0lmvssf8o] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.fila-docente__status > span:last-child[b-a0lmvssf8o] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.fila-docente__truncate[b-a0lmvssf8o] {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fila-docente__actions[b-a0lmvssf8o] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fila-docente__action[b-a0lmvssf8o] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--primary-color, #ff8500);
  background: transparent;
  cursor: pointer;
  transition:
    color 0.2s ease,
    opacity 0.2s ease,
    background-color 0.2s ease,
    transform 0.15s ease;
}

.fila-docente__action:hover[b-a0lmvssf8o] {
  opacity: 0.9;

  background:
    color-mix(
      in srgb,
      var(--primary-color, #ff8500) 9%,
      transparent
    );
}

.fila-docente__action:active[b-a0lmvssf8o] {
  transform: scale(0.94);
}

.fila-docente__action:focus-visible[b-a0lmvssf8o] {
  outline: 2px solid var(--primary-color, #ff8500);
  outline-offset: 2px;
}

.fila-docente__action svg[b-a0lmvssf8o] {
  width: 18px;
  height: 18px;
}
/* /Components/TablasTramites/TablaTramitesDocentes/FiltrosDocentes.razor.rz.scp.css */
.filtros-docentes[b-dqll3vr919] {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #e5e7eb;
    border-top: none;
    border-radius: 8px;
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
}


.filtros-docentes__grid[b-dqll3vr919] {
    display: grid;
    grid-template-columns:
        minmax(130px, 0.85fr)
        minmax(130px, 0.9fr)
        minmax(130px, 0.8fr)
        minmax(190px, 1.2fr)
        minmax(190px, 1.2fr)
        minmax(170px, 1fr)
        100px;

    align-items: end;
    gap: 12px;
    width: 100%;
}


.filtros-docentes__search[b-dqll3vr919] {
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    color: var(--secondary-color, #ffffff);
    background-color: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
        opacity 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}


.filtros-docentes__search:hover:not(:disabled)[b-dqll3vr919] {
    opacity: 0.9;
    box-shadow:
        0 4px 10px
        color-mix(
            in srgb,
            var(--primary-color) 22%,
            transparent
        );
}


.filtros-docentes__search:active:not(:disabled)[b-dqll3vr919] {
    transform: scale(0.98);
}


.filtros-docentes__search:focus-visible[b-dqll3vr919] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.filtros-docentes__search:disabled[b-dqll3vr919] {
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}


@media (max-width: 1150px) {
    .filtros-docentes__grid[b-dqll3vr919] {
        grid-template-columns:
            repeat(3, minmax(170px, 1fr));
    }
}


@media (max-width: 720px) {
    .filtros-docentes[b-dqll3vr919] {
        padding: 16px;
    }


    .filtros-docentes__grid[b-dqll3vr919] {
        grid-template-columns: 1fr;
    }


    .filtros-docentes__search[b-dqll3vr919] {
        height: 40px;
    }
}
/* /Components/TablasTramites/TablaTramitesDocentes/TablaDocentes.razor.rz.scp.css */
.tabla-docentes__container[b-oao77eqkfg] {
  width: 100%;
  overflow-x: auto;
}

.tabla-docentes[b-oao77eqkfg] {
  width: 100%;
  min-width: 1180px;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: 14px;
}

.tabla-docentes__header[b-oao77eqkfg] {
  color: #ffffff;
  background-color: #142233;
}

.tabla-docentes__header tr[b-oao77eqkfg] {
  height: 48px;
}

.tabla-docentes__checkbox-header[b-oao77eqkfg] {
  width: 55px;
  padding: 12px 14px;
  text-align: center;
}

.tabla-docentes__checkbox-header input[b-oao77eqkfg] {
  width: 14px;
  height: 14px;
  accent-color: var(--primary-color);
  cursor: pointer;
}

.tabla-docentes__actions-header[b-oao77eqkfg] {
  width: 100px;
  padding: 12px 14px;
  color: #ffffff;
  font-family: var(--primary-font-family);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.tabla-docentes__body[b-oao77eqkfg] {
  color: var(--primary-font-color);
  font-family: var(--secondary-font-family);
  font-size: inherit;
  font-weight: 400;
}
/* /Components/TablasTramites/TablaTramitesFactibilidadAcademica/FilaRegistroFactibilidad.razor.rz.scp.css */
.fila-factibilidad[b-bsr2q25v3y] {
    border-bottom: 1px solid #f3f4f6;
    transition:
        background-color 0.2s ease;
}


.fila-factibilidad:hover[b-bsr2q25v3y] {
    background:
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 3%,
            #ffffff
        );
}


.fila-factibilidad__checkbox[b-bsr2q25v3y],
.fila-factibilidad__cell[b-bsr2q25v3y] {
    padding: 16px;
    vertical-align: middle;
}


.fila-factibilidad__checkbox[b-bsr2q25v3y] {
    text-align: center;
}


.fila-factibilidad__checkbox input[b-bsr2q25v3y] {
    width: 14px;
    height: 14px;
    accent-color: var(--primary-color, #ff8500);
    cursor: pointer;
}


.fila-factibilidad__status[b-bsr2q25v3y] {
    display: flex;
    align-items: center;
    gap: 8px;
}


.fila-factibilidad__status > span:last-child[b-bsr2q25v3y] {
    min-width: 0;
    overflow-wrap: anywhere;
}


.fila-factibilidad__truncate[b-bsr2q25v3y] {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.fila-factibilidad__actions[b-bsr2q25v3y] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}


.fila-factibilidad__action[b-bsr2q25v3y] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--primary-color, #ff8500);
    background: transparent;
    cursor: pointer;
    transition:
        color 0.2s ease,
        opacity 0.2s ease,
        background-color 0.2s ease,
        transform 0.15s ease;
}


.fila-factibilidad__action:hover[b-bsr2q25v3y] {
    opacity: 0.9;
    background:
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 9%,
            transparent
        );
}


.fila-factibilidad__action:active[b-bsr2q25v3y] {
    transform: scale(0.94);
}


.fila-factibilidad__action:focus-visible[b-bsr2q25v3y] {
    outline: 2px solid var(--primary-color, #ff8500);
    outline-offset: 2px;
}


.fila-factibilidad__action svg[b-bsr2q25v3y] {
    width: 19px;
    height: 19px;
}
/* /Components/TablasTramites/TablaTramitesFactibilidadAcademica/FiltrosFactibilidad.razor.rz.scp.css */
.filtros-factibilidad[b-x8gt8lgqta] {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #e5e7eb;
    border-top: none;
    border-radius: 8px;
    background-color: #ffffff;
    font-family: var(--secondary-font-family);
}


.filtros-factibilidad__grid[b-x8gt8lgqta] {
    display: grid;
    grid-template-columns:
        minmax(130px, 0.85fr)
        minmax(130px, 0.9fr)
        minmax(130px, 0.8fr)
        minmax(190px, 1.2fr)
        minmax(190px, 1.2fr)
        minmax(180px, 1fr)
        100px;

    align-items: end;
    gap: 12px;
    width: 100%;
}


.filtros-factibilidad__search[b-x8gt8lgqta] {
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    color: var(--secondary-color, #ffffff);
    background-color: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
        opacity 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}


.filtros-factibilidad__search:hover:not(:disabled)[b-x8gt8lgqta] {
    opacity: 0.9;
    box-shadow:
        0 4px 10px
        color-mix(
            in srgb,
            var(--primary-color) 22%,
            transparent
        );
}


.filtros-factibilidad__search:active:not(:disabled)[b-x8gt8lgqta] {
    transform: scale(0.98);
}


.filtros-factibilidad__search:focus-visible[b-x8gt8lgqta] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.filtros-factibilidad__search:disabled[b-x8gt8lgqta] {
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}


@media (max-width: 1150px) {
    .filtros-factibilidad__grid[b-x8gt8lgqta] {
        grid-template-columns:
            repeat(3, minmax(170px, 1fr));
    }
}


@media (max-width: 720px) {
    .filtros-factibilidad[b-x8gt8lgqta] {
        padding: 16px;
    }


    .filtros-factibilidad__grid[b-x8gt8lgqta] {
        grid-template-columns: 1fr;
    }


    .filtros-factibilidad__search[b-x8gt8lgqta] {
        height: 40px;
    }
}
/* /Components/TablasTramites/TablaTramitesFactibilidadAcademica/TablaFactibilidad.razor.rz.scp.css */
.tabla-factibilidad__container[b-6782cuig2l] {
    width: 100%;
    overflow-x: auto;
}


.tabla-factibilidad[b-6782cuig2l] {
    width: 100%;
    min-width: 1245px;
    border-collapse: collapse;
    table-layout: fixed;
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
}


.tabla-factibilidad__header[b-6782cuig2l] {
    color: #ffffff;
    background-color: #142233;
}


.tabla-factibilidad__header tr[b-6782cuig2l] {
    height: 48px;
}


.tabla-factibilidad__checkbox-header[b-6782cuig2l] {
    width: 55px;
    padding: 12px 16px;
    text-align: center;
}


.tabla-factibilidad__checkbox-header input[b-6782cuig2l] {
    width: 14px;
    height: 14px;
    accent-color: var(--primary-color);
    cursor: pointer;
}


.tabla-factibilidad__actions-header[b-6782cuig2l] {
    width: 120px;
    padding: 12px 16px;
    color: #ffffff;
    font-family: var(--primary-font-family);
    font-size: calc(var(--secondary-font-size) * 0.86);
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}


.tabla-factibilidad__body[b-6782cuig2l] {
    color: var(--primary-font-color);
    font-family: var(--secondary-font-family);
    font-size: inherit;
    font-weight: 400;
}
/* /Components/UI/Button.razor.rz.scp.css */
.app-button[b-omvbnp0scq] {
    min-height: 44px;
    padding: 12px 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    border: 1px solid transparent;
    border-radius: 12px;

    font-family: var(--font-semibold);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;

    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);

    cursor: pointer;

    transition:
        filter 0.2s ease,
        opacity 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.1s ease;
}

.app-button:active:not(:disabled)[b-omvbnp0scq] {
    transform: scale(0.98);
}

.app-button:disabled[b-omvbnp0scq] {
    opacity: 0.65;
    cursor: not-allowed;
}

.app-button--full[b-omvbnp0scq] {
    width: 100%;
}

/* Primary */

.app-button--primary[b-omvbnp0scq] {
    color: var(--secondary-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.app-button--primary:hover:not(:disabled)[b-omvbnp0scq] {
    filter: brightness(0.95);
}

/* Secondary */

.app-button--secondary[b-omvbnp0scq] {
    color: #1f2937;
    background-color: #e5e7eb;
    border-color: #e5e7eb;
}

.app-button--secondary:hover:not(:disabled)[b-omvbnp0scq] {
    background-color: #d1d5db;
    border-color: #d1d5db;
}

/* Outline */

.app-button--outline[b-omvbnp0scq] {
    color: var(--primary-color);
    background-color: transparent;
    border-color: var(--primary-color);
}

.app-button--outline:hover:not(:disabled)[b-omvbnp0scq] {
    background-color: rgba(255, 133, 0, 0.07);
}

/* Dark */

.app-button--dark[b-omvbnp0scq] {
    color: #ffffff;
    background-color: #1e1e1e;
    border-color: #1e1e1e;
}

.app-button--dark:hover:not(:disabled)[b-omvbnp0scq] {
    opacity: 0.9;
}

/* Spinner */

.app-button__spinner[b-omvbnp0scq] {
    width: 16px;
    height: 16px;

    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: currentColor;
    border-radius: 50%;

    animation: app-button-spin-b-omvbnp0scq 0.8s linear infinite;
}

.app-button--outline .app-button__spinner[b-omvbnp0scq],
.app-button--secondary .app-button__spinner[b-omvbnp0scq] {
    border-color: rgba(31, 41, 55, 0.25);
    border-top-color: currentColor;
}

@keyframes app-button-spin-b-omvbnp0scq {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/UI/EncabezadoTramites.razor.rz.scp.css */
.encabezado-tramites[b-ueva9nt7v1] {
    width: 100%;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-weight: 800;
}

.encabezado-tramites__fecha[b-ueva9nt7v1] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 42px;
}

.encabezado-tramites__fecha-inicio[b-ueva9nt7v1],
.encabezado-tramites__fecha-texto[b-ueva9nt7v1] {
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 800;
    line-height: 1.3;
    white-space: nowrap;
}

.encabezado-tramites__fecha-partes[b-ueva9nt7v1],
.encabezado-tramites__fecha-grupo[b-ueva9nt7v1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.encabezado-tramites__fecha-campo[b-ueva9nt7v1] {
    width: 74px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    color: var(--primary-font-color);
    background-color: #f3f4f6;
    font-family: var(--secondary-font-family);
    font-size: var(--secondary-font-size);
    font-weight: 500;
    line-height: 1;
    text-align: center;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

input.encabezado-tramites__fecha-campo[b-ueva9nt7v1],
select.encabezado-tramites__fecha-campo[b-ueva9nt7v1] {
    display: block;
}

.encabezado-tramites__fecha-campo:hover:not(.encabezado-tramites__fecha-campo--static)[b-ueva9nt7v1] {
    border-color: #b8bec7;
    background-color: #f9fafb;
}

input.encabezado-tramites__fecha-campo:focus[b-ueva9nt7v1],
select.encabezado-tramites__fecha-campo:focus[b-ueva9nt7v1] {
    border-color: var(--primary-color);
    background-color: #ffffff;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent);
}

.encabezado-tramites__fecha-campo--static[b-ueva9nt7v1] {
    cursor: default;
    color: var(--primary-font-color);
    background-color: #f3f4f6;
    border-color: #d1d5db;
    user-select: text;
}

input.encabezado-tramites__fecha-campo[b-ueva9nt7v1] {
    appearance: textfield;
    -moz-appearance: textfield;
}

input.encabezado-tramites__fecha-campo[b-ueva9nt7v1]::-webkit-inner-spin-button,
input.encabezado-tramites__fecha-campo[b-ueva9nt7v1]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

select.encabezado-tramites__fecha-campo[b-ueva9nt7v1] {
    cursor: pointer;
    text-align: center;
    text-align-last: center;
}

.encabezado-tramites__fecha-campo--mes[b-ueva9nt7v1] {
    width: 116px;
}

.encabezado-tramites__fecha-campo--anio[b-ueva9nt7v1] {
    width: 108px;
}

.encabezado-tramites__gobernador[b-ueva9nt7v1],
.encabezado-tramites__autoridad[b-ueva9nt7v1] {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--primary-font-color);
    font-family: var(--primary-font-family);
    font-size: calc(var(--primary-font-size) * 0.57);
    font-weight: 800;
    line-height: 1.35;
    text-transform: uppercase;
}

.encabezado-tramites__gobernador[b-ueva9nt7v1] {
    align-items: flex-start;
    margin-bottom: 38px;
    text-align: left;
}

.encabezado-tramites__autoridad[b-ueva9nt7v1] {
    align-items: center;
    margin-bottom: 18px;
    text-align: center;
}

.encabezado-tramites__gobernador span[b-ueva9nt7v1],
.encabezado-tramites__autoridad span[b-ueva9nt7v1] {
    display: block;
    color: inherit;
    font: inherit;
    line-height: inherit;
}

@media (max-width: 900px) {
    .encabezado-tramites__fecha[b-ueva9nt7v1] {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 36px;
    }

    .encabezado-tramites__fecha-partes[b-ueva9nt7v1] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .encabezado-tramites__fecha-grupo[b-ueva9nt7v1] {
        gap: 10px;
    }
}

@media (max-width: 600px) {
    .encabezado-tramites__fecha[b-ueva9nt7v1] {
        margin-bottom: 34px;
    }

    .encabezado-tramites__fecha-inicio[b-ueva9nt7v1] {
        width: 100%;
    }

    .encabezado-tramites__fecha-partes[b-ueva9nt7v1] {
        display: grid;
        grid-template-columns: minmax(62px, 74px) auto minmax(96px, 116px) auto minmax(76px, 90px);
        align-items: center;
        gap: 8px;
        width: 100%;
    }

    .encabezado-tramites__fecha-grupo[b-ueva9nt7v1] {
        display: contents;
    }

    .encabezado-tramites__fecha-campo[b-ueva9nt7v1] {
        width: 100%;
        height: 42px;
        padding: 0 8px;
    }

    .encabezado-tramites__fecha-campo--mes[b-ueva9nt7v1],
    .encabezado-tramites__fecha-campo--anio[b-ueva9nt7v1] {
        width: 100%;
    }

    .encabezado-tramites__gobernador[b-ueva9nt7v1] {
        margin-bottom: 34px;
        line-height: 1.45;
    }

    .encabezado-tramites__autoridad[b-ueva9nt7v1] {
        align-items: center;
        margin-bottom: 16px;
        line-height: 1.45;
        text-align: center;
    }
}

@media (max-width: 450px) {
    .encabezado-tramites__fecha-partes[b-ueva9nt7v1] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .encabezado-tramites__fecha-grupo[b-ueva9nt7v1] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .encabezado-tramites__fecha-campo[b-ueva9nt7v1] {
        width: 68px;
    }

    .encabezado-tramites__fecha-campo--mes[b-ueva9nt7v1] {
        width: 105px;
    }

    .encabezado-tramites__fecha-campo--anio[b-ueva9nt7v1] {
        width: 82px;
    }
}
/* /Components/UI/Required.razor.rz.scp.css */
.required-indicator[b-syptcwo7rf] {
    margin-left: 4px;

    color: #dc2626;

    font-family: var(--font-bold);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;

    vertical-align: middle;
}
/* /Components/UI/Stepper.razor.rz.scp.css */
.app-stepper[b-k0gas9txej] {
    display: flex;
    align-items: flex-start;
    justify-content: center;

    width: 100%;
    max-width: 672px;

    margin: 0 auto 32px;
    padding: 0 16px;

    box-sizing: border-box;
}


.app-stepper__item[b-k0gas9txej] {
    display: flex;
    align-items: flex-start;

    flex: 1 1 0;
    min-width: 0;
}


.app-stepper__item:last-child[b-k0gas9txej] {
    flex: 0 0 120px;
}


.app-stepper__step[b-k0gas9txej] {
    display: flex;
    flex: 0 0 120px;
    flex-direction: column;
    align-items: center;

    width: 120px;
    min-width: 120px;
}


.app-stepper__circle[b-k0gas9txej] {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    width: 40px;
    height: 40px;

    border: 2px solid;
    border-radius: 50%;

    box-sizing: border-box;

    color: #ffffff;

    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


.app-stepper__circle svg[b-k0gas9txej] {
    width: 19px;
    height: 19px;
}


.app-stepper__circle--enabled[b-k0gas9txej] {
    border-color: var(--primary-color, #ff8500);
    background-color: var(--primary-color, #ff8500);

    box-shadow:
        0 4px 10px
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 16%,
            transparent
        );
}


.app-stepper__circle--active[b-k0gas9txej] {
    box-shadow:
        0 0 0 4px
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 9%,
            transparent
        ),
        0 4px 10px
        color-mix(
            in srgb,
            var(--primary-color, #ff8500) 16%,
            transparent
        );
}


.app-stepper__circle--disabled[b-k0gas9txej] {
    border-color: #d5dae1;
    background-color: #d5dae1;

    color: #ffffff;

    box-shadow: none;
}


.app-stepper__text[b-k0gas9txej] {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;

    margin-top: 8px;

    text-align: center;
}


.app-stepper__number[b-k0gas9txej] {
    display: block;

    width: 100%;

    font-size: calc(var(--secondary-font-size) * 0.72);
    line-height: 1.2;

    text-align: center;
}


.app-stepper__number--enabled[b-k0gas9txej] {
    color: var(--primary-font-color, #111827);

    font-family: var(--primary-font-family);
    font-weight: 700;
}


.app-stepper__number--disabled[b-k0gas9txej] {
    color: var(--secondary-font-color, #9ca3af);

    font-family: var(--secondary-font-family);
    font-weight: 500;

    opacity: 0.7;
}


.app-stepper__label[b-k0gas9txej] {
    display: block;

    width: 120px;
    max-width: 120px;

    margin-top: 5px;

    font-size: calc(var(--secondary-font-size) * 0.64);
    line-height: 1.3;

    text-align: center;
    white-space: normal;
}


.app-stepper__label--enabled[b-k0gas9txej] {
    color: var(--secondary-font-color, #60646c);

    font-family: var(--secondary-font-family);
    font-weight: 400;
}


.app-stepper__label--disabled[b-k0gas9txej] {
    color: var(--secondary-font-color, #9ca3af);

    font-family: var(--secondary-font-family);
    font-weight: 400;

    opacity: 0.7;
}


.app-stepper__connector-container[b-k0gas9txej] {
    display: flex;
    align-items: flex-start;

    flex: 1 1 auto;
    min-width: 24px;

    margin: 0 8px;
    padding-top: 19px;

    box-sizing: border-box;
}


.app-stepper__connector[b-k0gas9txej] {
    width: 100%;
    height: 3px;

    border-radius: 999px;

    background-color: #e5e7eb;

    transition: background-color 0.3s ease;
}


.app-stepper__connector--completed[b-k0gas9txej] {
    background-color: var(--primary-color, #ff8500);
}


@media (max-width: 1023px) {
    .app-stepper[b-k0gas9txej] {
        max-width: 520px;
        padding: 0 8px;
    }


    .app-stepper__step[b-k0gas9txej] {
        flex-basis: 90px;

        width: 90px;
        min-width: 90px;
    }


    .app-stepper__item:last-child[b-k0gas9txej] {
        flex-basis: 90px;
    }


    .app-stepper__label[b-k0gas9txej] {
        width: 90px;
        max-width: 90px;
    }
}


@media (max-width: 479px) {
    .app-stepper[b-k0gas9txej] {
        max-width: 100%;

        margin-bottom: 26px;
        padding: 0;
    }


    .app-stepper__step[b-k0gas9txej] {
        flex-basis: 72px;

        width: 72px;
        min-width: 72px;
    }


    .app-stepper__item:last-child[b-k0gas9txej] {
        flex-basis: 72px;
    }


    .app-stepper__circle[b-k0gas9txej] {
        width: 36px;
        height: 36px;
    }


    .app-stepper__circle svg[b-k0gas9txej] {
        width: 17px;
        height: 17px;
    }


    .app-stepper__connector-container[b-k0gas9txej] {
        min-width: 12px;

        margin: 0 5px;
        padding-top: 17px;
    }


    .app-stepper__connector[b-k0gas9txej] {
        height: 2px;
    }


    .app-stepper__number[b-k0gas9txej] {
        font-size: calc(var(--secondary-font-size) * 0.64);
    }


    .app-stepper__label[b-k0gas9txej] {
        width: 72px;
        max-width: 72px;

        font-size: calc(var(--secondary-font-size) * 0.57);
    }
}
