#container {
		margin-left: auto;
		margin-right: auto;
		max-width: 1000px;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	body.modal-open {
		overflow: hidden;
	}

	.modal {
		display: none;
		position: fixed;
		inset: 0;
		z-index: 10000;
		background-color: rgba(0, 0, 0, .75);
		padding: 40px;
		overflow: auto;
		
		&.bajo {
			/*padding-top: 70% !important;*/
		}
	}

	.modal.open {
		display: block;
		
		&.bajo {
			display: flex;
			flex-direction: column-reverse;
		}
	}

	.modal-body {
		padding: 20px;
		background: #fff;
		h2 {
			padding-top: 0;
			padding-bottom: 
			margin-top: 0;
		}
	}

	.enlace {
		outline-color: transparent;
		color: #6900ff;
		text-decoration: underline;
		cursor: pointer;
		min-height: 2rem;
		
		&.opcionCarta,
		&.opcionMazo {
			padding-bottom: 1rem;
		}
		
		&:nth-last-child(1 of .opcionCarta),
		&:nth-last-child(1 of .opcionMazo) {
			padding-top: 1rem;
		}
			
		&:hover {
			background-color: #EFEFEF;
		}
	}

	.sombreado {
			
		&:hover {
			background-color: #EFEFEF;
		}
	}

	#textoCreditos, 
	#textoAyudaCreacion {
		width: 100%;
		height: 550px;
		overflow: auto; 
	}

	.titulo {
		text-align: center;
	}

	.centrado {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		justify-content: center !important;
	}

	.boton {
		width: 100%;
		height: 3rem;
	}

	.opciones {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 0.25rem;
		height: 2rem;
	} 

	.opcionesMazo {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 0.25rem;
	} 

	:nth-child(2 of .opcionesMazo) {
		padding-bottom: 1rem;
	}

	:nth-child(3 of .opcionesMazo) {
		padding-top: 1rem;
	}

	:nth-last-child(1 of .opcionesMazo) {
		/*padding-top: 1rem;*/
	}

	:nth-child(1 of #opcionDescartarYRobar) {
		padding-top: 1rem;
	}

	#mazo, #tab {
		height: 2rem;
		width: 100%;
	}

	#carta {
		max-width: 100%;
		max-height: 550px;
	}

	#contador {
		padding-top: 0.25em;
	}

	.containerOpciones {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.oculto {
		display: none;
	}