div#divValorCorrida {
  margin-top: 20px;

  .alert.alert-warning {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
  }

  > div {
    &#fracionadoMexsolog {
      padding-right: 15px !important;

      > span {
        text-transform: capitalize;
      }
    }

    &#divFreteExpresso {
      padding-right: 0 !important;
    }

    &.--resumo-frete {
      &.row {
        padding-top: 3.5rem;

        @media (max-width: 768px) {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
        }

        br {
          display: none;
        }

        > div {
          border: none !important;

          strong {
            font-size: 18px !important;
            color: var(--color-primary);
          }

          h5 {
            font-size: 16px !important;

            br {
              display: block;
            }
          }
        }

        > div:last-of-type {
          > strong {
            font-size: 12px !important;
            color: black;
          }

          h4 > b {
            font-weight: normal !important;
            font-size: 30px !important;
          }

          div#divValorFreteExpresso {
            > h4 {
              font-size: 30px !important;
              font-weight: normal !important;
            }
          }
        }
      }
    }

    &.--validar-cupom {
      &.row {
        > div {
          &:first-of-type {
            width: 100%;
          }

          @media (max-width: 768px) {
            width: 50%;
          }

          @media (max-width: 576px) {
            width: 100%;
          }

          &:last-of-type > #divValidarCupom {
            padding: 1rem 0;

            br {
              display: none;
            }
          }

          &.col-md-12.text-center {
            text-align: left;
          }

          > input[type="button"] {
            padding: 0.8rem 3.75rem;

            border-radius: 4px;
            border: 2px solid var(--color-primary);
            background-color: var(--color-primary);

            text-transform: uppercase;
            color: var(--text-color-primary);

            @media (max-width: 768px) {
              display: block;
              width: 100%;
            }

            @media (max-width: 576px) {
              margin-top: 0.75rem;
            }

            &:hover,
            &:focus,
            &:active {
              background-color: transparent;
              color: var(--color-primary);
            }
          }

          .form-group {
            margin: 0;
          }
        }
      }
    }

    &.--rotulo-frete {
      &.row > div {
        max-width: 600px;

        @media (max-width: 576px) {
          text-align: justify;
        }
      }
    }

    &.--botoes-frete {
      &.row.divBtnsCadLogin {
        display: flex;
        margin-top: 1.25rem;

        @media (max-width: 576px) {
          flex-direction: column;
        }

        > div {
          display: flex;
          flex-direction: column;
          flex-basis: auto 1 1;
          justify-content: space-between;

          @media (max-width: 576px) {
            width: 100%;
          }

          &:first-of-type {
            display: none;
          }

          &:nth-of-type(2) {
            p {
              &::after {
                content: "Acesse sua conta para completar o seu pedido";
                position: absolute;
                height: 100%;
                width: auto;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                color: black;
                font-size: 1.5rem;
                cursor: text;

                @media (max-width: 576px) {
                  width: 100%;
                }
              }
            }

            button {
              border: 2px solid var(--color-secondary);
              padding: 1rem 1.75rem;

              color: black;
              text-transform: uppercase;

              &:hover,
              &:focus,
              &:active {
                background-color: var(--color-secondary);
                color: var(--text-color-secondary);

                box-shadow: 0 0 8px 4px #0003;
              }
            }
          }

          &:nth-of-type(3) {
            @media (max-width: 576px) {
              p {
                margin: 0;
              }
            }

            button {
              text-transform: uppercase;

              padding: 1rem 1.75rem;

              background-color: var(--color-primary);
              border: 2px solid var(--color-primary);
              color: var(--text-color-primary);

              &:hover,
              &:focus,
              &:active {
                background-color: var(--color-secondary);
                border-color: var(--color-secondary);
                color: var(--text-color-secondary);

                box-shadow: 0 0 8px 4px #0003;
              }
            }
          }

          p {
            font-size: 100%;
            text-align: left;
            color: transparent;
            position: relative;
            user-select: none;

            br {
              display: none;
            }
          }

          br {
            display: none;
          }
        }
      }
    }
  }

  .custom-shipping-alert {
    display: flex;
    align-items: center;
    flex-direction: column;

    padding: 16px;

    border-radius: 4px;

    border-color: #ffe3e6;
    border-right: 5px solid #9e000f;

    color: #9e000f;
    background-color: #ffe3e6;

    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);

    @media (min-width: 768px) {
      flex-direction: row;
    }

    .alert-icon {
      margin-right: 0;

      @media (min-width: 768px) {
        margin-right: 16px;
      }

      svg {
        width: 50px;
        fill: currentColor;
      }
    }

    .alert-content {
      flex: 1;

      h5.alert-heading {
        margin: 0 0 8px 0;

        text-align: center;
        font-size: 24px;
        color: #9e000f;

        @media (min-width: 768px) {
          text-align: left;
        }
      }

      .alert-body p {
        margin: 0;
        text-align: justify;
      }
    }
  }
}