.container {
  max-width: 960px;
}

.site-header {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
}

.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

@media (min-width: 768px) {
    #div_form_login {
        padding-right: 3rem !important;
    }
}

/* css login general*/
.page-container{
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.login_container .pre_login_container{
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  position: absolute;
  left: 0;
  right: 0;
}

.login_container #login_back img{
  transform: translateX(-20%);
}

#image_back{
  background: linear-gradient(to right,rgba(10, 64, 119, 0.9) 0%, rgba(90, 13, 114, 0.3) 85%);
  top: 0;
  left: 0;
}

/* lado izquierdo*/
.col-image{
  padding: 40px 50px;
}

/*texto matricula y logo*/
.textos_logo{
  margin-right: 30px;
}

.textos_logo span{
  font-family: 'Montserrat';
  color:#FFFFFF;
  line-height: 128%;
  font-weight: 400;
  font-size:20px; 
}

.textos_logo span:first-child{
  font-weight: 700;
  font-size:32px; 
}

.textos_logo span:last-child {
  font-weight: 400;
  font-size:12px; 
}

.logo_texto{
  text-align: center;
  display: block;
  margin: auto 0;
}

/*texto bienvenida*/
.texto_bienvenida span{
  font-family: 'Montserrat';
  color:#FFFFFF;
  font-weight: 500;
  font-size: 72px;
  line-height: 128%;
}

.texto_bienvenida span:last-child{
  text-transform: uppercase;
  color: #7AB82D;
  background-color: #FFFFFF;
  padding: 0px 14px;
  font-size: 64px;
  font-weight: bold;
}

/*texto utem*/
.texto_utem span{
  color:#FFFFFF;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 14px;
  line-height: 128%;
}

/* logo y acreditacion*/
.logo_acreditado img{
  margin-right: 30px;
}

/*derechos */
.derechos{
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 12px;
  line-height: 128%;
  color: #E3E3E3;
}

/* lado derecho*/
.col-form{
  background: #FFFFFF;
  min-height: 100vh;
}

.titulo_inicial{
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  color: #004D9C;
}

/*pre login*/
.pre_login_container{
  width: 100vw;
}

.pre_login_container #login_back img{
  transform: translateX(-60%);
}

.pre_login_container .texto_bienvenida span{
  font-size: 56px;
}

.pre_login_container .pre_titulo span{
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  color:#FFFFFF;
}

.btn-alumnos{
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 32px;
  line-height: 128%;
  min-height: 70px;
  width: 420px;
  background-color: #99A1AF;
  border-color: #99A1AF;
  border-radius: 8px;
}

.btn-alumnos:active, .btn-alumnos:hover, .btn-alumnos:focus{
  background-color: #7AB82D!important;
  border-color: #7AB82D!important;
}

.mb-md-1 { margin-bottom: 1.5rem; }

@media (min-width: 768px) {
  .mx-md-5 {
      margin-left: 3rem !important;
      margin-right: 3rem !important;
  }
}

@media (min-width: 768px) {
  .mb-md-1 { margin-left: 0rem !important; }
}


.btn-alumnos[disabled]{
  color:#FFFFFF!important;
}

.btn-alumnos[disabled]:hover{
  background-color: #C9C2CD!important;
  border-color: #C9C2CD!important;
  opacity: .65;
}

/**/
.btn-postgrado {
  position: relative;
  display: inline-block;
}

.btn-postgrado:hover .tooltip-button {
  visibility: visible;
}

.tooltip-button {
  visibility: hidden;
  width: 50%;
  background-color: #00000090;
  text-align: center;
  border-radius: 8px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 25%;
  font-family: 'Montserrat';
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color:#FFFFFF;
}

.tooltip-button::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}