@import url('https://fonts.googleapis.com/css2?family=Miriam+Libre&display=swap');

.tag-nuget {
    display: flex;
    justify-content: center;
    align-items: center;
    & .titulo-nuget{
        display: flex;
        padding: 0.125rem 0.3125rem 0.3125rem 0.5rem;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.25rem 0rem 0rem 0.25rem;
        background: linear-gradient(180deg, #5F5F5F 0%, #4E4E4E 100%);
        color: #FFF;
        font-feature-settings: 'liga' off, 'clig' off;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.42);
        font-family: Rawline;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    & .versao-nuget{
        display: flex;
        padding: 0.125rem 0.5rem 0.3125rem 0.3125rem;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0rem 0.3125rem 0.3125rem 0rem;
        background: linear-gradient(180deg, #1081C2 0%, #0274B5 100%);
        color: #FFF;
        font-feature-settings: 'liga' off, 'clig' off;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.42);
        font-family: Rawline;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}
.logo-portal-de-arquitetura {
    font-family: "Miriam Libre", serif;
    /*color: #474A4B;*/
    color: var(--mud-palette-text-primary) !important;
    font-size: 1.30263rem;
    font-style: normal;
    font-weight: 700;
    line-height: 85%; /* 1.10725rem */
    letter-spacing: 0.13025rem;
    text-transform: uppercase;
    text-decoration: none !important;
}
.switch-darkmode {
    & .mud-input-control-input-container{
        &   label{
            display:flex;
            flex-direction:column;
            gap:0;
            margin: 0 10px;
            & p{
               font-size:13px!important;
            }
        }
    }
}
.link-arquitetura {
    color:var(--mud-palette-text-primary)!important;
    &:hover{
        opacity:0.8;
    }
}
.txt-saudacao {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    & .txt-nome{
        line-height: 18px !important;
    }
}

.sed-nav-header {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 0 20px;
}

.logo-seddrawer {
    margin-top:20px;
    font-family: "Miriam Libre", serif;
    font-size: 1.30263rem;
    font-style: normal;
    font-weight: 700;
    line-height: 85%; 
    letter-spacing: 0.13025rem;
    text-transform: uppercase;
}

.s-hero {
    display: flex;

    flex-direction: column;
    align-items: center;
    gap: 1rem;
    & .tag-version{
        border-radius: 0.6875rem;
        background-color:var(--mud-palette-warning-lighten);
        /*background: #FFE484;*/
        color:var(--mud-palette-info-text);
        padding: 0.625rem;
    }
    & .txt-apresentacao {

        width: 52.625rem;
        max-width:100%;
        display: block;
        margin: 0 auto;
        font-weight: 500;
    }
    & .txt-apresentacao-animada {
        font-weight: 500;
        animation: move 4s linear infinite;
        background-image: linear-gradient(to right, #77f, #305F85, #82CBFF, #33d0ff,#305F85, #77f);
        background-size: 200% auto;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    & .txt-apresentacao-subtexto {
        width: 44.625rem;
        max-width: 100%;
    }
}
@keyframes move {
    to {
        background-position: 200% center;
    }
}
.atualizacao-tags {
    display: flex;
    align-items: center;
    gap: 10px;
}


.container-componetes{
    margin-top:40px
}

.container-governacia {
    margin-top: 40px
}

.page-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    & h6{
        font-size: var(--mud-typography-h3-size);
        font-family: var(--mud-typography-h3-family);
        letter-spacing: var(--mud-typography-h3-letterspacing);
        text-transform: var(--mud-typography-h3-text-transform);
        font-weight: 500;
        text-align:center;
        line-height: 52px;
    }
    & p{
        display: flex;
        text-align: center;
        gap: 8px;
        flex-direction: column;
        align-items: center;
        text-align:center;
        font-size: var(--mud-typography-h5-size);
        font-family: var(--mud-typography-h5-family);
        font-weight: var(--mud-typography-h5-weight);
        line-height: var(--mud-typography-h5-lineheight);
        letter-spacing: var(--mud-typography-h5-letterspacing);
        text-transform: var(--mud-typography-h5-text-transform);
    }
}

.swagger{
    display: flex;
    flex-direction: column;
    gap: 10px;

    .mud-expansion-panels
    {
        &.endpoints{
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .mud-expand-panel
        {
            border: 1px solid;
        }
    }

    .method-get {
        border-left: 4px solid var(--mud-palette-success) !important;
    }

    .method-post {
        border-left: 4px solid var(--mud-palette-primary) !important;
    }

    .method-put {
        border-left: 4px solid var(--mud-palette-secondary) !important;
    }

    .method-delete {
        border-left: 4px solid var(--mud-palette-error) !important;
    }

    .required-field .mud-input-label::after {
        color: var(--mud-palette-error);
    }
}

.sed-response-block pre {
    margin: 0;
    background: transparent;
}

.sed-response-block {
    margin: 20px;
    background: linear-gradient( to bottom right, var(--mud-palette-background), var(--mud-elevation-11), var(--mud-palette-surface) );
    padding: .8rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    max-height: 350px;
    overflow: auto;
    border: 1px solid;
}

.language-json {
    color: var(--mud-palette-text-secondary) !important;
}

.destaque-image{
    display:block;
    position:relative;
    &:hover{
           opacity:0.8;
    }
}

.icon-categoria-compartigma{
    position:absolute;
    top:10px;
    left:10px;
}

.header-documentacao{
    display: flex;
    justify-content: space-between;
}