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

main {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

.txt-justify {
    text-align: justify;
}

.dialog-top {
    top: 120px;
}

.dialog-center {
    position: fixed;
    top: 50%;
    left: 5%;
}


.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;
}

@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);
}

.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);
}

.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: var(--espaco-p);
}

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

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

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

.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);
  position: sticky;
  top: 5rem;
}
.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);
    position: sticky;
    top: 4rem;
    width: 50%;
    align-self: center;
}


@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;
}

.dialog-satisfacao {
  max-width: 600px;
  z-index: 1150;
  margin-top: -25vh;
}

.dialog-satisfacao .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-satisfacao {
    position: fixed;
    flex: 0 0 20px;
    left: 0;
    top: 30%;
    right: 0;
    order: 1;
    margin-right: 1rem;
  }
  .dialog-cofirmacao .dialog-main {
    flex-direction: column;
  }
  .dialog-satisfacao .dialog-main {
    flex-direction: column;
  }
}

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

.dialog-satisfacao .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;
}

.dialog-proteger {
  position: fixed; /* Centraliza em relação à tela */
  top: 50%; /* Centraliza verticalmente */
  left: 50%; /* Centraliza horizontalmente */
  transform: translate(-50%, -50%); /* Ajusta o deslocamento para o centro exato */
  padding: 20px;
  width: 70%; /* Ajuste a largura conforme necessário */
  max-width: 500px; /* Define um tamanho máximo */
  min-width: 300px; /* Define um tamanho mínimo */
  height: auto; /* Permite que a altura ajuste conforme o conteúdo */
  margin: 0; /* Remove margens que podem interferir */
  z-index: 1150; /* Garantir que fique acima de outros elementos */
}

.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: 1100; /* Fica abaixo do modal, mas acima de outros elementos */
  display: none; /* Inicialmente escondido */
}

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

#modal-alerta {
    z-index: 9999;
    top: auto;
    max-width: 37rem;
}

.img-modal-alerta {
    display: flex;
    justify-content: center;
    align-items: center;
}

.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");
}

.profile-container {
  width: 100px;
  height: 100px;
  background-color: gray;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-container img {
  object-fit: cover;
}