.modal{
	display: none;
	position: fixed;
	z-index: 99;
	inset: 0;
	background-color: var(--transparencia);
}

.modal.active{
	display: flex;
	place-content: center;
}


.modal .modal-contenido{
	background-color: var(--blanco);
    margin: 4em;
    padding: 5em 6em;
    position: relative;
    overflow: auto;
    height: auto;
}

.modal .modal-contenido.m-0{
	margin: 0;
}

.modal .modal-contenido .btn-cerrar{
	position: absolute;
    right: 1em;
    top: 1em;
}

.modal .modal-back{
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--transparencia);
}

@media only screen and (max-width: 63em) {
	.modal .modal-contenido{
		margin: 1em;
	    padding: 3em 1em;	
	}
}