/*---CSS Modal Forma de Pago---*/
	.contenedor{
		width: 45%;
		max-width: 1000px;
		padding: 40px 20px;
		margin: auto;
		/*display: flex;*/
		flex-direction: column;
		align-items: flex-end;
	}
		/*Estilo General de las Tarjetas*/
	.tarjeta{
		width: 100%;
		max-width: 450px;
		position: relative;
		color: #fff;
		transition: .3s ease all;
		transform: rotateY(0deg);
		transform-style: preserve-3d;
		cursor: pointer;
		z-index: 2;
		
	}
	.tarjeta.active {
		transform: rotateY(180deg);
	}
	.tarjeta > div{
		padding: 30px;
		border-radius: 15px;
		min-height: 280px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		box-shadow: 0 10px 10px 0 rgba(90,116,148,0.3);
	} 
		/*---Tarjeta Delantera---*/
	.tarjeta .delantera{
		width: 100%;
		background: url(../img/logos-tarjeta/fondo_tarjeta.jpg);
		background-size: cover;
		backface-visibility: hidden;
	}
	.delantera .logo-marca{
		text-align: right;
		min-height: 50px;
	}
	.delantera .logo-marca img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-width: 80px;
	}
	.delantera .chip{
		width: 100%;
		max-width: 50px;
		margin-bottom: 20px;
	}
	.delantera .label{
		font-size: 16px;
		color:  #a7a7a7;
		margin-bottom: 5px;
		
	}
	.delantera .numero,
	.delantera .nombre,
	.delantera .expiracion{
		color: #fff;
		font-size: 22px;
		text-transform: uppercase;
	}
	.delantera .flexbox{
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
	}
		/*---Tarjeta Trasera---*/
	.trasera{
		background: url(../img/logos-tarjeta/fondo_tarjeta.jpg);
		background-size: cover;
		position: absolute;
		top: 0;
		transform: rotateY(180deg);
		backface-visibility: hidden;
	}
	.trasera .barra-magnetica{
		height: 40px;
		background: #000;
		width: 100%;
		position: absolute;
		top: 30;
		left: 0;
	}
	.trasera .datos{
		margin-top: 60px;
		display: flex;
		justify-content: space-between;
	}
	.trasera .datos p{
		margin-bottom: 5px;
	}
	.trasera .datos #firma{
		width: 70%;
	}
	.trasera .datos #firma .firma{
		height: 35px;
		background: #fff;
	}
	.trasera .datos #firma .firma p{
		line-height: 35px;
		font-family: cursive;
		color: #000;
		font-size: 20px;
		padding: 0 10px;
		text-transform: capitalize;
	}
	.trasera .datos #ccv{
		width: 20%;
	}
	.trasera .datos #ccv .ccv{
		background: #fff;
		height: 35px;
		color: #000;
		padding: 5px;
		text-align: center;
	}
	.trasera .leyenda{
		font-size: 14px;
		line-height: 24px;
	}
	.trasera .link-banco{
		font-size: 14px;
		color: #fff;
	}
		/*-----Formulario----*/
	.formulario-tarjeta .flexbox{
		
		display: flex;
		justify-content: space-between;
	}
	.formulario-tarjeta .expira{
		width: 33%;
	}
	.formulario-tarjeta .grupo-select{
		width: 100%;
		margin-right: 3px;
		position: relative;
	}
	.formulario-tarjeta .select{
		-webkit-appearance: none;
	}
	.formulario-tarjeta .grupo-select i{
		position: absolute;
		top: 25px;
		right: 15px;
		transition: .3s ease all;
	}
/*----------------------------------------*/
/*---CSS Modal Editar Perfil---*/

	.objetfitcover > img{
		cursor: pointer;
		overflow: hidden;
		position: relative;
		width: 200px;
		height: 235px;
		/*object-fit: cover;*/
		background-color: white;
		border-color: #1C658CFF;
		
	}
	.form.file_result--active {
		background-color: gray;
	}
/*----------------------------------------*/