/* Estilos del modal de contacto (#sign-in-modal). Extraidos de assets/css/style.css
   (lineas 972-1121) para paginas que no tienen esta clase en su propio bundle
   compilado (integraciones, webinars). Sin este CSS, el modal se inserta en el
   flujo normal del documento en vez de mostrarse como ventana flotante. */

.login-try h3 {
    margin: 0px;
    color: #032C57;
}

.login-try .form-label {
    color: #3C4754;
}

.login-try p {
    margin-bottom: 20px;
    color: #536171;
    font-weight: 400;
}

.form-control:focus {
    border-color: #536171;
    box-shadow: none;
}

.login-try {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.75);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 0px;
    overflow-y: auto;
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
}

.login-try .btn-cancel {
    background: rgb(11, 38, 64) !important;
}

@media (max-width: 991.98px) {
    .login-try {
        align-items: start;
    }
}

.login-try.open {
    opacity: 1;
    pointer-events: auto;
}

#sign-in-modal .log-inside {
  max-width: 700px;
  width: 95vw;
  margin: 40px auto;
  background: #fff;
  border-radius: 12px;
  overflow-y: auto;
  max-height: 90vh;
  padding: 32px 16px;
  box-sizing: border-box;
}

@media (max-width: 991px) {
  #sign-in-modal .log-inside {
    max-width: 98vw;
    padding: 16px 4px;
  }
  #sign-in-modal .row {
    flex-direction: column;
  }
  #sign-in-modal .col-lg-8,
  #sign-in-modal .col-lg-4 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100%;
  }
}

@media (max-width: 600px) {
  #sign-in-modal .log-inside {
    margin: 10px auto;
    padding: 8px 2px;
    max-height: 98vh;
  }
}

.log-inside {
    background: #fff;
    border-radius: 8px;
    min-width: 870px;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

.log-inside article {
    padding-right: 0px;
}

.log-inside .col-lg-4 {
    position: relative;
    z-index: 1;
    padding: 10px;
    padding-right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.01);
}

.log-inside form .btn {
    float: right;
    padding: 10px 40px;
    background: #49b6d9;
    border-radius: 6px;
    width: 100%;
    box-shadow: none !important;
    margin-top: 10px;
}

.log-inside form {
    padding: 40px;
    padding-right: 20px;
}

@media(max-width:992px) {
    .log-inside {
        min-width: 100%;
        border-radius: 0px;
        padding-bottom: 50px;
    }

    .log-inside form {
        padding: 30px;
    }

    .log-inside article {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .log-inside form .btn {
        width: 100%;
    }
}