a{
	color: #ED1C24!important;
}

.container{
	margin-top: 6rem;
}


.login-izquierda {
  position: relative; /* clave para que los z-index funcionen dentro */
  height: 100vh;
  overflow: hidden;
  color: #fff;
}

/* el video siempre al fondo */
.login-izquierda .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

/* overlay con color y blur */
.login-izquierda::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(70, 84, 107, 0.7); /* color con opacidad */
  backdrop-filter: blur(4px); /* blur */
  z-index: -1; /* entre el video y el contenido */
}

/* contenido arriba */
.login-izquierda .container {
  position: relative;
  z-index: 1;
  padding: 0px 20px;
}

.login-derecha{
	background-color: #ffffff;
	padding: 20px;
}

.separador{
	border-bottom: 4px solid #ffffff;
	width: 10%;
	color: #ffffff;
	margin-top: 0;
}

.logo{
	width: 200px;
}

.circle-white{
	background-color: rgba(255, 255, 255, 0.2);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
	
	
.button-blue{
	background-color: #46546B;
	width: 100%;
	color: #ffffff;
	font-size: 18px;
	padding: 10px 0;
	border-radius: 5px;

}

.button-white{
	background-color: #ffffff;
	width: 100%;
	color: #46546B;
	font-size: 18px;
	padding: 10px 0;
	border: 1px solid #E1E1E1;
	border-radius: 5px;
}

.button-close{
	background-color: #fff;
	width: 100%;
	color: #ED1C24;
	font-size: 18px;
	padding: 10px 0;
	border-radius: 5px;
	border: 1px solid #ED1C24;

}

.button-close:hover{
	background-color: #ED1C24;
	color: #ffffff;
	border: 1px solid #ED1C24;

}

input{
	width: 100%;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #E1E1E1;
	padding-left: 10px;
}

::placeholder{
	color: #E1E1E1;
	padding-left: 5px;
}

.copy{
	font-size: 14px;
	font-weight: 300;
}

#register-tab, #back-to-login {
	cursor: pointer;
	color: #ED1C24;
	text-decoration: underline;
	
}

.status-icon{
	color: red;
	margin-top: 3rem;
}

.modal-header{
	border-bottom: none!important;
}

.modal-footer{
	border-top: none!important;
}

.button-save{
	background-color:  #46546B;
	color: #ffffff;
	padding: 5px;
	border: 1px solid #46546B;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 

}

.button-save:hover{
	background-color: #46546B;
	color: #ffffff;
	font-weight: 600;
}

.button-close2{
	background-color:  transparent;
	color: #ED1C24;
	padding: 5px;
	border: 1px solid #ED1C24;
	border-radius: 5px;
}

.button-close2:hover{
	background-color: #ED1C24;
	color: #ffffff;
	font-weight: 600;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 
}