:root {
    --largura-maxima: 1040px;
}

main {
    padding: 1rem;
    /*display: flex;*/
    flex-direction: column;
    align-items: center;
}

.div-precos-modal {
    font-size: smaller;
    padding-left: 1rem;
}

.dialog-top {
    top: 125px;
}

.dialog-detalhes,
.dialog-excluir,
.btn-documentos,
.btn-anexos {
    z-index: 9;
}

.overlay {
    position: fixed; /* Cobre toda a tela */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Fundo semi-transparente */
    z-index: 0; /* Fica abaixo do modal, mas acima de outros elementos */
    display: none; /* Inicialmente escondido */
}

.conteudo-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--espaco-m);
    width: 100%;
    max-width: var(--largura-maxima);
    position: relative;
    padding: 1rem;
}

.documentos-container {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-m);
    width: 100%;
}
.tipo-anexo,
.tipo-documento {
    padding: var(--espaco-m);
    gap: var(--espaco-p);
    flex-direction: column;
    width: 100%;
}
.tipo-anexo,
.tipo-documento hr {
    margin: 0;
}

.arquivo {
    display: flex;
    gap: var(--espaco-p);
    align-items: center;
    width: 100%;
}

.arquivo .info-arquivo {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    align-items: flex-start;
    justify-content: center;
    gap: 0.125rem;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.arquivo .info-arquivo p {
    flex: 0 0 auto;
    line-height: 1.25;
    word-break: break-word;
    margin: 0;
    width: 100%;
}

.arquivo .numero-doc {
    font-weight: bold;
}

.arquivo .nome-arquivo {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.arquivo .divisor {
    height: 100%;
    border-left: 1px solid var(--cor-linha);
    padding-left: var(--espaco-p);
}

.arquivo .progresso-upload {
    display: flex;
    height: 1.5rem;
    align-items: center;
    padding-right: var(--espaco-p);
    border-right: 1px solid var(--cor-linha);
}
.tipo-anexo .acoes-upload,
.tipo-documento .acoes-upload {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-p);
    align-items: center;
}
.tipo-anexo .acoes-upload .campo-txt,
.tipo-documento .acoes-upload .campo-txt {
    max-width: 300px;
    margin: 0;
    width: auto;
    flex: 1 1 auto;
}

@media screen and (max-width: 799px) {
    .conteudo-container {
        flex-direction: column;
    }
}

.conteudo-container p {
    margin: 0;
}

.passos-container {
    width: 100%;
}

.resumo-container {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-g);
    flex: 1 1 calc(70% - 1rem);
}

.info-resumo {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-m);
    width: 100%;
    padding: var(--espaco-m);
    border-radius: var(--raio-borda);
    align-items: flex-start;
}

.item-info {
    display: flex;
    gap: var(--espaco-p);
    align-items: center;
    flex: 1;
}

@media screen and (max-width: 599px) {
    .item-info {
        word-break: break-word;
        flex: 1 0 100%;
    }
}
/* DIALOG ADICIONAR ITEM */
.max-width-dialog {
    max-width: var(--largura-maxima);
}

.pacotes-container {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-p);
    width: 100%;
    align-items: flex-start;
}

.pacote {
    padding: var(--espaco-m);
    border-radius: var(--raio-borda);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--espaco-m);
    outline: 1px solid var(--cor-linha);
    background: #fff;
}

.pacote-topo {
    display: flex;
    gap: var(--espaco-m);
    align-items: flex-end;
    justify-content: space-between;
}

.pacote-topo span {
    color: var(--cor-primaria);
    font-weight: bold;
}

@media screen and (max-width: 599px) {
    .pacote-topo div {
        font-size: 14px;
        line-height: 1em;
    }
}

.pacote.excesso .pacote-topo span {
    color: var(--cor-erro);
}

.pacote-itens {
    display: flex;
    flex-direction: column;
}

.item {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--cor-linha);
    padding: var(--espaco-p) 0;
    justify-content: flex-end;
}

.item p {
    flex: 1;
    margin: 0;
}

.item p.item-descricao {
    font-weight: bold;
}

.item:last-child {
    border: none;
}

@media screen and (max-width: 599px) {
    .item {
        flex-direction: column;
        align-items: flex-start;
    }

    .item p {
        width: 100%;
    }
}

.pacote .protecao,
.pacote .protegido {
    padding: var(--espaco-p);
    border-radius: var(--raio-borda);
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-p);
    align-items: center;
    justify-content: flex-end;
}

.pacote .protecao p,
.pacote .protegido p {
    font-weight: bold;
    flex: 1;
}

.pacote .protecao .valor {
    color: var(--cor-primaria);
}

.tema-escuro .pacote .protecao .valor {
    color: var(--primario20);
}

.alto-contraste .pacote .protecao .valor {
    color: var(--cor-ac-preto);
}

.pacote .protegido .valor-protecao {
    font-weight: normal;
}

@media screen and (max-width: 599px) {
    .pacote .protecao p,
    .pacote .protegido p {
        flex: 1 0 60%;
    }
}

.rem-dest-container {
    display: flex;
    gap: 1.1rem;
}

.info-enderecos {
    padding: var(--espaco-m);
    align-items: flex-start;
    width: 50%;
    background: #fff;
}

@media screen and (max-width: 599px) {
    .rem-dest-container {
        flex-direction: column;
        width: auto;
    }
    .info-enderecos {
        width: 100%;
    }
}

.info-enderecos p:last-of-type {
    flex: 1 1 100%;
}

@media screen and (max-width: 599px) {
    .rem-dest-container {
        flex-direction: column;
    }
}

.valores-container {
    flex: 1 1 calc(30% - 1rem);
    border-radius: var(--raio-borda);
    padding: var(--espaco-m);
    display: flex;
    flex-direction: column;
    gap: var(--espaco-m);
    top: 4rem;
    background: #efedea;
}

.icone-tipo-remessa {
    font-size: 15px;
    color: #016399;
    border-radius: 50%;
    cursor: pointer;
}

.valores-container-dialog {
    flex: 1 1 calc(30% - 1rem);
    border-radius: var(--raio-borda);
    padding: var(--espaco-m);
    display: flex;
    flex-direction: column;
    gap: var(--espaco-m);
    top: 4rem;
    width: 50%;
    align-self: center;
    background: #fff;
    margin-top: 1rem;
}

@media screen and (max-width: 799px) {
    .valores-container {
        width: 100%;
    }
    .valores-container-dialog {
        width: 100%;
    }
}

.valores-container img {
    max-width: 200px;
    align-self: center;
}

.valores-container-dialog img {
    max-width: 200px;
    align-self: center;
}

.valores-container hr {
    margin: 0;
}

.valores-container-dialog hr {
    margin: 0;
}

.valores-container .item-preco hr {
    margin: 0;
    margin-bottom: 8px;
    border-bottom: 2px dotted var(--cor-linha);
    flex: 1;
}

.valores-container-dialog .item-preco hr {
    margin: 0;
    margin-bottom: 8px;
    border-bottom: 2px dotted var(--cor-linha);
    flex: 1;
}

.item-preco {
    display: flex;
    gap: var(--espaco-xp);
    align-items: flex-end;
}

.preco-total {
    color: var(--cor-primaria);
}

/* Dialog Cofirmação de remessa */
.dialog-cofirmacao {
    max-width: 600px;
}

.dialog-cofirmacao .dialog-main {
    flex-direction: row;
    flex-wrap: wrap;
}

.passo-final {
    flex: 1 1 calc(100% / 3 - 1rem);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.passo-final hr {
    border-color: var(--cor-primaria);
    border-width: 2px;
}

@media screen and (max-width: 799px) {
    .dialog-cofirmacao .dialog-main {
        flex-direction: column;
    }
}

.dialog-confirmacao .dialog-footer {
    align-items: flex-end;
}

/* Dialog Proteger remessa */
.dialog-valores {
    font-weight: bold;
    color: var(--cor-primaria);
}

.dialog-proteger .campo-txt {
    text-align: start;
    margin: 0;
}

.dialog-proteger p {
    margin: 0;
}

.checkbox-container.termo {
    padding: var(--espaco-m);
}

.servico-titulo {
    display: block;
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.servico-titulo.economico {
    background-image: url("../img/exporta-facil-economico.svg");
}

.servico-titulo.standard {
    background-image: url("../img/exporta-facil-standard.svg");
}
.servico-titulo.standard-d {
    background-image: url("../img/doc_internacional_standard.png");
}

.servico-titulo.premium {
    background-image: url("../img/exporta-facil-premium.svg");
}

.servico-titulo.expresso {
    background-image: url("../img/exporta-facil-expresso.svg");
}
.servico-titulo.expresso-d {
    background-image: url("../img/doc_internacional_express.png");
}

.alto-contraste .servico-titulo.economico,
.tema-escuro .servico-titulo.economico {
    background-image: url("../img/exporta-facil-economico-ac.svg");
}

.alto-contraste .servico-titulo.standard,
.tema-escuro .servico-titulo.standard {
    background-image: url("../img/exporta-facil-standard-ac.svg");
}

.alto-contraste .servico-titulo.premium,
.tema-escuro .servico-titulo.premium {
    background-image: url("../img/exporta-facil-premium-ac.svg");
}

.alto-contraste .servico-titulo.expresso,
.tema-escuro .servico-titulo.expresso {
    background-image: url("../img/exporta-facil-expresso-ac.svg");
}

.servico .display-p {
    color: var(--cor-primaria);
}

.servicos-container .legenda {
    flex: 1 0 100%;
}

.protecao .ic-proteger {
    background-image: url("../img/proteger-stroke.svg");
}

.protecao .ic-protegido {
    background-image: url("../img/protegido-stroke.svg");
}

.right {
    align-self: flex-end;
}

.dt-search {
    margin-bottom: var(--espaco-p);
}

/* CORREÇÃO COR DO TEXTO EM ALTO CONTRASTE NA TABELA */
.table-bordered > :not(caption) > * > * {
    color: var(--cor-sobre-fundo);
}

.pagination {
    display: flex;
    justify-content: center;
}

.dt-info {
    display: flex;
    justify-content: center;
}

.active > .page-link,
.page-link.active {
    z-index: 0 !important;
    color: #ffffff !important;
    background-color: #00416b !important;
    border-color: #00416b !important;
}
.page-link {
    color: #00416b;
}