/* Visual identity for the external portal. Scoped by body class so Help Desk is unchanged. */
.portal-genesis-editais {
    --main-color: #0d4d8b;
    --header-logo-background: #08345f;
    --header-logo-border-right: #08345f;
    --header-logo-border-bottom: #08345f;
    --header-box-background: #e72b86;
    --submenu-background-color: #0b3f72;
    --submenu-border-right: #0b3f72;
    --menu-user-splash-background: #0b3f72;
    --submenu-text-color: #dbeafe;
    --submenu-sub-text-color: #bfd3e8;
    --submenu-text-hover: #ffffff;
    --submenu-background-check: #1768ad;
    --menu-background-check: #1768ad;
    --content-background: #f4f7fb;
    --panel-header-background: #f7f9fc;
    --preloader-color: #e72b86;
    --login-background-color: #f3f6fa;
    --login-panel-left-background-color: #eef4f9;
    --login-panel-right-background-color: #ffffff;
    --login-button-background: #0d4d8b;
    --login-button-text-color: #ffffff;
    --login-panel-left-text-header-color: #0d3d6c;
    --login-panel-left-text-footer-color: #0d3d6c;
    --login-panel-detail-display: flex;
    --login-panel-max-width: 1040px;
    --login-panel-max-height: 650px;
    --login-panel-border-radius: 22px;
    --login-panel-box-shadow: 0 24px 70px rgba(13, 61, 108, .18);
}

.portal-genesis-editais .container-header {
    box-shadow: 0 1px 0 rgba(13, 61, 108, .08);
}

.portal-genesis-editais .company-logo .logo-name {
    align-items: center;
    display: flex;
    gap: 9px;
    justify-content: center;
    padding: 0 14px;
}

.portal-genesis-editais .portal-brand-logo {
    display: block;
    height: 37px;
    max-width: 145px;
    object-fit: contain;
    object-position: center;
}

.portal-genesis-editais .portal-product-name {
    border-left: 1px solid rgba(255, 255, 255, .35);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02em;
    padding-left: 9px;
}

.portal-genesis-editais .container-submenu {
    background-image: linear-gradient(180deg, #0b3f72 0%, #082f56 100%);
}

.portal-genesis-editais .container-submenu ul li a {
    border-radius: 9px;
    margin: 2px 8px;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.portal-genesis-editais .container-submenu ul li a:hover {
    background: rgba(255, 255, 255, .09);
    color: #ffffff;
    transform: translateX(2px);
}

.portal-genesis-editais .container-submenu ul .checked > a {
    background: linear-gradient(135deg, #1768ad, #0d4d8b);
    box-shadow: 0 7px 16px rgba(2, 35, 67, .22);
}

.portal-genesis-editais .container-live {
    background: #f4f7fb;
}

.portal-genesis-editais .panel,
.portal-genesis-editais .card {
    border-color: #e3eaf2;
    box-shadow: 0 8px 24px rgba(13, 61, 108, .06);
}

.builder-template-login.portal-genesis-editais .container-login {
    background-color: #f3f6fa;
    background-image: linear-gradient(115deg, rgba(255, 255, 255, .35), rgba(226, 237, 248, .78)), url('../../../images/genesis-editais/bg-login.png');
    background-position: center;
    background-size: cover;
    padding: 32px;
}

.builder-template-login.portal-genesis-editais .panel-login {
    border: 1px solid rgba(13, 77, 139, .10);
    min-height: 560px;
}

.builder-template-login.portal-genesis-editais .panel-login .info-login {
    background: linear-gradient(145deg, #edf5fb 0%, #dceaf6 100%);
    max-width: 54%;
    overflow: hidden;
    padding: 56px;
}

.builder-template-login.portal-genesis-editais .panel-login .info-login::after {
    background: #e72b86;
    border-radius: 50%;
    bottom: -95px;
    content: '';
    height: 220px;
    opacity: .10;
    position: absolute;
    right: -70px;
    width: 220px;
}

.builder-template-login.portal-genesis-editais .login-subtitle {
    display: flex;
    flex-direction: column;
    font-size: 16px !important;
    gap: 22px;
    height: auto !important;
    letter-spacing: .01em;
}

.builder-template-login.portal-genesis-editais .portal-login-logo {
    height: auto;
    max-width: 225px;
    object-fit: contain;
}

.builder-template-login.portal-genesis-editais .login-details {
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.builder-template-login.portal-genesis-editais .login-details h3 {
    font-size: 31px !important;
    line-height: 1.25;
    margin-bottom: 16px;
    max-width: 460px;
}

.builder-template-login.portal-genesis-editais .login-details div {
    color: #526a82 !important;
    font-size: 15px !important;
    line-height: 1.65;
    max-width: 430px;
}

.builder-template-login.portal-genesis-editais .login-content {
    padding: 52px;
}

.builder-template-login.portal-genesis-editais .login-content [page-name="LoginForm"] .btn {
    border: 0;
    box-shadow: 0 8px 18px rgba(13, 77, 139, .2);
}

@media (max-width: 780px) {
    .builder-template-login.portal-genesis-editais .container-login {
        padding: 18px;
    }

    .builder-template-login.portal-genesis-editais .panel-login {
        height: auto;
        min-height: 0;
    }

    .builder-template-login.portal-genesis-editais .panel-login .info-login {
        display: none;
    }

    .builder-template-login.portal-genesis-editais .login-content {
        padding: 28px 22px;
    }

    .portal-genesis-editais .portal-brand-logo {
        max-width: 118px;
    }
}