.btn {
    font-weight: 600;
    padding: .5rem 1rem;
    font-size: .875rem;
    border: none;
    cursor: pointer;
}
.app-btn-primary {
    background: #462778;
    color: #fff;
    border-color: #462778
}

.app-login .auth-background-holder {
    background: url("../images/background/background-1.jpg") no-repeat center center;
    background-size: cover;
    height: 100vh;
    min-height: 100%
}

.app-signup .auth-background-holder {
    background: url("../images/background/background-2.jpg") no-repeat center center;
    background-size: cover;
    height: 100vh;
    min-height: 100%
}

.app-reset-password .auth-background-holder {
    background: url("../images/background/background-3.jpg") no-repeat center center;
    background-size: cover;
    height: 100vh;
    min-height: 100%
}

.auth-main-col,
.auth-background-col {
    position: relative
}

.auth-background-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .1)
}

.auth-background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11
}

.auth-background-overlay .overlay-title {
    color: #fff;
    font-size: 1rem;
    font-weight: bold
}

.auth-background-overlay .overlay-content {
    background: rgba(37, 41, 48, .6);
    color: #fff
}

.auth-background-overlay .overlay-content a {
    text-decoration: underline;
    color: #fff
}

.app-auth-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.app-auth-wrapper {
    background: #fff;
    height: 100vh
}

.app-auth-wrapper .app-auth-body {
    width: 360px
}

.app-auth-wrapper .app-logo .logo-icon {
    width: 60px;
    height: 60px
}

.app-auth-wrapper .auth-heading {
    font-size: 1.5rem
}

.app-auth-wrapper .form-control::-webkit-input-placeholder {
    color: #828d9f
}

.app-auth-wrapper .form-control:-moz-placeholder {
    color: #828d9f
}

.app-auth-wrapper .form-control::-moz-placeholder {
    color: #828d9f
}

.app-auth-wrapper .form-control:-ms-input-placeholder {
    color: #828d9f
}

.app-auth-wrapper .legal-note {
    font-size: .875rem
}

.app-auth-wrapper .extra {
    font-size: .75rem
}

.app-auth-wrapper .extra a {
    text-decoration: underline;
    color: #828d9f
}

.app-auth-wrapper .extra a:hover {
    color: #5d6778
}

.app-auth-wrapper .auth-heading-desc {
    font-weight: 500;
    font-size: 1.125rem
}

.desc{
    display: -webkit-box;             /* Habilita el comportamiento de caja flexible */
  -webkit-line-clamp: 2;            /* Limita el texto a 2 líneas */
  -webkit-box-orient: vertical;     /* Orienta la caja en el eje vertical */
  overflow: hidden;                 /* Oculta el contenido que excede las 2 líneas */
  text-overflow: ellipsis;   
}

.app-auth-wrapper .legal-note {
    font-size: .75rem
}

.app-auth-wrapper .auth-option {
    font-size: .875rem
}

.app-auth-footer .copyright {
    font-size: .75rem
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0.75rem 1.25rem;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #21232772;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}


    .background-radial-gradient {
      background-color: hsl(263, 51%, 15%);
      background-image: radial-gradient(650px circle at 0% 0%,
          hsl(263, 51%, 35%) 15%,
          hsl(263, 51%, 30%) 35%,
          hsl(263, 51%, 20%) 75%,
          hsl(263, 51%, 19%) 80%,
          transparent 100%),
        radial-gradient(1250px circle at 100% 100%,
          hsl(263, 51%, 45%) 15%,
          hsl(263, 51%, 30%) 35%,
          hsl(263, 51%, 20%) 75%,
          hsl(263, 51%, 19%) 80%,
          transparent 100%);
    }
    #radius-shape-1 {
      height: 220px;
      width: 220px;
      top: -60px;
      left: -130px;
      background: radial-gradient(#612dae, #144f84);
      overflow: hidden;
    }

    #radius-shape-2 {
      border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%;
      bottom: -60px;
      right: -110px;
      width: 300px;
      height: 300px;
      background: radial-gradient(#612dae, #144f84);
      overflow: hidden;
    }

    .bg-glass {
      background-color: hsla(0, 0%, 100%, 0.9) !important;
      backdrop-filter: saturate(200%) blur(25px);
    }

@media(max-width: 767.98px) {
    .auth-background-col {
        display: none
    }

    .app-auth-wrapper .app-auth-body {
        width: 100%
    }
}