/* ------------------------- */
/* POPUP */
/* ------------------------- */
.overlay {
	background: rgba(0,0,0,0.8);
	position: fixed;top: 0; bottom: 0; left: 0; right: 0;
	align-items: center; justify-content: center; display: flex;
	visibility: hidden; z-index:100000;
    max-width: 100vw;
    font-family: var(--font-family-montas);
}

.overlay.active {
	visibility: visible;
    /*animation: entrarderecha 0.4s ease-out;*/
}

.popup {
    background: #F8F8F8;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    border-radius: 3px;
    padding: 20px;
    text-align: center;
    width: 70%;
    transition: .3s ease all;
    transform: scale(0.7);
    opacity: 0;
}

.popup .btn-cerrar-popup {
	font-size: 16px;
	line-height: 16px;
	display: block;
	text-align: right;
	transition: .3s ease all;
	color: #BBBBBB;
}

.popup .btn-cerrar-popup:hover {
	color: #000;
}

.popup h3 {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 10px;
	opacity: 0;
}

.popup h4 {
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 10px;
	opacity: 0;
}

.popup form .contenedor-inputs { opacity: 0; }
.popup form .btn-submit { padding: 0 20px; height: 40px; line-height: 40px; border: none; color: #fff; background: #5E7DE3; border-radius: 3px; font-size: 16px;cursor: pointer; transition: .3s ease all;}
.popup form .btn-submit:hover { background: rgba(94,125,227, .9); }

/* ------------------------- */
/* ANIMACIONES */
/* ------------------------- */
.popup.active {	transform: scale(1); opacity: 1; }
.popup.active h3 { animation: entradaTitulo .8s ease .5s forwards; }
.popup.active h4 { animation: entradaSubtitulo .8s ease .5s forwards; }
.popup.active .contenedor-inputs { animation: entradaInputs 1s linear 1s forwards; }

@keyframes entradaTitulo {
	from { opacity: 0; transform: translateY(-25px); }
	to { transform: translateY(0);opacity: 1; }
}

@keyframes entradaSubtitulo {
	from { opacity: 0; transform: translateY(25px); }
	to { transform: translateY(0); opacity: 1; }
}

@keyframes entradaInputs {
	from { opacity: 0; }
	to { opacity: 1; }
}


/* GENERICOS CSS */
.form-generico input, .form-generico textarea, .form-generico select{ border:1px solid #999;padding:10px 20px;font-size:18px; font-family: var(--font-family-montas); }

.form-error, .form-success { background:#917b4c;padding:12px;color:#fff;display:block;margin:10px auto; text-align:center;font-family: var(--font-family-montas); }

.form-error { background:#ce3838; }
.form-error a, .form-success a { display:block;color:#fff; }
.attempted-submit .field-error { outline:1px solid #ce3838 !important; }