body {
    @media (min-width:821px) {
        #ImagenLogin {
            visibility: visible;
        }
        #Seidor-imagen {
            height: 38px;
        }

        #logoshamphone {
            visibility: hidden;
        }
        .card-login {
            background-color: #fff;
            background-clip: border-box;
            border: 0.0625rem solid rgba(231,234,243,.7);
            border-radius: 0.75rem;
            width: 1024px;
        }

    }

    @media (min-width:767px) and (max-width:820px) {
        #ImagenLogin {
            visibility: hidden;
        }

        .card-login {
            background-color: transparent;
            background-clip: inherit;
            border: 0;
            border-radius: 0;
            width: 100%;
        }

        #card1 {
            background-color: #fff;
            background-clip: border-box;
            border: 0.0625rem solid rgba(231,234,243,.7);
            border-radius: 0.75rem;
        }

        #Seidor-imagen {
            height: 30px;
        }

        #logoshamphone {
            visibility: visible;
        }

        .col-md-6 {
            max-width: none;
        }
    }

    @media (max-width:766px) {
        #ImagenLogin {
            visibility: hidden;
        }

        .card-login {
            background-color: transparent;
            background-clip: inherit;
            border: 0;
            border-radius: 0;
            width: 100%;
        }

        #card1 {
            background-color: #fff;
            background-clip: border-box;
            border: 0.0625rem solid rgba(231,234,243,.7);
            border-radius: 0.75rem;
        }

        #Seidor-imagen {
            height: 30px;
        }

        #logoshamphone {
            visibility: visible;
        }
    }

    @media (max-height:600px) {
        .pt-sm-7, .py-sm-7 {
            padding-top: 0rem !important;
        }
    }
    
.modal-content {
    transform: scale(0.85);
  }

  .modal {
    --bs-modal-margin: 0rem;
  }
}